HTML stands for Hyper Text Markup Language
HTML is the standard markup language for Web pages
HTML elements are the building blocks of HTML pages
HTML elements are represented by <> tags
HTML stands for Hyper Text Markup Language
HTML is the standard markup language for Web pages
HTML elements are the building blocks of HTML pages
HTML elements are represented by <> tags
HTML Elements
An HTML element is a start tag and an end tag with content in between:
<h1>This is a Heading</h1>
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | This is a Heading | </h1> |
| <p> | This is paragraph. | </p> |
HTML Attributes
- HTML elements can have attributes
- Attributes provide additional information about the element
- Attributes come in name/value pairs like charset="utf-8"
A Simple HTML Document
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Page Title</title>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
Example Explained
HTML elements are the building blocks of HTML pages.
- The
<!DOCTYPE html>declaration defines this document to be HTML5 - The
<html>element is the root element of an HTML page - The
langattribute defines the language of the document - The
<meta>element contains meta information about the document - The
charsetattribure defines the character set used in the document - The
<title>element specifies a title for the document - The
<body>element contains the visible page content - The
<h1>element defines a large heading - The
<p>element defines a paragraph
HTML Documents
All HTML documents must start with a document type declaration:
<!DOCTYPE html>.
The HTML document itself begins with
<html> and ends with </html>.
The visible part of the HTML document is between
<body> and </body>.HTML Document Structure
Below is a visualization of an HTML document (an HTML Page):
<html>
<head>
<title>Page title</title>
</head>
<body>
</body>
</html>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Note: Only the content inside the <body> section (the white area above) is displayed in a browser.
No comments:
Post a Comment