-
HTML #4 문서타입, head, body웹 서버/웹 기초 (HTML, CSS) 2022. 4. 21. 19:11
1. 문서타입
대부분의 웹사이트에서 F12를 눌러보면 맨 위에 <!DOCTYPE html>이라는 것이 있다.
DOC는 Document의 약자이고 DOCTYPE은 문서 타입이라는 뜻이다.
그리고 DOCTYPE html은 결국 html타입의 문서라는 표시이다.
모든 타입의 html문서는 <!DOCTYPE html>이 반드시 포함되어있어야 한다.
2. <html>
<html> ... </html>로 html타입의 문서라는 것을 표시할 수 있다.
<!DOCTYPE html> <html> Hello <u><b>Web</b></u> ! </html>
3. head
<head>영역에는 제목 느낌의 데이터가 들어가고
<body>영역에는 내용들이 들어가는 영역이다.
그리고 <head>영역에는 <tilte>을 넣을 것을 권고한다.
<head> <title>Title of the document</title> </head>
title은 웹 페이지안에는 뜨지 않고 화면 상단에 탭영역에 표시된다.
그리고 헤더에는
<title>뿐만 아니라
<style>, <base>, <link>, <meta>, <script>, <noscript>등의 정보도 활용이 된다.
4. body
head 외 대부분의 내용은 body영역에 작성된다.
그 중에 body안에 자주 사용 되는 것이div라는 것이 있는데 div는 구역을 설정하는 것이다.
<!DOCTYPE html> <html> <head> <style> .myDiv { border: 5px outset red; background-color: lightblue; text-align: center; } </style> </head> <body> <h1>The div element</h1> <div class="myDiv"> <h2>This is a heading in a div element</h2> <p>This is some text in a div element.</p> </div> <p>This is some text outside the div element.</p> </body> </html>
'웹 서버 > 웹 기초 (HTML, CSS)' 카테고리의 다른 글
CSS #1 (0) 2022.04.21 HTML #5 버튼, input (0) 2022.04.21 HTML #3 나열을 의미하는 태그, 테이블 (0) 2022.04.21 HTML #2 개행처리, 단락구분, 이미지, 링크 (0) 2022.04.21 HTML#1 텍스트출력, 글씨꾸미기, 주석 (0) 2022.04.21