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.
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.
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 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.
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.
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.Join the FULL HTML and CSS Tutorial Here >>
Latest posts by Ricky Wahowa (see all)
- 24 CSS Selectors – Combination Selectors , Multiple Selectors - March 21, 2017
- 23 CSS Selectors – PSEUDO Selectors - March 20, 2017
- 22 CSS Selectors – Attribute Selectors - March 17, 2017