|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
|
<!DOCTYPE html> <!--html문서의 형식을 선언-->
<html lang="ko"><!--html문서의 시작, 끝을 표시해주는 태그 / lang속성은 페이지가 어느나라 언어로 되어있는지를 표시-->
<head><!--머리부를 나타냄 : 문서의 각종 정보, 제목, 설명, 외부파일을 가져오는 것 등을 작성-->
<meta charset="UTF-8">
<meta name="generator" content="VScode"> <!--generator : 해당문서를 작성한 프로그램-->
<meta name="author" content="one"> <!-- author : 해당문자를 작성한 사람-->
<meta name="description" content="html학습용 문서">
<title>글자태그관련</title>
</head>
<body> <!--몸체부를 나타냄 : 화면상에 출력해서 보여주고자하는 모든 정보 / 내용을 작성하는 부분-->
<!-- h태그 (h1~h6)-->
<h1>제목 태그입니다.</h1>
<h2>제목 태그입니다.</h2>
<h3>제목 태그입니다.</h3>
<h4>제목 태그입니다.</h4>
<h5>제목 태그입니다.</h5>
<h6>제목 태그입니다.</h6>
<h7>제목 태그입니다.</h7> <!--없는 태그를 사용해도 에러발생x 표현가능한 부분만 표현-->
<hr> <!--수평선 태그-->
<h3>문단을 나누는 태그 : p, pre</h3>
<p>
문단영역을 나누는 태그로는 p태그와 pre태그가 있다.<br>
p태그는 줄바꿈을 하고자한다면 별도의 태그를 작성해야한다.<br>
그리고 공백은 한개의 공백만을 표시하기 때문에 <br>
별도의 기호문구를 기술해야 함
</p>
<pre>
pre태그는 시작태그에서부터 종료태그까지 입력된 내용을 그대로 표현하는 태그
줄바꿈이라던가 여러개의 공백을 그대로 인식함
</pre>
<hr><!--수평선 태그-->
<h3>그 밖에 글자를 다루는 태그들</h3>
일반 글꼴(태그로 감싸지 않은 텍스트)
<br><br>
<b>b : 글자를 굵게 표시하는 태그</b>
<br><br>
<strong>strong : 글자를 굵게 표시하는 태그 + 스크린리더</strong>
<br><br>
<em> em : 글자를 기울려서 보여주는 태그</em>
<br><br>
<i>i: 글자를 기울려서 보여주는 태그</i>
<br><br>
<mark>mark : 형광팬</mark> 효과를 주는 태그
<br><br>
<u>u: 글자에 밑줄이 그려지는 태그</u>
<br><br>
<s>s: 글자에 취소선을 넣어주는 코드</s>
<br><br>
<small>small : 글자를 작게 표현해주는 태그</small>
<br><br>
기본글자에 <sub>sub : 아래첨자</sub>를 나타내는 태그
<sup>sup 위첨자</sup>를 나타내는 태그
<hr>
<p>
태그를 중첩해서 사용하면 가능한가?<br>
<b><em>굴고 기울인 글자</em></b><br>
<s><mark>취소선,형관펜</mark></s>
</p>
</body>
</html>
|
cs |
'HTML' 카테고리의 다른 글
| 05. 영역 관련 태그 (html) (0) | 2024.08.27 |
|---|---|
| 04. 이미지 및 멀티미디어 태그 (html) (0) | 2024.08.27 |
| 03. 표 관련 태그 (html) (1) | 2024.08.27 |
| 02. 목록관련태그 (html) (0) | 2024.08.27 |