티스토리 뷰
HTML 문서의 구성 요소
▷ HTML 문서는 다양한 요소들의 조합
HTML 문서 작성시 주의사항
▷ 태그는 대소문자를 구분하지 않음
＊ <HTML> = <Html> = <html>
▷ 파일의 확장자는 반드시 htm 또는 html 로지정
＊ 파일명.htm, 파일명.html
▷ 화이트스페이스는 입력한 의도대로 적용되지 않음
＊ 두 칸 이상의 공백은 하나의 공백으로 취급
▷ 요소 안에 다른 요소를 포함할 수 있음
＊ <요소명1> … <요소명2> … </요소명2> … </요소명1>
HTML 문서의 기본 구조
HTML 문서의 기본구조
▷ 문서유형 선언
＊ 브라우저에게 올바르게 웹페이지를 표시할 수 있도록 해당 문서에서의 HTML의 종류와 버전을 표시
▷ <html> … </html>
＊ 웹브라우저에게 HTML 문서의 시작과 끝을 알려주기 위한 것
▷ <head> … </head>
＊ 문서의 각종 정보와 문서 자체에 대한 설명을 포함
☞ 웹브라우저를 통해 화면에 표시되지 않음
▷ <body> … </body>
＊ 웹브라우저 화면에 실제로 출력해서 보여주려는 모든 내용을 포함
<head> …</head> 사이에 들어가는 내용
▷ 문자인코딩선언
▷ <title> … </title>
＊ 웹브라우저 상단에 HTML 문서(웹사이트)의 제목을 표시
☞ 즐겨찾기 제목으로 사용
▷ <link> 태그
＊ 별도의CSS 파일을HTML 문서에적용하는경우에사용
☞ <link rel="stylesheet" href="파일명.css">
▷ <base> 태그
＊ 홈페이지의기본이되는URL 지정
<base href="http://cs.knou.ac.kr">
상대경로<a href="html/exam.html"> → 절대경로<a href="http://cs.knou.ac.kr/html/exam.html">
▷ CSS와 자바스크립트 삽입
CSS | 자바스크립트 | |
HTML 4.01 | <styletype="text/css"> 스타일지정 </style> | <scriptlanguage="javascript"> 자바스크립트코드 </script> |
HTML 5 | <style> 스타일지정 </style> | <script> 자바스크립트코드 </script> |