본문 바로가기
Spec UP - Frontend/부스트코스_UI 개발

HTML_텍스트를 꾸며주는 태그

by TIS_Ha 2020. 3. 16.
반응형

 

 

<b> 태그

글자를 굵게 표현한다.

<i> 태그

글자를 이탤릭체(기울임체)로 표현한다.

HTML 5 버전에서는 특정 이유(기술용어/외국어문구/소설속인물의생각 등)을 구분하기 위한

의미를 부여하기 위한 목적으로 이용됩니다.

<u> 태그

글자에 밑줄을 표현한다.

<s> 태그

글자에 중간선을 표현한다.

 


이 외에도 텍스트를 꾸미기 위한 목적의 태그가 많이 있습니다.

아래링크의 Inline text semantics 단락의 태그 정보를 참고하세요!

https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Inline_text_semantics

 

HTML elements reference

This page lists all the HTML elements, which are created using tags.

developer.mozilla.org

 


*추가내용*

시멘틱 마크업이란?

의미론적 마크업, 컴퓨터(브라우저)가 잘 이해할 수 있는 코드.

 

의미에 맞는 요소 사용

문서의 구조화

인간과 기계가 모두 이해할 수 있는 것이 목표


<b>태그와 <strong>태그

<b>태그와 <strong>태그는 모두 화면상의 굵은 글씨를 표현합니다.

<b>태그는 굵은글씨로 표현되도록 한것이지만

<strong> 태그는 중요한 의미를 표시하기 위해 브라우저가 굵게 표현한 것입니다.


<i>태그와 <em>태그

<i> 태그는 단순히 기울어진 글자를 표현하고

<em> 태그는 글자의 특정 부분을 강조하는 의미를 지닙니다.


<u>태그와 <ins>태그

<u>태그는 단순히 밑줄친 글자를 표현한 것이고

<ins> 태그는 새롭게 추가된 내용을 표시한다는 의미를 가집니다.


<s>태그와 <del>태그

<s>태그는 단순히 글자에 중간선을 그어 표시한 것이고

<del>태그는 내용이 삭제되었다는 의미를 지닙니다.

반응형

'Spec UP - Frontend > 부스트코스_UI 개발' 카테고리의 다른 글

HTML_의미가없는 컨테이너 요소  (0) 2020.03.17
HTML_앵커태그(Anchor)  (0) 2020.03.17
HTML_제목과 단락 요소  (0) 2020.03.16
HTML 태그 소개 사이트  (0) 2020.03.16
HTML 문서의 기본 구조  (0) 2020.03.16

댓글