Basics of HTML: Learn HTML Fundamentals
☰Fullscreen
Table of Content:
HTML Page Structure
Below is a visualization of an HTML page structure:
<span class="pln"> </span><span class="dec"><!DOCTYPE html></span><span class="pln"> </span><span class="tag"><html></span><span class="pln"> </span><span class="tag"><head></span><span class="pln"> </span><span class="tag"><title></span><span class="pln">Page Title</span><span class="tag"></title></span><span class="pln"> </span><span class="tag"></head></span><span class="pln"> </span><span class="tag"><body></span><span class="pln"> </span><span class="tag"><h1></span><span class="pln">My First Heading</span><span class="tag"></h1></span><span class="pln"> </span><span class="tag"><p></span><span class="pln">My first paragraph.</span><span class="tag"></p></span><span class="pln"> </span><span class="tag"></body></span><span class="pln"> </span><span class="tag"></html></span><span class="pln"> </span>
Example Explained
- The
<!DOCTYPE html>declaration defines that this document is an HTML5 document - The
<html>element is the root element of an HTML page - The
<head>element contains meta information about the HTML page - The
<title>element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab) - The
<body>element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. - The
<h1>element defines a large heading - The
<p>element defines a paragraph
- Question 1: How do you insert a comment in HTML?
- Question 2: What are style sheets?
- Question 3: What are the basic HTML Document parts?
Related Questions
No Program Data.