<hn>태그: 제목을 나타내는 태그
n 자리에 1 ~ 6의 숫자 입력
브라우저는 제목 앞뒤에 공백을 자동으로 추가
h1이 가장 큰 제목(가장 중요함) ~ h6이 가장 작은 제목(중요도가 낮음)
닫는 태그<hn>반드시 사용
<p>, <br />태그
p태그: 텍스트 단락을 만드는 태그
단락은 항상 새 줄에서 시작, 브라우저는 단락 앞뒤에 공백을 자동추가
닫는 태그</p> 반드시 사용
br태그: 줄을 바꾸는 태그
강제 줄바꿈. 새 단락을 시작하지 않고 줄 바꿈이 필요할때 사용
<span>요소
span 요소는 텍스트의 일부 또는 문서의 일부를 표시하기 위해 사용되는 컨테이너
span 요소에는 필수 속성이 없음
CSS를 사용하면 span을 사용하여 텍스트의 일부를 스타일링 가능
<blockquote>태그
blockquote 태그는 인용할 때 사용하는 태그
태그 안의 내용을 들여쓰기 함
<strong>,<b>태그
strong태그: 텍스트를 굵게 강조할때 사용하는 태그
경고, 주의 사항처럼 중요한 내용을 강조할때 사용
b태그: 텍스트를 굵게 표시할 때 사용하는 태그
단순히 굵은글자를 표시
<em>, <i>태그
em태그: 텍스트를 기울여 강조할 때 사용하는 태그
i태그: 텍스트를 기울여 표시할 때 사용하는 태그
사용예시
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>text02.html</title>
</head>
<body>
<!--
h1, h2, p ,strong, span, blockquote, p 태그 사용
-->
<h1>이승아</h1>
<p>안녕하세요! 저는 <strong>웹 개발자</strong>이승압니다. 웹 개발에 관심이 많습니다</p>
<h2>취미</h2>
<section>
<span>코딩 |</span> <span>운동 |</span> <span>보드게임</span>
</section>
<blockquote cite="https://example.com">"인생은 여행과 같다, 멈추지 않는 한" - 미상</blockquote>
<p>연락처: email.email.com</p>
</body>
</html>이승아
안녕하세요! 저는 웹 개발자이승압니다. 웹 개발에 관심이 많습니다
취미
"인생은 여행과 같다, 멈추지 않는 한" - 미상
연락처: email.email.com
'frontend > html' 카테고리의 다른 글
| HTML.09.Hyperlink (0) | 2025.03.13 |
|---|---|
| HTML.08.List (0) | 2025.03.13 |
| HTML.06.Head(헤드) (0) | 2025.03.12 |
| HTML.05.Semantic(시맨틱) (0) | 2025.03.12 |
| HTML.04.속성 (0) | 2025.03.12 |