반응형
HTML 문서 작성 시 주의사항
▣ 태그는 대소문자를 구분하지 않음
- 구분은 하지 않지만 기본적으로 소문자로 표기하는 것을 권장함
▣ 파일 확장자는 html 혹은 htm으로 생성
ex) test.html, test.htm
▣ 두 칸 이상의 연속되어 있는 공백은 하나의 공백으로 처리함
▣ 요소 안에 다른 요소를 포함함
<요소 1> <요소 2> ~ </요소 2> </요소 1>
HTML 문서 기본 구조
<!DOCTYPE html>
<html>
<head>
자바 스크립트, 문서 제목, 메타 데이터, CSS 속성이 포함될 수 있음
</head>
<body>
문서의 본문 내용을 입력
</body>
</html>
※ 맨 처음 입력하는
<! DOCTYPE html>는 HTML5 문서의 형식을 알려주는 문구입니다.
해당 문구를 입력해주지 않을 경우 정상적으로 출력되지 않을 수 있습니다.
| HTML 문서 기본 구조 | |
| <html> | 브라우저에서 HTML 문서의 시작과 끝을 식별할 수 있도록 선언 |
| <head> | 문서의 정보와 자체에 대한 설명을 포함 |
| <body> | 브라우저 화면에 실제로 출력 될 모든 내용을 포함 |
| HTML <head>에 들어가는 태그 | ||
| <title> | 웹 브라우저 상단에 HTML 문서의 제목을 표시 (즐겨찾기 제목 포함) | |
| <link> | 별도 파일로 작성 된 CSS 파일을 적용 | |
| <meta> | 웹 문서의 인코딩 방식과 설명 등을 입력 | |
| <meta> | description | 문서에 대한 설명을 정의 |
| keyword | 검색 엔진을 위한 키워드를 정의 | |
| author | 문서의 작성자를 정의 | |
| <script> | 자바스크립트 코드를 입력 | |
| <style> | CSS 스타일을 HTML파일에서 지정 | |
| <base> | 웹 문서의 기본 URL을 설정할 수 있음 | |
태그 예제
<!DOCTYPE html>
<html>
<head>
<title> 문서 제목을 출력합니다. </title>
<link rel="stylesheet" type="text/css" href="testcssfile.css">
<meta charset="UTF-8">
<base herf="https://www.naver.com">
</head>
<body>
</body>
</html>
<style>와 <script> 태그는 자세한 포스팅으로 작성할 예정입니다.
반응형
'HTML' 카테고리의 다른 글
| HTML에서 멀티미디어 표현 (6) (0) | 2021.08.05 |
|---|---|
| HTML에서 테이블 표현하기 (5) (0) | 2021.08.05 |
| HTML 그림, 링크 표현 (4) (0) | 2021.08.05 |
| HTML의 텍스트 표현 방법 (3) (0) | 2021.08.02 |
| HTML의 개요 (1) (0) | 2021.07.01 |
