HTML5
Hyper Text Markup Language
- Hyper Text : 시공간을 초월하는 텍스트
- Markup : 태그 형식
- HTML은 웹 페이지를 만들기 위한 표준 마크업 언어
- 요소(element)
- 시작태그 + 내용 + 종료(닫기)태그
- 내용이 없는 요소는 닫기태그가 없을 수 있음
<span>내용</span>
코딩 가이드
- 문서 유형 선언 : 대문자 권장
- 요소 : 소문자 권장
- 속성=속성값 : 등호 양옆에 공백 사용X
- 파일경로는 대소문자 구분 함
- < p>태그는 닫기 태그가 없어도 역할을 하지만 꼭 닫기
- 확장자 : .html .htm(리눅스)
기본 구조
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
- < !DOCTYPE html>
- < html>< /html>
- 필수 요소
- root(루트) 요소
- 모든 요소의 부모 요소
- < head>< /head>
- html문서에 대한 메타 정보
- < title>< /title>
- html 문서의 제목을 지정하는 요소
- 브라우저에 표시
- < style>< /style>
- < meta>
- 메타 정보를 지정하는 요소
- charset="UTF-8" : 인코딩 정의
- name="keywords"
- content="html css javascript" 키워드 정의
- < script>< /script>
- < base>
- < body>< /body>
- 필수 요소
- 브라우저 화면에 표시하는 내용을 담고 있는 요소