3 HTML Code Samples – CSS/HTML Tutorial

11 More about HTML - Nested DIVS

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.

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="http://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.

 Links

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.

Join the FULL HTML and CSS Tutorial Here >>

 

The following two tabs change content below.
Just a geek who loves Trance . Be yourself everywhere you go. And Be yourself in everything you do. Cheers !

Comment Here