HTML&CSS

[HTML] [1] 태그

Parsler 2023. 11. 17. 10:58

1. 글꼴 태그

  • <h1> ~ <h6> Heading
    제목, 부제목 표현할 때 사용하며 숫자가 작을수록 큰 제목이다.
  • <p> Paragraph
    문단 표시
  • <hr> Horizontal Rule
    가로로 선을 긋는 태그
  • <br> Break
    줄바꿈 태그로 개행 역할을 한다. (종료태그가 없음)
  • <i> Italic
  • <em> Emphasis
  • <b> Bold
  • <strong>
    b 태그와 i 태그는 단순히 진하게, 이탤릭체로 표시하지만 strong 태그와 em태그는 강조하는 역할을 한다.
    스크린 리더 등의 웹 접근성을 높여줌.

2. 목록 태그

  • <ol> Ordered List
    순서가 있는 목록을 표현할 때 사용
  • <ul> Unordered List
    순서가 없는 목록을 표현
  • <li> Listed item
    목록 하위 항목으로 사용하며, <ol>, <ul> 태그의 하위에 위치
  • <dl> Definition List
    사전처럼 용어를 설명하는 목록을 만든다.
  • <dt> : 용어의 제목
  • <dd> : 용어를 설명하는 데 사용

3. 표 태그

  • <table> : 표
    <caption> : 표의 제목 또는 설명 작성
    <tr> : 표의 행이며, 자식으로 <th>  또는 <td>가 있어야 한다.
  • <thead>, <tbody>, <tfoot>을 통해 구분할 수 있다.