Learn HTML

"Are you looking to learn HTML from scratch? Look no further! Our HTML course is designed for both beginners and advanced learners who want to master the fundamental concepts of HTML. Our comprehensive course covers everything from the basic concepts of HTML, including tags, attributes, and elements, to the more advanced concepts such as multimedia, responsive design, and accessibility."

HTML Chapters Menu

HTML Elements or Tags

HTML elements are like containers that hold different types of content, such as text, images, links, and more. They are represented by tags, which are written using angle brackets.

HTML (Hypertext Markup Language) consists of various elements or tags that define the structure and content of a web page. HTML elements or tags are the building blocks of web pages, allowing you to structure content, define styles, and add interactivity. 

Here are some commonly used HTML elements with examples:

 

Common Elements

 

<html> Element: 

This is the root element of an HTML document, containing all other elements. 

Example:

<!DOCTYPE html>
<html>
 <head>
   <title>My Web Page</title>
 </head>
 <body>
   <h1>Welcome to my web page!</h1>
   <p>This is some example text.</p>
 </body>
</html>

 

<head> Element: 

This element contains metadata about the document, such as the page title and links to external stylesheets and scripts. 

Example:

<head>
 <title>My Web Page</title>
 <link rel="stylesheet" href="style.css">
 <script src="script.js"></script>
</head>

 

<title> Element: 

This element is used to set the page title, which appears in the browser's title bar and search engine results. 

Example:

<head>
 <title>My Web Page</title>
</head>

 

<body> Element: 

This element contains the visible content of the document, such as text, images, and other HTML elements. 

Example:


<body>
 <h1>Welcome to my web page!</h1>
 <p>This is some example text.</p>
 <img src="image.jpg" alt="An example image">
</body>

 

<h1> Element: 

This element is a heading element, used to indicate the main heading of the page. There are six levels of headings, with <h1> being the largest and most important. 

Example:

<h1>Welcome to my web page!</h1>

 

<p> Element: 

This element is a paragraph element, used to contain blocks of text.

Example:

<p>This is some example text.</p>

 

<a> Element: 

This element is an anchor element, used to create hyperlinks to other web pages or resources. 

Example:


<a href="https://www.example.com">Visit Example.com</a>

 

<img> Element: 

This element is an image element, used to embed images into a web page. 

Example:


<img src="image.jpg" alt="An example image">

 

<ul> and <li> Element: 

These elements are used to create unordered lists, with <ul> indicating the start of the list and <li> indicating each list item. 

Example:

<ul>
 <li>Item 1</li>
 <li>Item 2</li>
 <li>Item 3</li>
</ul>

 

<ol> and <li> Element: 

These elements are used to create ordered lists, with <ol> indicating the start of the list and <li> indicating each list item. 

Example:

<ol>
 <li>Item 1</li>
 <li>Item 2</li>
 <li>Item 3</li>
</ol>

 

<div> Element:

The HTML <div> element is a fundamental building block used to group and organize other HTML elements. It stands for "division" and serves as a container for other content, allowing you to apply styles or manipulate the group of elements as a whole.

Here's an example of how the <div> element is used in HTML:

<div>
 <h1>This is inside a div element</h1>
 <p>Some paragraph text</p>
 <img src="image.jpg" alt="An image">
</div>

These are just a few examples of the many HTML elements available for structuring and styling web pages. There several other elements or tags in HTML which you can learn about throughout this entire course series.

 

Watch this chapter video on YouTube: