Skip to content

[HTML]기본태그

Jump to bottom
zeroam edited this page Sep 10, 2018 · 2 revisions 
<!DOCTYPE html>
<html lang="en" dir="ltr">
 <head>
   <meta charset="utf-8">
   <title>1-2</title>
 </head>
 <body>
   <h3>2.기본태그 연습</h3>

   <!-- 제목 태그 -->
   <h3>제목태그</h3>
   <h1>안녕하세요. Hello~</h1>
   <h2>안녕하세요. Hello~</h2>
   <h3>안녕하세요. Hello~</h3>
   <h4>안녕하세요. Hello~</h4>
   <h5>안녕하세요. Hello~</h5>
   <h6>안녕하세요. Hello~</h6>

   <!-- 문단 태그 -->
   <h3>문단 태그</h3>
   <p>
     동해물과 백두산이 마르고 닳도록<br/>
     하느님이 보우하사 우리나라만세<br/>
     무궁화 삼천리 화려강산<br/>
     대한사람 대한으로 길이보전하세.<br/>
   </p>

   <p>
     동해물과 백두산이 마르고 닳도록<br/>
     하느님이 보우하사 우리나라만세<br/>
     무궁화 삼천리 화려강산<br/>
     대한사람 대한으로 길이보전하세.<br/>
   </p>


   <!-- 수평선 -->
   <hr/>


   <!-- 링크 -->
   <h3>링크 태그</h3>
   <!-- 새창에서 띄우기 -->
   <a href="http://naver.com" target="_blank">네이버</a>
   <a href="http://daum.net">다음</a>
   <a href="1-1.html">1-1.html</a>

   <hr/>

   <!-- 강조태그 -->
   <h3>강조 태그</h3>
   <b>HTML5/CSS3</b>
   <strong>HTML5/CSS3</strong>
   <i>JACASCRIPT/jQuery</i>
   <em>JACASCRIPT/jQuery</em>


   <!-- 목록태그 -->
   <h3>목록 태그</h3>
   <ul>
     <li>서울</li>
     <li>대전</li>
     <li>대구</li>
     <li>부산</li>
     <li>광주</li>
   </ul>

   <ol>
     <li>경기도</li>
     <li>강원도</li>
     <li>경상도</li>
     <li>전라도</li>
     <li>제주도</li>
   </ol>

   <!-- 테이블 -->
   <h3>테이블 태그</h3>
   <table border="1">
     <tr>
       <th>이름</th>
       <th>나이</th>
       <th>주소</th>
     </tr>
     <tr>
       <td colspan="2">김유신/21</td>
       <td rowspan="2">신라</td>
     </tr>
     <tr>
       <td>김춘추</td>
       <td>20</td>
     </tr>
     <tr>
       <td>강감찬</td>
       <td>41</td>
       <td>고려</td>
     </tr>
    </table>

     <!-- 이미지 태그 -->
     <h3>이미지 태그</h3>
     <img src="img/puppy1.png" alt="강아지"/>
     <img src="img/puppy2.png" alt="강아지"/>
 </body>
</html>
Clone this wiki locally