[Project H4C] 1. HTML 시작
- HTML이란?
HTML은 Hyper Text Markup Language의 약자로, 웹페이지를 만들고 구성하는 언어이다.
- HTML 표현 방법
HTML은 태그 이름의 처음과 끝을 꺾쇠 괄호를 감싼다 (e.g. <img>, <br>, <head>)
HTML은 시작태그와 종료태그가 한 쌍을 이룬다. 종료 태그에는 태그 이름 앞에 슬래시(/)가 붙는다.
(e.g. <head> .... </head>)
종료 태그가 없는 HTML 태그도 있는데 빈 태그라고 한다.(e.g. <img>, <br>, <hr>)
현재는 2014년에 발매한 HTML 5가 최신 버전이다 (2020년 7월기준)
- HTML의 기본 구조
<!DOCTYPE html>: 현재 HTML5 버전인것을 의미한다.
<html>: 문서의 root요소를 정의한다.
<head>: head 안에 들어가는 정보는 웹 브라우저에 직접적으로 노출은 되지 않지만 HTML문서의 metadata를 정의한다.
(e.g. <title>, <style>, <meta>, <link>, <script>, <base> 등의 태그들이 <head>..</head>안에 들어갈 수 있다.
<title>: HTML문서의 제목역할을 하며 웹브라우저의 툴바, 웹브라우저의 즐겨찾기 제목, 검색엔진의 결과 페이지에 뜨는 내용이다.
<body>: HTML문서의 몸통 부분이며 웹브라우저에 보여지는 내용들이다.
<h1> ~ <h6>: 제목을 나타내고 1에서 6으로 갈수록 글자크기가 줄어든다.
<p>: paragraph(단락)을 의미한다.
- HTML의 구성 요소
속성은 시작태그 안에서만 정의된다. <태그이름+속성이름=속성값>로 나타냄.
속성 이름은 되도록 소문자로 작성한다.
'속성값'은 따옴표로 감싼다. (주로 큰따옴표가 사용되지만 작은따옴표도 사용 가능하다)
(e.g. <img src="dopepd.jpg" alt="이미지 없음"> )
* HTML 태그 레퍼런스
'1. HTML' 카테고리의 다른 글
| [Project H4C] 6. HTML 확장 (0) | 2020.07.11 |
|---|---|
| [Project H4C] 5. HTML 입력 양식 (0) | 2020.07.10 |
| [Project H4C] 4. HTML 공간 분할 (0) | 2020.07.10 |
| [Project H4C] 3. HTML 기본 요소 (0) | 2020.07.10 |
| [Project H4C] 2. HTML 텍스트 요소 (0) | 2020.07.09 |