본문 바로가기

프로그래밍/HTML5

글자태그,목록 태그

글자태그

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8"> 
 <title>맛클</title>
</head>
<body>
 <h1>안녕하세요</h1>
 <p><b>H<sub>2</sub>O(물)</b></p>
 <p><i>H<sub>2</sub>O(물)</i></p>
 <p><small>H<sub>2</sub>O(물)</small></p>
 <p>H<sub>2</sub>O(물)</p>
    <p>H<sub>2</sub>O(물)</p>
    <p>H<sup>2</sup>O(물)</p>
    <p><ins>H<sub>2</sub>O(물)</ins></p>
    <p><del>H<sub>2</sub>O(물)</del></p>
 <script> alert("글자 모양 태그") </script>
 <link rel ="stylesheet" href="style.css" />
</body>
</html>


목록태그

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8"> 
 <title>맛클</title>
</head>
<body>
 <h1>안녕하세요</h1>
 <ul>
 <li><b>H<sub>2</sub>O(물)</b></li>
 <li><i>H<sub>2</sub>O(물)</i></li>
 </ul>
 <ol>
 <li><small>H<sub>2</sub>O(물)</small></li>
 <li>H<sub>2</sub>O(물)</li>
 </ol>
 <ul type=square>
 <li><p>H<sub>2</sub>O(물)</p></li>
 <li>H<sup>2</sup>O(물)</li>
 </ul>
 <ol type=I>
 <li><ins>H<sub>2</sub>O(물)</ins></li>
 <li><del>H<sub>2</sub>O(물)</del></li>
 </ol> 
 <script> alert("목록 태그") </script>
 <link rel ="stylesheet" href="style.css" />
</body>
</html>

'프로그래밍 > HTML5' 카테고리의 다른 글

시간표 제작  (0) 2017.09.20
테이블태그  (0) 2017.09.20
하이퍼링크  (0) 2017.09.20
본문 태그  (0) 2017.09.20
특수 기호 및 글자 크기  (0) 2017.09.20