무라언니

누구나 쉽고 간편하게 따라할 수 있는 집밥레시피를 연구하고 있습니다 요리초보자도 한 끼 거뜬하게 만들어 먹을 수 있는 노하우 모두 가져가세요

코딩IT리뷰

html/css 크기가 다른 사진 일정하게 배치하는 방법 안녕하세요아이언스카이입니다 홈페이지 등을 만들 때 크기가 모두 다른 사진들을한 공간에 배치해야 하는 경우가 있는데요 사진크기가 다른 경우 html/css 를 이용하여일정한 크기와 간격으로 배치하는 방법을 알아 보겠습니다위 사진처럼 음식주제로 사진들을 배치해 본다고 가정할게요 위 사진들은 구글 이미지에서 가져온 이미지들이구요모두 크기가 다릅니다 아래 두 개의 사진이 원본 크기인데요 딸기파이와 핫케익의 크기가 많이 차이나지 않나요? 하지만 최종적으로 만든 화면을 보시면사진크기의 차이를 모르실 거예요 똑같은 공간에 똑같은 크기로 들어가 있거든요실제 크기가 다른 사진들을css 코드들을 이용하여똑같은 크기로 넣은 모습입니다 파란색 네모친 부분이 위에서 보여..

코딩IT리뷰

html/css float 이용하여 홈페이지 메뉴 배치하기 안녕하세요아이언스카이입니다 오늘은 홈페이지 만들 때 위 상단의 메뉴 배치하는 법을포스팅 해볼게요!!!!! 제가 하는 방법이 100% 정답은 아니고홈페이지는 결과물만 잘 나오면 되니 다르더라도 참고해 주세요 오늘의 샘플 홈페이지 메인사진입니다우리가 봐야할 곳은 로고와 메뉴들이 있는 윗부분이에요 그래서 아래 본문 사진은 지우고위 메뉴만 남기게 해서 보겠습니다 01. html 코드 작성하기 저는 로고 부분을 h1으로 작성하여 제일 크고,두꺼운 글자로 만들어 주었구요 나머지 메뉴들은 ul과 li를 써서 리스트 안에넣어 주었습니다 보시는 바와 같이 , 라고 되어 있는 것은html 표준법에 의거하여 최대한 표준표기법을 따르려고 작성한 것인데요 특별한 의미라..