HTML
HTML5
mi-ni
2024. 1. 10. 18:35
HTML (Hyper Text Markup Language)
웹에서 정보를 표현할 목적으로 만든 마크업 언어
HTML5 특징
- 구조적 설계 지원(시멘틱)
- 그래픽 및 멀티미디어 기능 강화(플러그인 설치없이)
- CSS3 및 Javascript 지원
- 다양한 API 제공
- 모바일 웹 지원 및 장치 접근 가능 (배터리정보, 카메라, GPS 등)
- 웹 브러우저가 서버와 양방향 통신 가능
- 인터넷이 연결되지 않은 상태에서도 애플리케이션 동작
구성요소
<p align = 'center'> HTML/CSS </p>
시작태그 속성 속성값 내부문자 종료태그
| 구성요소 | 내용 |
| 태그(Tag) | '<'와'>'로 묶인 명령어 시작태그(<태그>)와 종료태그(</태그>)를 한쌍으로 이용 |
| 요소(Element) | 시작태그와 종료태그로 이루어진 모든 명령어 하나의 HTML 문서는 요소들의 집합 |
| 속성(Attribute) | 요소의 시작태그에만 사용/ 명령어 구체화 역할 여러개의 속성을 사용할 수 있으며 속성의 구분은 공백이다 |
| 변수 / 속성값 (Argument) |
속성이 가지는 값, 값 입력 시 "" 혹은 '를 이용 |
주의 사항
태그는 대.소 문자를 구분하지 않으나 소문자를 권장함
시작 태그로 시작하면 반드시 종료 태그로 종료
파일 확장자는 html 또는 htm으로 설정
문자의 공백은 몇개를 입력하든 한개만 인식한다.(공백추가 위해 특수기호 를 이용!)
기본구조
<!DOCTYPE html> -> 문서유형
<html lang="ko">
<head>
머리 문서의 각종 정보와 문서 자체에 대한 설명내용
<title>, <meta>, <link>, <style>, <script> 등사용
</head>
<body>
몸체 화면에 출력해서 보여주는 모든 정보/내용
head에 들어가는 태그를 제외하고 모든 태그 사용
</body>
</html>
<html></html>
html 문서 시작, 끝 표시
lang은 이 페이지가 어느 나라 언어로 되어있는지를 의미
* 검색 엔진이 페이지 검색 시에 참고, 검색사이트에서 특정 언어 제외할 때 사용
속성
html 뒤에 붇는 lang을 속성이라고 함. ex.<html lang="ko">
<!-- -->
HTML에서 사용하는 주석
코드 작성 내용에 대해 설명하는 곳에 사용
브라우저는 주석 부분을 해석하지 않고 넘어감