HTML Headers

In this lecture we are going to look at header tags. You can use headers tags from <h1> to <h6>

They of course need to be closed like most other html tags <h1>This is a big header</h1>

Google will look at information contained in your header tags to which is uses to rank your page and display information in its search contents

 

<h1>This is a big header</h1>

This is a big header

 

<h2>This is quite a big header</h2>

This is quite a big header

<h3>This is an h3 header</h3>

This is an h3 header

 

<h4>This is an h4 header</h4>

This is an h4 header

 

<h5>This is an h5 header</h5>

This is an h5 header

 

<h6>This is an h6 header</h6>

This is an h6 header
If you liked this article please consider sharing it

Creating a full web page

To create an HTML document we create a file with an .html file extention. Then we edit it in a text editor.

Any text editor will do, even notepad but its best to use a web developer text editor such as Brackets (as used by Rob), Atom, Sublime or one of the many other options.

In this example we will start with the <html></html> tags

Most web developer text editors will add an additional close tag when you open one.

Remember, HTML uses tags that are opened <html> and closed </html>

It’s important to indent your code to make it easier to read.

Here is the code to our very basic first webpage

<html>

<head>

<title>My Webpage</title>

</head>

<body>

My first webpage!

</body>

</html>

If you liked this article please consider sharing it

Structure of a web page

We have tags that open and close, special tags are used to divide the page into sections called <div> tags. These are important.

HTML syntax – <html statement> text or info to display </html statement>

Example:<div>some text content</div>

HTML stands for hyper text markup language. It is a scripting language that tells a web browser to display a web page and the information on it. An HTML document has the file extention .html eg index.html

Point your browser at example.com. Then right click it (or any web page) and click view page source to view a web pages html code

HTML uses tags that are opened <html> and closed </html>

HTML web pages start with <!doctype html> — (which unsually doesnt have a closing tag)

Web pages are divided into sections – head – body. They start with <html> Then they have a <head> with <meta> tags and a <title> tag
Then they have a <body> tag

Sometimes css is found in the head enclosed in <style> tags but mostly css will be loaded from an external source. You can also use a <script> tag to execute some javascript code

If you liked this article please consider sharing it