3 HTML Code Samples – CSS/HTML Tutorial

Last updated on October 31st, 2020 at 06:23 am.

3 HTML Tutorial course structure

3 HTML Code Samples – CSS/HTML Tutorial

In this HTML Tutorial we’ll go through the simple HTML code sample below .  In each video, you’ll learn about some specific element of HTML.

 
Learn HTML in this tutorial
 

By the end you will be able to understand what each part and tag does. You will learn to edit the various HTML Tags .

<!DOCTYPE html>
<html>
<head>
<title>Page Title will be here</title>
<link rel="stylesheet" href="style.css">
</head>
<body>

<h1>This is a Heading one</h1>

<p>My first paragraph.</p>

<!-- Begin a div -->
<div> 

<img src="https://lorempixel.com/400/200" alt="Image sample" title="Hi"> 

<p>This image is automatically generated from LoremPixel.com .</p>

<a href="http://lorempixel.com/"> click here to visit Lorem Pixel.com </a>

</div><!-- End the div -->

</body>
</html>

Some of the sections:

Structure of a HTML Document

You’ll start by understanding the different parts of any HTML document. In the end you will be able to understand how you can create your own HTML file and add elements to it.

Paragraph Tags

Paragraphs are essential for adding Text on any Web Page. In the p Tag section you will learn to edit the paragraph Tag. We’ll still not be looking at CSS in this first section and hence you’ll have to wait until later on to understand how to style the Paragraphs in HTML.

Heading tags

There are different headings that you can use while structuring your Web Page. You should not mix them haphazardly. You will learn the different Heading tags. And how to use and edit them in your code.

Divs

Divs are still an essential part of structuring your Web Page. You will learn how to use this tag in grouping elements in your Web Page.

Images

In the images section you will learn how to deal with images in HTML. You will learn to display images in external locations as well as those in internal directories, no matter how deep the directories go.

Lists

You will learn to create lists. You will encounter both Ordered and Unordered Lists. Lists happen to be an important part in creating menus and other Web Page display elements.

The beauty of HTML is the ability to interlink between pages. You will learn how to create Hyperlinks using the link tag.

You may also decide to watch this Full course right away , using the button link below.


Learn HTML in this tutorial
 

Comment Here

Need WordPress help? Linux Server help? Talk to us.

  • We are your own WordPress customer service.
  • We set up Linux servers and install or migrate WordPress. Learn more here.
  • We support WooCommerce too.
  • Check out our WordPress customer support plans here or contact us below .

If you have any questions regarding WordPress support, Linux server support or any of our services, feel free to reach out or read more on our services page.

Join this free course:

How to host multiple WordPress
websites on a VPS

Close me!