클라우드 융합 자바 스프링 백엔드 개발자과정/HTML
[HTML] 텍스트 관련 태그 정리
냠냠쿠
2023. 11. 30. 09:22
728x90
📌 제목 : <h1> ~ <h6>
- h1 ~ h6까지 6단계의 구획 제목을 나타낸다.
- h1 이 가장 폰트 크기가 크다.
<body>
<h1> h1 </h1>
<h2> h2 </h2>
<h3> h3 </h3>
<h4> h4 </h4>
<h5> h5 </h5>
<h6> h6 </h6>
</body>
📌 문단 : <p>
- 하나의 문단을 만들 때 사용
- 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄을 바꾼다.
<body>
<h1> 제목입니다. </h1>
<p> 탐라국 입춘굿놀이는 전국적으로 유일하게 입춘날 벌어지는 축제이자 제주도의 문화축제 중에서 유일하게 전통시대부터 존재했던 축제이다.</p>
</body>
📌 줄바꿈 : <br>
- 줄 바꿈을 해 주는 태그
- 닫는 태그가 없다
<body>
<h1> 제목입니다. </h1>
<p> 탐라국 입춘굿놀이는 전국적으로 유일하게 입춘날 벌어지는 <br> 축제이자 제주도의 문화축제 중에서 유일하게 전통시대부터 존재했던 축제이다.</p>
</body>
📌 중요 텍스트 기울임 : <em>
- 중요 텍스트를 기울임 처리 해 준다.
- <i>태그는 단순 기울임처리 하는 것과는 다르게 컴퓨터가 '중요 텍스트'임을 감지한다.
<body>
<h1> 제목입니다. </h1>
<em> 텍스트가 기울었습니다.</em>
</body>
📌 텍스트 기울임 : <i>
- 단순 텍스트 기울임 처리
<body>
<h1> 제목입니다. </h1>
<em> em 태그로 기울었습니다.</em><br>
<i> i 태그로 기울었습니다. </i>
</body>
📌 수정/추가한 내용 표시 : <ins>
- 문서에서 수정이나 추가한 부분을 표시하기 위해서 사용
- 밑줄이 표시된다.
<body>
안녕하세요 <ins> ins 태그입니다. </ins>
</body>
📌 삭제한 내용 표시 : <del>
- 문서에서 삭제된 텍스트를 설정
- 텍스트에 취소선이 표시된다.
안녕하세요 <ins> ins 태그입니다. </ins> <br>
이것은 <del> del 태그입니다.</del>
📌 아래첨자 : <sub>
- 아래 첨자는 더 작은 글씨 크기를 가지고 기준선이 조금 아래에 내려가있다.
<body>
첨자 <sub> 아래첨자 </sub> <br>
C <sub> 8 </sub>
</body>
728x90