문자 관련 태그
<!DOCTYPE html>
- HTML5 문서 형식 선언
lang 속성
- 페이지가 어떤 언어로 되어 있나를 표시
- ex) <html lang="ko">
<html>
- html 문서의 내용을 정의
<head>
- html문서의 머릿글
- 보여지지 않는 기능 작성
<meta charset="UTF-8">
- 문자 인코딩 선언
<title>
- 브라우저의 제목 표시줄이나 페이지 탭에 보여지는 문서의 제목을 정의
<body>
- html문서 내용- 실제로 보여지는 내용 작성
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> </title>
</head>
<body>
</body>
</html>
<hr>
- 줄 바꾸면서 수평선 넣는 태그
<br>
- 줄 바꿈 태그
<p>
- 문단을 나누는 태그
- 한 개의 공백만 표시하며 줄 바꿈
- 입력을 별도의 태그로 지정해 주어야 함.
<pre>
- 문단을 나누는 태그
- 띄어쓰기 혹은 줄 바꿈등 입력한 내용 그대로 표현함
<h1> ~ <h6>
- 글씨크기
- 기본 글씨보다 굵음
<b>
- 굵은 글씨
- 일반 글자와 구분시 사용
<strong>
- 굵은 글씨
- 의미의 중요성 표시
(강조와는 다름)
<i>
- 글씨 기울이기
- 일반 글자와 구분시 사용
<em>
- 글씨 기울리기
- 의미 강조 표시
<mark>
- 형광펜 효과
<u>
- 밑줄
<small>
- 일반글자를 작게 표시
<sub>
- 아래첨자
<sup>
- 위 첨자
<s>
- 취소선
<blockquote>
- 인용문구를 나타냄
<blockquote cite = "주소">
- cite 속성 인용 된 사이트 주소를 작성
- 직접표시 되지는 않지만 검색 엔진에 노출됨
<q>
- 인용문구를 나타냄
<add>
- 용어의 축약형 표현
ex) <abbr title = "문자를 입력하세요">ToT</abbr>
ToT글자에 마우스를 올려놓으면 문자를 입력하세요 라고 나타남
<cite>
- 참고한 웹 문서를 이텔릭채로 나타냄
'프로그래밍 > HTML5 & CSS' 카테고리의 다른 글
| 05_html : 멀티미디어 관련 태그 (0) | 2022.07.21 |
|---|---|
| 04_html : 영역 관련 태그 정리(div, span, iframe, 시맨틱 태그) (0) | 2022.07.20 |
| 03_html : 표 관련 태그 정리(행, 열 합치기, border, table 등) (0) | 2022.07.20 |
| 02_html : 목록 관련 태그<ul, li, ol, dl> (0) | 2022.07.20 |