html 에서 알아두어야 할 요소(표, 이미지, 링크, 목록, 헤더와 단락)

html 에서 알아두어야 할 요소(헤더와 단락, 목록, 링크, 이미지, 표)

 

• 헤더와 단락

<h1>대제목</h1>
<h2>소제목</h2>
<p>단락 텍스트</p>

적용결과

대제목

소제목

단락 텍스트

 

 

• 목록

<ul>
  <li>순서 없는 목록 항목 1</li>
  <li>순서 없는 목록 항목 2</li>
</ul>

<ol>
  <li>순서 있는 목록 항목 1</li>
  <li>순서 있는 목록 항목 2</li>
</ol>

적용결과

• 순서 없는 목록 항목 1
• 순서 없는 목록 항목 2

1. 순서 있는 목록 항목 1
2. 순서 있는 목록 항목 2

 

• 링크

<a href="https://www.example.com">링크 텍스트</a>

적용결과

링크 텍스트

 

• 이미지

<img src="image.jpg" alt="이미지 설명" />

적용결과

 

• 표

<table>
  <tr>
    <th>제목 1</th>
    <th>제목 2</th>
  </tr>
  <tr>
    <td>데이터 1</td>
    <td>데이터 2</td>
  </tr>
</table>

적용결과

제목 1	제목 2
데이터 1	데이터 2