안녕하세요. 오늘은 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 이미지 넣기 및 사이즈, 정렬 등 에 대해 설명드렸는데 필요하신 분들은 유용하게 사용해보시기 바랍니다.


※ 인기소식 더보기


+ Recent posts