코딩에 사용되는 태그들

 

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
HTML 태그(3) :: 2020. 3. 2. 20:54 화면구현
openclose