'html 이미지 넣기'에 해당되는 글 1건

  1. 2015.12.15 html 이미지 넣기 핵심 방법 by 뚱땡쓰


html 이미지 넣기를 위한 방법을 정리해보려 합니다. 저처럼 오픈형 블로그를 갖고 있는 분들이나 홈페이지 만들기에 입문하시는 분들이라면 처음에 이번 글의 주제가 되는 프로그래밍 언어를 알아두어야 하는데 저도 이쪽 분야의 전문가는 아니지만 html 이미지넣기를 하는 간단한 절차는 언제든지 설명을 할 수 있을 것 같다는 생각이 들어서 이번에 관련 내용을 엮어보려 합니다. 혹시 사진 파일을 추가하는 언어를 적고 싶었지만 방법을 몰라서 시도하지 못 했었던 분들이라면 아래의 글에 집중해주시기 바랍니다!



html 이미지 넣기를 해주는 것은 엄청 간단합니다. 그냥 필요한 위치에 <img src="사진 경로">를 입력하면 되죠. 그리고 여기서 사진의 경로는 프로그래밍 언어 파일과 같은 폴더에 있을 경우에는 이미지의 파일 이름만 입력해주어도 되며 다른 경로에 있을 땐 해당하는 경로를 모두 적어주어야 합니다. 또한 사진이 웹에 존재하고 있는 경우에는 해당 사진의 웹 주소를 입력해주면 됩니다.



추가적으로 사진의 너비와 높이를 지정해서 넣기를 해주어야 할 경우에는 <img src="사진 경로" width="100" height="200">과 같은 내용을 입력해주면 됩니다. 눈치가 빠른 분들은 이미 아셨겠지만 100과 200은 각각 너비와 높이에 해당하며 단위는 픽셀입니다. 고로 사진의 적절한 픽셀을 100과 200을 대신해서 적어주면 됩니다.



추가적으로 테두리를 설정하고 싶을 땐 border를 추가하면 되며 위쪽 여백은 vspace, 왼쪽 여백은 hspace, 설명은 alt를 추가해주면 됩니다. 추가하는 방식은 앞서 width나 height를 적어주는 방법과 동일합니다. 하지만 사실상 이 부분은 거의 사용할 상황이 없을 것입니다. 그래도 복잡하다고 생각될 땐 그냥 무시를 하셔도 무방할 것 같습니다.



각설하고 지금까지 기초적인 프로그래밍 언어에 대한 얘기를 해봤는데 아무쪼록 html 이미지 넣기를 할 수 있는 방법을 찾고 있던 분들께서 참고할 수 있는 수준의 글이었으면 좋겠습니다. 다음에는 이번 글의 내용과 전혀 다른 주제의 글을 쓸 계획이지만 다른 주제라 해도 유용한 정보와 방법을 전하려 노력할 테니 또 들러주시기 바라며 저는 물러나겠습니다!


◀ 이전페이지 1 다음페이지 ▶