html 태그들 중 텍스트와 관련되어 있다고 생각되는 몇몇 태그들에 관해 정리해 보겠습니다.
제목 (heading)
제목을 나타내는 태그입니다. <h1>부터 <h6>까지 있고 h1이 가장 중요도가 높은 제목으로 설정하면 됩니다.
기본적으로 크기도 h1으로 갈수록 커지긴 하지만 크기는 변경이 가능하기 때문에 크기와 상관없이 중요도 순으로 하는 게 좋다고 생각합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>h1제목</h1>
<h2>h2제목</h2>
<h3>h3제목</h3>
<h4>h4제목</h4>
<h5>h5제목</h5>
<h6>h6제목</h6>
</body>
</html>
문단 (paragraph)
문단을 나타내는 태그입니다. <p> 태그로 사용하고 시작태그와 종료태그 안에 내용을 작성합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Nostrum praesentium eveniet quibusdam ratione sed numquam sint voluptatum ex?
Quia itaque eos quis ratione modi deleniti neque consectetur praesentium molestias.
Voluptates.
</p>
</body>
</html>
위의 둘을 제일 많이 사용하는 일이 많이 있었고 나머지는 종종 부가적으로 사용한 것 같습니다.
텍스트 꾸며주는 요소들
| b | 볼드체 |
| i | 이태릭채 |
| strong | 강조 의미의 볼드체 |
| em | 강조 의미의 이태릭채 |
| small | 작은 글씨 |
| sup | 위로 붙는 글씨 |
| sub | 아래로 붙는 글씨 |
| ins | 글자 아래 선 |
| del | 글자를 가로지르는 선 |
그 외 요소들
hr (horizontal rule)
가로방향의 구분선을 만들어 줍니다
pre
문서에 작성 시 공백이나 줄 바꿈을 작성해도 무시가 됩니다. 그때 <pre> 태그 안에 작성해 주면 작성한 공백이나 줄 바꿈을 적용해 사용할 수 있습니다.
엔티티 코드
엔티티 코드를 사용하면 특수기호나 공백을 필요한 경우 사용할 수 있습니다.
이 글은 개발 공부하면서 작성하고 있는 글 입니다. 잘못된 내용이 있을 수 있으니 댓글로 남겨주시면 감사하겠습니다.
'내가 보는 개발 공부 > html' 카테고리의 다른 글
| HTML 의 기초 (0) | 2024.01.06 |
|---|