HTML Body Tags

Trend: 최근의 웹트렌드는 텍스트를 줄이고 이미지나 동영상으로 콘텐츠를 구성하는 것이다.

제목 태그

• <h1>,<h2> ... <h6> : heading태그라고 부르며 h1 부터 h6까지 다른 크기를 가진 글자로 써줄 수 있다. 시멘틱 정보가 있으니 중요한 정보만 h1태그로 처리 할것

글자 태그 ( Text Formatting )

• <b>: bold체를 만들어주는 태그, semantic 의미는 없다.
• <stong>: bold체를 만들어주는 태그, semantic의미를 갖는다.
• <i>: Italic체를 지정한다. Semantic의미는 존재하지 않는다.
• <em> : emphasize text를 지정한다. Italic체로 표현되며, semantic적 중요성을 갖는다.
• small: small text 를 지정한다.
• <mark>: highlighted text 를 지정한다.
• <deleted>: 특정한 단어에 가운데 줄을 그린다..
• <ins>: 특정한 단어에 밑줄을 그린다.
• <sub>/<sup>: sub는 밑첨자 텍스트를, sup는 윗첨자 텍스트를 작성해준다.

본문 태그

• <p>: 단락을 만들어주는 태그
• <br>:줄바꿈 태그, 종료 태그가 존재하지 않는다.
•   : 연속된 공백을 넣어줄때 필요한 문자기호
• <pre> : performatted text를 지정한다. 작성된 그대로를 출력해주는 태그
• <hr> : 수평 줄을 삽입한다.
• <q> : 짧은 인용문 태그 인용부호는 큰따옴표로 감싼다.
• <bloackquote> : 긴 인용문 블록을 지정한다. block quote 요소를 들여쓰기를 하며, css 를 이용하여 다양한 style을 적용할 수 있다.

참고: Poiemaweb