HTML 기본 개념 정리

HTML 기본 개념 정리

HTML (HyperText Markup Language)

• 웹페이지를 구성하는 기본 언어
• 문서의 구조와 내용을 태그(tag) 로 표현함

Hypertext(하이퍼텍스트)란 웹 페이지를 다른 페이지로 연결하는 링크를 말함

​

HTML 요소는 "태그"를 사용해서 문서의 다른 텍스트와 구분

태그는 <" 태그 이름 ">

태그 안의 요소 이름은 대소문자 구분x

즉, 대문자, 소문자, 아니면 섞어서도 작성 가능

예시시 <title>요소는 <Title>, <TITLE>

​

​

Visual Studio Code 기본 설정

1. Visual Studio Code 다운로드
2. 새 파일을 만들고 확장자를 .html 로 저장
3. ! 입력 후 Tab 키 → HTML 기본 구조 자동 완성

​

기본 태그 정리

태그	설명	예시
<h1> ~ <h6>	제목 태그 (숫자 작을수록 글씨 큼)	<h1>큰 제목</h1>
<p>	단락 (문단 구분)	<p>문단 내용입니다.</p>
<br>	줄바꿈 (닫는 태그 없음)	줄1<br>줄2
<hr>	가로선	<hr>
<div>	구역(division), 큰 영역을 나눌 때	<div>내용</div>
<strong>	강조(굵게) + 의미 있음	<strong>중요한 부분</strong>
<em>	강조(기울임) + 의미 있음	<em>강조 부분</em>
<b>	굵게 표시(의미 없음, 단순 스타일)	<b>굵은 글씨</b>
<i>	기울임(의미 없음, 단순 스타일)	<i>기울임 글씨</i>
<span>	특정 단어나 부분만 꾸밀 때 사용	<span style="color:red;">빨강</span>

• 닫는 태그가 없는 태그: <br>, <hr>, <img>
• 의미(시맨틱)가 있는 태그: <strong>, <em>
• 의미 없이 스타일만 적용하는 태그: <b>, <i>, <span>