Member-only story

What Is HTML? A Beginner's Introduction to the World of HTML

Randy Hayes

·8.4k Followers· Follow

Published in HTML For Beginners: What Is HTML? A Beginners Introduction To The World Of HTML

5 min read

827 View Claps

96 Respond

Save

Listen

HTML, short for HyperText Markup Language, is the fundamental language of the web. It is the foundation upon which all websites are built. HTML provides the structure and content for web pages, allowing them to be displayed in a structured and visually appealing manner.

HTML for Beginners: What is HTML? - A Beginners Introduction to the World of HTML

by PJ Croft

5 out of 5

Language	:	English
File size	:	989 KB
Text-to-Speech	:	Enabled
Screen Reader	:	Supported
Enhanced typesetting	:	Enabled
Print length	:	20 pages

HTML Structure

An HTML document consists of a series of elements, which are enclosed within angle brackets (< and >). Elements define different sections and components of a web page, such as headings, paragraphs, lists, images, and links.

The basic structure of an HTML document is as follows:

<html> <head> <title>Title of the Web Page</title> </head> <body> <h1>Heading 1</h1> <p>Paragraph text.</p> <ul> <li>List item 1</li> <li>List item 2</li> </ul> <img src="image.jpg" alt="Image Description"> <a href="link.html">Link Text</a> </body> </html>

HTML Tags

HTML tags are the building blocks of HTML documents. They define the different elements of a web page and specify how they should be displayed.

There are two types of HTML tags: opening tags and closing tags. Opening tags start with < and end with >, while closing tags start with </ and end with >.

For example, the <h1> tag is used to create a heading, while the </h1> tag closes the heading.

Some common HTML tags include:

<html> and </html>: Defines the start and end of an HTML document.
<head> and </head>: Contains information about the web page, such as the title and keywords.
<body> and </body>: Contains the visible content of the web page.
<h1> to <h6>: Defines headings of different levels (e.g., Heading 1, Heading 2).
<p> and </p>: Defines a paragraph.
<ul> and </ul>: Defines an unordered list.
<ol> and </ol>: Defines an ordered list.
<li> and </li>: Defines a list item.
<img src="image.jpg" alt="Image Description">: Inserts an image.
<a href="link.html">Link Text</a>: Defines a hyperlink.

HTML Examples

Here are a few simple HTML examples to illustrate how HTML tags are used to create web pages:

Example 1: A Basic Web Page

<html> <head> <title>My First Web Page</title> </head> <body> <h1>Welcome to My Web Page</h1> <p>This is my first web page. I am learning HTML to create my own website.</p> <img src="image1.jpg" alt="Image of a Cat"> </body> </html>

Example 2: A List of Links

<html> <head> <title>Favorite Links</title> </head> <body> <h1>My Favorite Links</h1> <ul> <li><a href="google.com">Google</a></li> <li><a href="youtube.com">YouTube</a></li> <li><a href="facebook.com">Facebook</a></li> </ul> </body> </html>

HTML is a powerful language that forms the foundation of the web. By understanding the basics of HTML, you can create your own websites and share your ideas and information with the world. As you continue to learn HTML, you will discover its vast capabilities and the endless possibilities it offers for web development.

HTML for Beginners: What is HTML? - A Beginners Introduction to the World of HTML

by PJ Croft

5 out of 5