Learning HTML

Before I go any further, I want to introduce a number of useful tags which we can use to build our webpages.

 

These tags enclose the entire HTML document. The HTML document is split into two sections.

 

These tags enclose the HTML header section. This contains information about the HTML page, but nothing here actually appears in the main body of the page. This does contain the title of the webpage, however, see below.

The Page Title

This is how the page title is specified. This must appear between the tags above. The title of the webpage appears across the top of the browser window and will be used as the default name of the page if saved to your favourites.

Style tags, also specifed between the allow specification of appearance which can be applied to tags within the main body and used throughout the document.

 

These tags enclose the HTML body. This is where all the content that appears in the main body of the HTML page is specified along with how it should be shown.

 

These tags enclose a logical division or grouping of content allowing formatting and organisation. can be nested, so that can contain other pairs.

Level1 Heading

These tags enclose text which is to be used as a heading. A level 1 heading is usually used as a Website Name to be displayed at the top of the page, but it might also be used as a page title. This appears within the page, as opposed to the title specified between the tags above, which does not. There are other levels of heading available; Level2 , Level3 , etc.
paragraph text

 

These tags enclose a paragraph of text. Text withing a paragraph will be automatically word wrapped, as necessary, by the browser. Successive paragraphs will be spaced vertically.

 

This is a line break. This tag doesn’t logically enclose anything, so it closes itself. This forces a newline in the text, but not a new paragraph, so the newline will be immediately after the previous line with no paragraph spacing.

 

These two pairs of tags change the enclosed text to bold and italic, respectively. These are discouraged and use of styles is preferred..

 

This tag allows you to specify am image to be displayed on the page. Since it is not meaningful for this tag to enclose anything else, it closes itself.
hyperlink

This is a very important tag and is the main way that webpages link to each other. The text between the two tags provides the hyperlink that, when clicked on in the browser, will redirect the browser to another webpage. The URL specifies the address of the webpage to be linked to.

You might also like More from author

Leave A Reply

Your email address will not be published.