| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
- Methods
- if else
- 타입
- 기초
- 조건문
- 논리연산자
- for in
- flex-wrap
- 프론트엔드
- for
- 속성
- properties
- justify-content
- 함수
- 문자열
- align-content
- 변수
- ELSE
- for of
- 비교연산자
- javascript
- typeof
- 함수선언식
- flex-direction
- 화살표함수
- frontend
- 함수표현식
- boolean
- 반복문
- flex
- Today
- Total
하얀 코딩
[HTML - 1] HTML 기초 본문
HTML(HyperText Markup Language)
1. 웹 페이지의 틀을 만드는 마크업 언어. 웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성됩니다.
2. 각각의 HTML 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용됩니다.
3. HTML 태그는 태그 이름을 꺾쇠 괄호(<>)로 감싸서 표현합니다.
4. HTML 태그는 보통 시작 태그(start tag, opening tag)와 종료 태그(end tag, closing tag)의 한 쌍으로 구성됩니다.
5. 종료 태그는 시작 태그와 전부 똑같지만, 태그 이름 앞에 슬래시(/)가 존재합니다.
6. 태그에 따라 시작 태그만 있고 종료 태그가 없는 태그도 존재합니다. ex) <img> <br> <hr> : 빈 태그(empty tag)라고 합니다.
기본 구조
<!DOCTYPE html> : 현재 문서가 HTML5 문서임을 명시합니다.
<html> : HTML 문서의 루트(root) 요소를 정의합니다.
<head> : HTML 문서의 메타데이터(metadata)를 정의합니다.
- 메타데이터(metadata)란 HTML 문서에 대한 정보(data)로 웹 브라우저에는 직접적으로 표현되지 않는 정보를 의미합니다.
- 이러한 메타데이터는 <title>, <style>, <meta>, <link>, <script>, <base>태그 등을 이용하여 표현할 수 있습니다.
<title> : HTML 문서의 제목(title)을 정의하며, 다음과 같은 용도로 사용됩니다.
- 웹 브라우저의 툴바(toolbar)에 표시됩니다.
- 웹 브라우저의 즐겨찾기(favorites)에 추가할 때 즐겨찾기의 제목이 됩니다.
- 검색 엔진의 결과 페이지에 제목으로 표시됩니다.
<body> : 웹 브라우저를 통해 보이는 내용(content) 부분입니다.
요소 구조
HTML 요소(element)는 여러 속성을 가질 수 있으며, 이러한 속성(attribute)은 해당 요소에 대한 추가적인 정보를 제공합니다.
또한, HTML 요소는 시작 태그로 시작해서 종료 태그로 끝납니다.
중요 1. 속성 이름은 언제나 소문자로 작성하자!
중요 2. 속성값을 감쌀 때는 보통 큰따옴표("")가 사용되며, 작은따옴표('')도 사용할 수 있습니다.
'HTML' 카테고리의 다른 글
| [HTML - 6] form 요소 (0) | 2022.12.30 |
|---|---|
| [HTML - 5] block & inline (0) | 2022.12.30 |
| [HTML - 4] 기본 요소 (0) | 2022.12.11 |
| [HTML - 3] 엔티티(Entity) (0) | 2022.12.11 |
| [HTML - 2] 텍스트 태그 요소 (0) | 2022.12.11 |
