안녕하세요. 오늘은 html 이미지 넣기 방법 에 대해 설명드리겠습니다. html 은 hypertext markup langauage 의 약자로 웹 문서를 만드는데 사용되는 프로그래밍 언어 중 하나 입니다. 웹을 만들고 싶거나 혹은 티스토리블로그나 구글 블로그 를 사용 할때 html에 대한 몇가지 기본적인 소스 를 알아두면 좋은데요. 오늘은 이미지 넣기 및 크기조절 , 배열 들 에 대해 설명드리겠습니다.
html 이미지 넣기 및 정렬 방법!
먼저 이미지 넣기 html 코드 에 대해 설명드리겠습니다. 아래 코드 확인해보시기 바랍니다.
이미지 넣기
<html>
<head>
<img scr=''''>
<head>
</html>
"" "" 이곳에 파일이름을 넣어야 되는데 파일이름 은 확장자 까지 정확히 넣어야 합니다. 이미지 를 넣었으면 본인이 원하는 정렬 및 크기 등 을 조절 해야되는데요. html 이미지 넣기 에 따른 다른 코드 에 대한 내용 설명드리겠습니다.
사진 크기 조절
<html>
<head>
<img scr='''' width = "200" height = "200">
<head>
</html>
위와 같이 사진 사이즈 조절 을 하고 싶을 경우 width = "" height = "" 을 이용하여 설정하시면 됩니다. 숫자는 본인이 원하는 사이즈 숫자를 입력하시면 됩니다. 다음은 사진 정열 에 대해 설명드리겠습니다.
사진 중앙 정렬
<html>
<head>
<center><img scr=''''> <center/>
<head>
</html>
<center> <center/> 를 html 이미지 넣기 좌우 에 넣어주면 사진이 중앙 정렬로 됩니다. /(슬러시) 가 우측 에만 붙여야된다는 것만 잊지 않으면 쉽게 이용 가능합니다.
html 이미지 넣기 및 사이즈, 정렬 등 에 대해 설명드렸는데 필요하신 분들은 유용하게 사용해보시기 바랍니다.
※ 인기소식 더보기