1. HTML이란?
HTML(Hyper Text Markup Language)은 웹사이트의 내용을 구현하는 마크업 언어이다.
.html 확장자를 가지며, 텍스트 파일에서도 수정이 가능하지만 주로 IDE를 사용해 html 문서를 작성한다.
대표적인 IDE or Editor
- Visual Studio Code
- WebStorm
- Atom
- Brackets
- Sublime text
2. HTML 기본 문법
1) 요소(Element)
기본적으로 태그는 <> 시작과 </> 끝 사이에 content로 구성된다.
html document는 요소들의 집합으로 이루어진다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>이것은 제목입니다.</title>
</head>
<body>
<h1>이것은 내용입니다.</h1>
</body>
</html>HTML5에서는 최상위에 <!DOCTYPE html>을 적고, <html> 태그 안에 <head> 와 <body> 태그로 구성한다.
2) <head> 태그
meta, title 등의 실제 사이트에 보이지 않는 정보들이다.
3) <body> 태그
웹브라우저에 출력되는 모든 요소는 <body> 태그 안에 위치한다.
4) Empty Element
content를 가질 수 없는 요소를 의미한다.
대표적으로 <meta> 태그가 해당된다.
5) attribute
요소는 속성을 가질 수 있으며 이름=값 의 형태로 시작 태그 안에 위치한다.
<img src="html.jpg" width="100" height="100"><img> 태그 안에 src라는 속성명과 값, width라는 너비와 값, heigth이라는 높이와 값 쌍으로 표시되어 있다.
한 줄이 모여 책이 되듯 기록하기