How Does HTML Work?
HTML documents are plain-text files saved with an .html extension. Browsers read these documents, interpret the markup (tags and attributes), and render the formatted content on your screen.
HTML code also has 2 distinct parts: tags and attributes. Tags can exist without attributes, but attributes must always be part of a tag.
Tags go at the beginning and end of a piece of text. The tags denote headings, body, etc. You’ll recognize tags by the < and > (greater than/less than) symbols. The unique tag is “enclosed” within these 2 signs. The ending tag uses a slash. Here’s an
Example:
<tag>Hello world!</tag>
The attributes athin the starting tag. Once you’vre used to denote the properties of the text.
Attributes are added wie filled in the proper attributes, your text should look like this:
<tag attribute=”value”>Hello world!</tag>
It looks complicated, but once you memorize common tags and attributes, applying them will be a breeze!
‘Hello World’ Page in HTML
<!DOCTYPE html>
<html>
<head>
<title>My First Web Page</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is my first web page.</p>
</body>
</html>
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> tag denotes a heading and sizes vary from h1 to h6
- The <p> tag denotes that it is a paragraph