<태그이름>
형태로 작성되며, 대부분 시작 태그(<태그이름>
)와 종료 태그(</태그이름>
)가 한 쌍을 이룹니다.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>
: 표 생성<tr>
: 행(Row)<th>
: 표 헤더(Header)<td>
: 표 데이터(Data)사용자로부터 입력을 받을 때 사용
<form>
: 입력 폼(Form) 정의<input>
: 사용자 입력 필드<textarea>
: 여러 줄 입력 필드<button>
: 버튼 생성<select>
: 드롭다운 목록<option>
: 드롭다운 항목<label>
: 입력 요소와 연결되는 라벨HTML5에서 추가된 의미 있는 태그들로, 코드의 가독성을 높이고 검색엔진 최적화(SEO)에 도움을 줌
<header>
: 머리말(사이트 로고, 내비게이션 포함)<nav>
: 내비게이션 영역<section>
: 문서의 섹션<article>
: 독립적인 콘텐츠 블록<aside>
: 사이드바 또는 부가 정보<footer>
: 하단(저작권 정보 등)1. 개요 본 글은 LVM의 스냅샷(snapshot) 기능으로 복구 지점 생성 → 파일 변경 → 스냅샷 병합(rollback) 과정을 실습합니다. 동일한…
https://youtu.be/ZcxB7akkDKs 1. 개요 두 개의 디스크(/dev/vdb, /dev/vdc)로 LVM을 구성하고, ext4·XFS 파일시스템 생성 → 마운트 → VG/LV 확장 → ext4 축소(오프라인)까지 전체…
https://youtu.be/XYBR1ZFrV9s 1. 개요 parted를 사용해 새 디스크에 GPT 라벨 생성 → 파티션 생성(ext4/XFS) → 포맷/마운트 →…
https://youtu.be/yYV8RQKCFzA 1. 개요 이 문서는 fdisk를 사용해 MBR(DOS) 디스크에 파티션을 생성하고, ext4/XFS 파일시스템을 포맷·마운트, /etc/fstab에 등록했다가, 안전하게 해제·삭제하는 전…
1. 개요 Linux에서 디스크 파티션 스타일은 MBR(Master Boot Record) 와 GPT(GUID Partition Table)에 대해 설명합니다. 2. MBR이란? 디스크…
https://youtu.be/CNd1bJV4wGY 1. 개요 Windows Server를 새로 설치할 때의 설치 과정을 단계별로 정리하였습니다. Windows Server 설치…