1. <pre> 태그
<pre></pre> p태그와 다르게 내가 쓰는 대로 웹페이지에 표시된다.
공백 줄바꿈 모두 적용가능하다.
2. 텍스트 꾸미기
- <b> 태그
<b>태그로 해당 텍스트를 감싼다
bold의 약어로 텍스트를 굵게 지정한다.
- <strong> 태그
<strong> 태그로 해당 텍스트를 감싼다.
<b> 태그처럼 굵게 표시되지만, 단순히 텍스트를 굵게 꾸며주는 역할만 하는 것과 달리 strong 태그는 웹 접근성을 높여주기 때문에 실제로 문장에서 중요한 부분에 써주는 것이 좋다.
- <em> 태그
emphasize의 약어로 텍스트를 기울여서 표현한다.
- <i> 태그
italic의 약어로 텍스트를 기울여서 표현한다.
- <small> 태그
글자의 크기를 작게 조절해주는 태그
- <del> 태그
새로 업데이트 된 사항에서 해당 텍스트가 삭제되었다는 것을 표현한다.
- <ins> 태그
새로 업데이트 된 사항에서 해당 텍스트가 추가되었다는 것을 표현한다.
- <sub></sub> 태그
아래 첨자 텍스트를 표시한다.
보통 줄 아래의 반문자로 표시되거나 작은 글꼴로 렌더링 된다.
- <sup></sup> 태그
윗 첨자 텍스트를 정의합니다.
줄 위의 반문자로 난타나거나 작은 글꼴로 렌더링 된다.
각주에 사용될 수 있다.
- <mark> 태그
태그로 표시한 부분의 배경색을 노란색으로 칠해 형광펜으로 칠한 효과를 준다.
'화면구현' 카테고리의 다른 글
링크태그와 메타 데이터 삽입 (0) | 2020.03.03 |
---|---|
HTML 태그(4) (0) | 2020.03.02 |
HTML 태그(2) (0) | 2020.03.02 |
HTML 태그(1) (0) | 2020.03.02 |
웹 페이지 구성 (0) | 2020.03.02 |