[HTML] HTML5
Learn to code HTML5
poimweb을 보고 공부했습니다 :)
1. HTML5
HTML(HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다.
웹 페이지의 내용과 구조를 담당하는 언어로 HTML 태그를 통해 정보를 구조화한다.
2. Hello HTML5
- HTML5 문서는 <!DOCTYPE html>로 시작
- 기본 구조는 아래와 같다.
<html>
<head>
<meta charset="utf-8">
<title>HTML5</title>
<!--주석 -->
<!--head에는 title, 외부 파일의 참조, 메타데이터의 설정등이 위치 -->
</head>
<body>
<h2>HTML5</h2>
<p>웹 브라우저에 출력되는 요소는 body에 위치한다. </p>
</body>
</html>
3. HTML5의 기본 문법
3.1 요소 (Element)
- HTML 요소는 start tag와 end tag, 태그 사이에 위치한 content로 구성된다.
- ’ <p> Hello </p>
- HTML document는 Element 들의 집합으로 이루어진다.
3.1.1 요소의 중첩 (Nested Element)
- 요소는 다른 요소를 포함할 수 있다. 이러한 부자관계로 정보를 구조화한다.
- html은 head와 body를 포함
3.1.2 빈 요소 (Empty Element)
- content를 가질 수 없는 요소를 빈 요소라고 한다.
- 빈 요소는 Attribute 만을 가질 수 있다.
- br
- hr
- img
- input
- link
- meta
3.2 어트리뷰트 (Attribute)
- Attribute 란 요소의 성질, 특징을 정의한다.
- Element는 Attribute를 가질 수 있으며 Attribute는 요소에 추가적인 정보를 제공한다.
- Attribute는 시작 태그에 위치해야 한다.
<img src = "html.jpg" width = "100%">
3.3 주석(Comments)
<!--주석은 화면에 표시되지 않는다.-->
4. HTML History
1989.06 팀 버너스리가 WWW의 하이퍼시스템, URL, HTTP, HTML 설계/개발
Leave a comment