(HTML) |
A Simple Web Page(Explanation)
[info title="Simple Web Page" icon="check-circle"]<!DOCTYPE html>
<head>
<title>My Page Title</title>
</head>
<body>
<h1>
My First Heading</h1>
My first paragraph.</body>
</html>
[/info]
Example Explanation:
- The <!DOCTYPE html> defines this document to be in HTML5.
- The <html> element is the root element of a html page.
- The <head> element contains meta information about 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.
What is HTML Tags?
HTML tags are element names surrounded by angle brackets.
[info title="Simple HTML Tags" icon="check-circle"]<tagname>content goes here</tagname>
[/info]
[/info]
- HTML tags normally come in pairs like <tag> and </tag> or <p> and </p>.
- The first tag in a pair called as start tag, the second tag called as end tag OR first tag called as opening tag and second tag called as closing tag.
- The end tag is written like the start tag, but with a forward slash inserted before the tag name.
Web Browser:
So we all use browsers like firefox, chrome, edge, internet explorer etc. but do you know what our browser really do.
Our web browser just access our html file and read and use it to determine how to display the page but doesn't display html tags and make user-friendly.
(A simple web page on a browser) |
HTML PAGE STRUCTURE:
This is a simple page structure.
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
What is <!DOCTYPE>?
In above you seen a simple page structure where i didn't add <!DOCTYPE>. So lets know what, where ,why we use it or it is not compulsory.
The <!DOCTYPE> declaration represents the document type, and helps browsers to display web pages correctly. It must only appear once, at the top before HTML tags and <!DOCTYPE> declaration is not case sensitive or not compulsory.
HTML Versions:
Version | Year |
---|---|
HTML | 1991 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML | 2000 |
HTML5 | 2014 |
Thanks for reading and subscribe us for more. and just like us.