| <hn></hn> |
| 제목을 입력할 때 사용하는 태그, 폰트의 크기가 태그마다 정해져 있음 h 뒤 숫자(n)으로 구분 h1 첫번째로 큰 제목 ~~~ h6 여섯번째로 큰 제목 |
<!-- emmet 느낌표 + 엔터 , html 틀 완성 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"> <!--현재 페이지는 UTF-8 방식을 사용합니다-->
<title>글자 관련 태그</title> <!--웹 페이지 제목-->
</head>
<body>
<!-- HeadLine 태그 : 웹 페이지의 제목 -->
<h1>h1 태그입니다.</h1> <!--h1 + tab-->
<h2>h2 태그입니다.</h2> <!-- 태그{내용} + tab -->
<h3>h3 태그입니다.</h3>
<h4>h4 태그입니다.</h4> <!-- h4{h$@4}*3 + tab -->
<h5>h5 태그입니다.</h5>
<h6>h6 태그입니다.</h6>
</body>
</html>|
<br /> 줄바꿈 태그
|
| 단일태그 : 열기붜 닫기까지 한 번에, 혼자 쓰는 태그 |
| <p></p> 단락 구분 태그(paragraph) |
<h3>단락 구분 태그(paragraph)</h3>
<p>
첫 번째 단락의 내용입니다.
</p>
<p>
두 번째 단락의 내용입니다"
</p>|
<hr /> 줄의 경계선을 나타내는 태그
|
| 문단의 영역을 나누는 태그 |
<p>
p 태그 :
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
무궁화 삼천리 화려강산
대한사람 대한으로 길이 보전하세
</p>
<pre>
pre 태그 :
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
무궁화 삼천리 화려강산
대한사람 대한으로 길이 보전하세
</pre>
| 여러가지 표현 태그 |
| <strong> 굵은 글씨1 <b> 굵은 글씨2 <small> 작은 글씨 <u> 글자 밑줄 <s> 취소선 <em> 기울임 <sup> 위첨자 <sub> 아래첨자 <mark> 형광펜 |
일반 내용 <br>
<strong> strong 굵은 글씨 1</strong> <br>
<b> b 굵은 글씨 2</b><br>
<small>작은 글씨</small><br>
<u>글자 밑줄</u><br>
<s>취소선</s> <br>
2<sup>10</sup>, 2<sub>n</sub> <br>
<em>기울임 </em> <br>
<mark>형광펜</mark> 입니다. <br>
'국비 > HTML_CSS_' 카테고리의 다른 글
| CSS 선택자_화면 구조 잡기 (0) | 2022.05.18 |
|---|---|
| HTML5 영역 관련 태그 (0) | 2022.05.05 |
| HTML5 표 관련 태그 (0) | 2022.05.05 |
| HTML5 목록 관련 태그 (0) | 2022.05.05 |
| HTML5 웹의 역사, 용어 및 개발환경 구축 (0) | 2022.05.01 |