오늘은 이미지 삽입하기 복습해볼께용 저는 할수있습니다... 열심히 계속 할꺼라능!
우선 아래 사진하나 보시죠 오뚜기 인스타그램 사진을 가져왔습니다. 이런 사진의 나열을 만들기위해서는 img 태그를 이용해야 하겠지요??
이렇게 하신다면 사진의 나열을 하실수있습니다. width로 크기조절을 하실수 있는데 px을 단위로 하면 폰PC 호환이되는 반응형웹의 기능을 이용하실수 없기에 %를 사용하는것이 좋다고 하네요?? 결과 img는 block기능이 없어서 아랫칸으로 내려가지않으며, 전체 width의 길이를 알수없으니 33%씩 차지하는 사진들이 보이는공간까지 꽉채워서 보여지네요.
그리고 src의 사진의 주소는 웹의 링크를 가져와서 입력하는 방법과 별도의 폴더에 사진을 저장하여 출력하는 방법이 있습니다. 오늘의 복습끝!...
원문 링크 : HTML 이미지 삽입하기(복습)