- PROGRAMMING

[HTML] HTML 태그란?





HTML 태그란?



  • HTML(하이퍼텍스트 마크업 언어, HyperText Markup Language)은 웹 페이지를 구성하는 언어이며, HTML 태그(Tag)는 문서의 구조를 정의하는 기본 요소입니다.
  • 태그는 <태그이름> 형태로 작성되며, 대부분 시작 태그(<태그이름>)와 종료 태그(</태그이름>)가 한 쌍을 이룹니다.



HTML 태그의 종류



기본 구조

HTML 태그는 기능에 따라 여러 유형으로 나뉩니다.

  • <html>: HTML 문서의 시작과 끝을 나타냄
  • <head>: 문서의 메타 정보(제목, CSS, JS, 인코딩 등)를 포함
  • <title>: 웹 페이지 제목 지정
  • <body>: 실제 웹 페이지의 콘텐츠를 포함


텍스트 관련 태그

텍스트를 표시하는 태그

  • <h1> ~ <h6>: 제목(Heading) 태그 (<h1>이 가장 크고 <h6>이 가장 작음)
  • <p>: 단락(Paragraph) 태그
  • <br>: 줄 바꿈(Break)
  • <hr>: 수평선(Horizontal Rule)
  • <b>: 굵은 글씨(Bold)
  • <i>: 기울임(Italic)
  • <u>: 밑줄(Underline)
  • <strong>: 의미적으로 중요한 강조 (굵게 표시됨)
  • <em>: 의미적으로 강조된 글자 (기울어짐)
  • <mark>: 형광펜 효과(텍스트 강조)
  • <small>: 작은 글씨


링크 & 미디어 태그

  • <a href="URL">: 하이퍼링크(Anchor) 생성
  • <img src="경로" alt="설명">: 이미지 삽입
  • <video>: 비디오 삽입
  • <audio>: 오디오 삽입
  • <iframe src="URL">: 다른 웹페이지 포함


목록 태그

  • <ul>: 순서 없는 목록(Unordered List)
  • <ol>: 순서 있는 목록(Ordered List)
  • <li>: 목록 항목(List Item)


표(Table) 관련 태그

  • <table>: 표 생성
  • <tr>: 행(Row)
  • <th>: 표 헤더(Header)
  • <td>: 표 데이터(Data)


입력 폼(Form) 태그

사용자로부터 입력을 받을 때 사용

  • <form>: 입력 폼(Form) 정의
  • <input>: 사용자 입력 필드
  • <textarea>: 여러 줄 입력 필드
  • <button>: 버튼 생성
  • <select>: 드롭다운 목록
  • <option>: 드롭다운 항목
  • <label>: 입력 요소와 연결되는 라벨


시맨틱(Semantic) 태그

HTML5에서 추가된 의미 있는 태그들로, 코드의 가독성을 높이고 검색엔진 최적화(SEO)에 도움을 줌

  • <header>: 머리말(사이트 로고, 내비게이션 포함)
  • <nav>: 내비게이션 영역
  • <section>: 문서의 섹션
  • <article>: 독립적인 콘텐츠 블록
  • <aside>: 사이드바 또는 부가 정보
  • <footer>: 하단(저작권 정보 등)



seuheu

최근 게시물

[Linux] Rocky Linux 9.5 LVM 스냅샷 실습 ext4/XFS 스냅샷 생성·변경·병합(롤백) 가이드[Linux] Rocky Linux 9.5 LVM 스냅샷 실습 ext4/XFS 스냅샷 생성·변경·병합(롤백) 가이드

1. 개요 본 글은 LVM의 스냅샷(snapshot) 기능으로 복구 지점 생성 → 파일 변경 → 스냅샷 병합(rollback) 과정을 실습합니다. 동일한…

%일 전

[Linux] Rocky Linux 9.5 LVM PV/VG/LV 구축, 온라인 확장, ext4 오프라인 축소

https://youtu.be/ZcxB7akkDKs 1. 개요 두 개의 디스크(/dev/vdb, /dev/vdc)로 LVM을 구성하고, ext4·XFS 파일시스템 생성 → 마운트 → VG/LV 확장 → ext4 축소(오프라인)까지 전체…

%일 전

[Linux] Rocky Linux 9.5 Parted로 GPT 파티셔닝: ext4/XFS 포맷과 fstab 자동 마운트

https://youtu.be/XYBR1ZFrV9s 1. 개요 parted를 사용해 새 디스크에 GPT 라벨 생성 → 파티션 생성(ext4/XFS) → 포맷/마운트 →…

%일 전

[Linux] Rocky Linux 9.5 FDISK MBR 파티셔닝 : ext4/XFS 포맷과 fstab 자동 마운트

https://youtu.be/yYV8RQKCFzA 1. 개요 이 문서는 fdisk를 사용해 MBR(DOS) 디스크에 파티션을 생성하고, ext4/XFS 파일시스템을 포맷·마운트, /etc/fstab에 등록했다가, 안전하게 해제·삭제하는 전…

%일 전

[Linux] MBR vs GPT : 리눅스 파티션 방식 쉽게 비교

1. 개요 Linux에서 디스크 파티션 스타일은 MBR(Master Boot Record) 와 GPT(GUID Partition Table)에 대해 설명합니다. 2. MBR이란? 디스크…

%일 전

[WindowsServer] Windows Server 2025 설치

https://youtu.be/CNd1bJV4wGY 1. 개요 Windows Server를 새로 설치할 때의 설치 과정을 단계별로 정리하였습니다. Windows Server 설치…

%일 전