What is HTML?
Hyper Text Markup Language
HTML stands for Hyper Text Markup Language
HTML is the standard markup language for creating Web pages
HTML explains how a web page is put together.
HTML is made up of several elements.
HTML components instruct the browser on how to present the material.
HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
A Simple HTML Document
Example:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
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
What is an HTML Element?
An HTML element is defined by a start tag, some content, and an end tag:
<tagname> Content goes here... </tagname>
The HTML element is everything from the start tag to the end tag:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
Learn HTML Using Notepad or TextEdit:
Web pages can be created and modified by using professional HTML editors.
However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac).
We believe that using a simple text editor is a good way to learn HTML.
Follow the steps below to create your first web page with Notepad or TextEdit.
Step 1: Open Notepad (PC)
Windows 8 or later:
Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.
Windows 7 or earlier:
Open Start > Programs > Accessories > Notepad
Step 1: Open TextEdit (Mac)
Open Finder > Applications > TextEdit
Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"
Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text".
Then open a new document to place the code.
Step 2: Write Some HTML
Write or copy the following HTML code into Notepad:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Step 3: Save the HTML Page
Save the file on your computer. Select File > Save as in the Notepad menu.
Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).
Tip: You can use either .htm or .html as file extension. There is no difference; it is up to you.
Step 4: View the HTML Page in Your Browser
Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with").
For Example:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Online Editor - "Try it Yourself"
With our free online editor, you can edit the HTML code and view the result in your browser.
It is the perfect tool when you want to test code fast. It also has color coding and the ability to save and share code with others.
The <!DOCTYPE> Declaration
The <!DOCTYPE> declaration represents the document type, and helps browsers to display web pages correctly.
It must only appear once, at the top of the page (before any HTML tags).
The <!DOCTYPE> declaration is not case sensitive.
The <!DOCTYPE> declaration for HTML5 is:
<!DOCTYPE html>
About the Creator
Muhammad Azeem
"Infusing my writing with a vibrant positivity, I aim to inspire and uplift readers with every word. Join me on a journey where optimism meets creativity, as we explore the power of positivity."
Keep reading
More stories from Muhammad Azeem and writers in Education and other communities.
Cyberbullying - A Tragic Tale of Our Digital Age
It's a growing epidemic that's tearing through our communities, leaving devastation in its wake. Cyberbullying, the relentless torment of individuals through digital platforms, has become a dark reality that we can no longer ignore.
By Domenico Musto5 days ago in Education
The Significance of Learning Other Languages
Title: The Significance of Learning Other Languages Introduction: In an increasingly interconnected world, the ability to communicate across cultures and borders has become paramount. Language serves as the foundation of communication, and proficiency in multiple languages opens doors to new opportunities, fosters understanding, and enriches personal and professional experiences. This essay explores the importance of learning other languages in today's globalized society.
By Romeo Mamogobo7 days ago in Education
Perfect Little Pirate
The rough, sodden rope bit into her fingers as she swung over the roiling water far below. Reaching out with the toe of her boot, she managed to catch hold of the rain-soaked railing of the ship- and promptly slipped. Throwing herself forward, she landed hard on the deck, slamming her elbows against the wood planks. The sharp yelp of pain quickly bubbled into a laugh, and she rolled onto her back, laughing up at the gray sky as a torrent of rain washed away the soot covering her skin.
By M. A. Mehan 7 days ago in Fiction
Comments
There are no comments for this story
Be the first to respond and start the conversation.