본문 바로가기
개발자가 되고 싶어요

가장 많이 사용하는 30대 html 태그 정리

by 広場時計塔 2023. 4. 1.
  1. <div>: HTML 문서에서 블록 수준 컨테이너 역할을 하는 태그로, CSS 스타일링과 스크립트 추가에 유용합니다.
  2. <a>: 다른 웹 페이지, 동일한 페이지의 위치, 파일, 이메일 주소 등을 링크할 때 사용하는 태그입니다.
  3. <img>: 이미지를 HTML 페이지에 삽입하는 태그입니다.
  4. <ul>: 목록 형태의 데이터를 나타내기 위해 사용하는 태그입니다.
  5. <li>: <ul> 또는 <ol>의 자식 태그로 사용되며, 목록에 항목을 추가합니다.
  6. <p>: 단락을 나타내는 태그입니다.
  7. <h1>-<h6>: 제목을 나타내는 태그입니다. h1이 가장 큰 크기이며, h6이 가장 작은 크기입니다.
  8. <form>: 웹 페이지에서 사용자의 입력을 받을 수 있는 양식을 만들 때 사용하는 태그입니다.
  9. <input>: 폼의 입력 요소를 나타내는 태그입니다. 텍스트 상자, 체크박스, 라디오 버튼 등을 만들 때 사용됩니다.
  10. <button>: 클릭 가능한 버튼을 만들 때 사용하는 태그입니다.
  11. <label>: 입력 요소와 해당 요소에 대한 설명을 나타내는 태그입니다.
  12. <select>: 드롭다운 목록을 만들 때 사용하는 태그입니다.
  13. <option>: <select> 태그 안에 들어가며, 드롭다운 목록의 각 항목을 나타냅니다.
  14. <table>: 표를 만들 때 사용하는 태그입니다.
  15. <tr>: 표의 행을 나타내는 태그입니다.
  16. <td>: 표의 셀을 나타내는 태그입니다.
  17. <thead>: 표의 헤더를 나타내는 태그입니다.
  18. <tbody>: 표의 몸통을 나타내는 태그입니다.
  19. <tfoot>: 표의 바닥글을 나타내는 태그입니다.
  20. <span>: 텍스트를 그룹화하거나, 스타일을 적용할 때 사용하는 태그입니다.
  21. <style>: CSS 스타일 시트를 포함할 때 사용하는 태그입니다.
  22. <script>: JavaScript 코드를 포함할 때 사용하는 태그입니다.
  23. <meta>: 웹 페이지의 정보를 포함할 때 사용하는 태그입니다. 문자 인코딩, 키워드, 페이지 설명 등
  24. <textarea>: 여러 줄의 텍스트를 입력할 수 있는 입력 요소를 만들 때 사용하는 태그입니다.
  25. <nav>: 웹 페이지의 내비게이션을 나타내는 태그입니다.
  26. <header>: 웹 페이지의 상단 부분을 나타내는 태그입니다.
  27. <footer>: 웹 페이지의 하단 부분을 나타내는 태그입니다.
  28. <article>: 웹 페이지에서 독립적으로 구성되는 콘텐츠 영역을 나타내는 태그입니다.
  29. <aside>: 웹 페이지에서 본문과 관련이 있으나 중요도가 떨어지는 부가 정보를 담은 영역을 나타내는 태그입니다.
  30. <video>: 동영상을 삽입하는 태그입니다.

HTML 태그는 수백 가지가 있지만, 위에서 설명한 태그들은 대부분의 웹 페이지에서 사용되는 가장 기본적인 태그입니다. 각 태그에 대한 이해와 활용은 웹 개발에 있어서 매우 중요합니다.

 

30대 html 태그
30대 html 태그

 

댓글