[HTML] INLINE요소, image src, pre

고동이의 IT·2021년 10월 29일
0

HTML5&JavaScript

목록 보기
2/15
post-thumbnail

inline요소 - 줄이바뀌지 않는요소
image src 태그 쓸때 alt는 필수. title은 선택

줄바뀜 & 여백생김
이미지는 줄 안바뀜 - inline요소

<!doctype html>

<html>
  <head>
     <meta charset="UTF-8">
     <title>제목설정</title>
	 
	 <link rel = "stylesheet" href = "../css/mystyle.css">
	 
	 <style>
	 h1,h2,h3,h4,h5,h6{
	    background : lightgreen;
	 }
	 img{
	 width : 200px;
	 height : 200px;
	 }
	 </style>
  </head>
  
  <body>
    <pre>
     &lt;h1>~ &lt;h6> :
	     제목을 설정, block요소, 자동으로 줄바꿈
		 
     &lt;img> : 정해진 크기만큼 차지한다, inline요소
	            자동으로 줄이 바뀌지 않는다
    </pre>
  <!-- 블럭요소. 별다른 태그없이 다음줄로 넘어감 -->
     <h1>환영합니다 HTML 세계로 오심을 ~~</h1>
	 <h2>환영합니다 HTML 세계로 오심을 ~~</h2>
	 <h3>환영합니다 HTML 세계로 오심을 ~~</h3>
	 <h4>환영합니다 HTML 세계로 오심을 ~~</h4>
	 <h5>환영합니다 HTML 세계로 오심을 ~~</h5>
	 <h6>환영합니다 HTML 세계로 오심을 ~~</h6>
	 
	 <img src ="../images/강아지3.jpg" alt="강아지3.jpg"title="강아지3">
	 <img src ="../images/강아지5.jpg" title="강아지5">
	 
  </body>
  
 </html>

profile
삐약..뺙뺙

0개의 댓글