HTML Body Tags Practice

uomnf97_web·2021년 4월 8일
0

HTML 시리즈

목록 보기
6/9

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

참고: Poiemaweb

profile
사회적 가치를 실현하는 프로그래머

0개의 댓글