HTML Tutorial Tags

HTML heading tags are used to create the construction of your web pages and are used to communicate with the browser; these tags determine how your web pages are displayed within the browser.

Most HTML tags consist of an opening and closing angle bracket, the command falls within the brackets, for example the opening tag to create a paragraph would be <P> (the letter P being the command to start a paragraph).

Most HTML tags must have a closing tag to end the command, very similar to the opening tag only one symbol tells the browser to end the command, this symbol is forward slash and should always be used immediately after the opening angle bracket of the closing tag, for example to close out paragraph or tag would look like the following </p>

HTML Exceptions to the rule

Some HTML tags do not require a closing tag as they immediately close themselves; they are immediately recognised when using an HTML editor. A few examples are the break tag <br /> and the horizontal rule tag <hr />

When using an HTML editor the program helps with the automatic closing of tags, if you have opened a <p> paragraph tag and have finished your paragraph, on closing the tag you are only required to type in the open angel bracket and forward slash “</”, the editor automatically recognises what tag you wish to close preceding back to the last tag opened <p>, so the editor will automatically place the rest of the tag for you P>. This is very useful to recognise and tags you may not have closed during the construction of your pages.

HTML Editors

Many advanced web designers whom are experts using HTML as a mark-up language are able to create webpages in basic text editors such as WordPad or even notepad.

However, the leading HTML editor in its field is Adobe Dreamweaver (formerly Macromedia Dreamweaver). Dreamweaver allows the user to create websites with very little or no knowledge of the mark-up languages.

HTML Heading Tags

Heading tags are used to break up a page in to categories and sub categories.  As an example on a web page that is displaying a vehicle the Name of the vehicle will appear at the top of the page inside <h1>main title</h1>, this is usually followed by an image or images of the vehicle.

As you scroll down the page there will be a description of the vehicle, the title of this sub category will appear inside <h2>sub title</h2>, you can continue to use the <h2> heading tags as you create a new sub category but remaining on description information.

If you continue to create sub categories you can use the <h3>, <h4>, <h5> and <h6> tags. The use of the heading tags with in your web pages are of importance as this is how the visually impaired navigate through your website, by having these heading tags this allows a visually impaired person the ability to navigate through the sections of your website with ease.

comments powered by Disqus