Scribd
Upload
7 views8 pages

HTML Document Structure

The document outlines the basic structure of an HTML document, which consists of four main elements: <!DOCTYPE>, <html>, <head>, and <body>. It explains the purpose of each element, including the role of the head in providing metadata and the body as the visual container. Additionally, it highlights the significance of the <!DOCTYPE html> declaration in identifying the document type and version.

Uploaded by

basmathalishahir
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
7 views8 pages

HTML Document Structure

The document outlines the basic structure of an HTML document, which consists of four main elements: <!DOCTYPE>, <html>, <head>, and <body>. It explains the purpose of each element, including the role of the head in providing metadata and the body as the visual container. Additionally, it highlights the significance of the <!DOCTYPE html> declaration in identifying the document type and version.

Uploaded by

basmathalishahir
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

HTML DOCUMENT STRUCTURE

By Basmath Ali Shahir

FABRIKAM
Basic html document
consists of 4 elements:
<!DOCTYPE>
<html>
<head>
<body>

FABRIKAM 2
HTML 5 DOCUMENT
MARKUP
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
< ti t l e > D o c u m e n t < / ti t l e >
</head>
<body>
<header>.....</header>
<nav>.....</nav>
< a r ti c l e >
< s e c ti o n > . . . . . . < / s e c ti o n >
< / a r ti c l e >
<aside>.......</aside>
<footer>....</footer>
</body>
FABRIKAM 3
!DOCTYPE
DECLARATION
Defines what type of document it is.

Provides information about the type


and version of the markup language
used.
Html 5 uses this short declaration:

<!DOCTYPE html>

FABRIKAM 4
<HTML> ELEMENT
It is the root element that represent the main or
the starting element that should be present in all
HTML documents. This element allows the
browser to identify the document type.
 <!DOCTYPE html>
<html>
</html>
There are two main parts to the page:
<head>
<body>

FABRIKAM 5
DOCUMENT’S HEAD

 The head provides basic information about the


document, including its title and metadata.
 The information in this section is not normally displayed
directly, instead elements such as style affect the
appearance of other elements in the document.
 An HTML document’s head is enclosed inside <head>……
</head> tag.
<!DOCTYPE html>
<html>
<head>
</head>
</html>

FABRIKAM 6
DOCUMENT’S BODY
 The body is the container for the visual part of a document.

 The body section can itself have other section elements to


define the scope of headers, footers and various other
sections of an html document.
 An HTML document’s body is enclosed inside <body>……
</body> tag.
<!DOCTYPE html>

<html>
<head>
</head>
<body>
</body
</html>
FABRIKAM 7
THANK YOU
+1 (589) 555‐0199

FABRIKAM

You might also like