[HTML] 1. HTML 기초 (개요, 태그, 문법, 기본 구조, 요소 구조)

📘 Programming/Web

한코딩 2020. 9. 13. 13:51

728x90

HTML이란?

HTML = HyperText Markup Language

HTML 태그(Tag)

문법

1. <태그이름>  // 시작 태그
2. </태그이름> // 종료 태그

HTML 기본 구조

<!DOCTYPE html> : 현재 문서가 HTML5 문서임을 명시
<html> : HTML 문서의 루트(root) 요소 정의
<head> : HTML 문서의 메타데이터(metadata) 정의
메타데이터(metadata)
- HTML 문서에 대한 정보(data), 웹 브라우저에는 직접 표현되지 않는 정보
- <title>, <style>, <meta>, <link>, <script>, <base> 태그 등을 이용하여 표현
<title> : HTML 문서의 제목을 정의하며, 다음과 같은 용도로 사용됩니다.
- 웹 브라우저의 툴바(toolbar)에 표시됩니다.
- 웹 브라우저의 즐겨찾기(favorites)에 추가할 때 즐겨찾기의 제목이 됩니다.
- 검색 엔진의 결과 페이지에 제목으로 표시됩니다.
<body> : 웹 브라우저를 통해 보이는 내용(content) 부분입니다.
<h1> ~ <h6> : 각 단락의 제목(heading)을 나타냅니다.
<p> : 단락(paragraph)을 나타냅니다.

HTML 요소(Element) 구조

시작 태그 : 시작 태그 내에서만 태그 이름, 속성명, 속성값이 정의 가능
태그 이름 : 요소가 가지는 태그의 이름
속성명 : 현재 태그의 속성
- 속성명은 대소문자를 구분하지 않음 (구분하는 것을 권장)
속성 값 : 속성의 값을 결정
- 속성 값에 큰 따옴표(" ") 또는 작은 따옴표(' ') 사용 (미사용 시, 여러 속성을 사용할 때 오류가 발생할 수 있음)
내용 : 요소를 표현하는 텍스트
종료 태그 : 요소의 시작 태그를 마무리하는 지정점

728x90

[HTML] HTML 요소 (제목, 단락, 서식) (0)	2020.09.13

1coding 😆