HTML Introduction
HTML (Hyper Text Markup Language) is the standard markup language that can create stunning website.
- HTML Stand For the skeleton of a Website
- HTML stands for Hyper Text Markup Language(HTML)
- HTML is the standard markup language for creating a beautiful webpage.
- HTML elements Thats tell the browser how to display the content and as well as design
- HTML elements is a pieces of content such as "this is a tutiongo heading", "this is a tutiongo paragraph", "this is a tutiongo link", etc.
A Simple HTML Webpage
HTML Example:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<p> test </p>
</body>
</html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<p> test </p>
</body>
</html>
HTML Example Simple Explained
- The <!DOCTYPE html> It declaration defines as a document( HTML5 document)
- The <html> element is the main root of an HTML website The <head> element contains meta information about the HTML website or Html page
- The <title> element specifies a title for the HTML website or 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 that you have seen from naked eye, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
- The <h1> element is defines a large and main heading
- The <p> element defines as paragraph
What is an HTML Element?
An HTML element is defined by a start tag, some content, and an end tag:
<h1> My First Heading </h1>
<p> My first paragraph.</p>
Start tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
HTML Page Structure
Below is a visualization of an HTML page structure:
<html>
<head>
<title>Page title</title>
</head><body></body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</html>