ParagraphsYou will see that this page contains paragraphs of text. Can you guess which tag is used for a paragraph?Paired tagsNote that for paired tags the second tag to turn off an attribute is the same as the first tag but it is prefixed with a slash (/).Meta tagsIf you look in the head section (between <head> and </head>) you will see that this page includes tags to specify the author, a description of the page (shown by search engines) and a list of keywords to help some search engines to classify / categorise this page.If you use a Web page development tool to create your pages it may also
set up some other meta tags such as those that refer to generator (the
program that created the Web page) and content type (indicating
it is an html Web page and the character set to use).
ColourIf you look closely at the content of the page (between the body tags) you should also be able to work out what tags are used to emphasize the text (in italics) and to set the text colour.The colour selected is expressed as a number (an hexadecimal number). If you want to understand more about hex read the rest of this paragraph, otherwise skip to the next. Hexadecimal digits are similar to normal numbers except where as decimal numbers go from 0 up to 9, hexadecimal digits go from 0 to 9 and then A to F. So one hexadecimal digit can represent a value from 0 to 15 (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F). Decimal numbers are base 10 whereas hexadecimal is base 16. So the digit in the second column of a decimal number (the tens field) corresponds to 10 times its value, whereas in hex the second column corresponds to 16 times its value. For example "10" in decimal equals 10 (ten), but "10" in hex is equal to 16, and "20" (hex) is equal to 32. Therefore, using two hex digits you can represent numbers from 0 ("00") up to 255 ("FF" which is 15 x 16 plus 15). Now back to the colour. The hex number used to represent the colour is based on the fact that any colour we see can be made by mixing the three primary colours of light which are red, green and blue, hence the reference to RGB (red-green-blue) colour monitor signals. So for example, to set text to the brightest red you would use a colour value of #FF0000. The hash symbol (#) is used to indicate the number is expressed in hexadecimal notation. This value tells the computer / monitor to display red at full brightness (FF) and not to display green (00) or blue (00). A dull red / brown could be #810000. Bright green would be #00FF00. What hex value would you use for bright blue? What value would you use for white? What for yellow? Note that the american spelling of colour (color) is used. Don't worry if you do not follow this. If you use a Web page development
tool it will allow you to choose what colour you want and it will work
out the numeric value for that colour and insert the correct tag.
TablesIf you want to control the layout of text (and pictures) on the page then you will probably use a table to do this. A table consists of a grid of cells, which are organised into a number of horizontal rows and vertical columns. Again, your Web design tool will do this for you automatically. Look at the source of these examples to learn more about table tags.HeadersThis web page has used headers, such as the line above. If you look at the source code you will see a tag similar to H3 has been used where the number refers to the hierarchy (size) of the header. H1 is the largest header.Use the back button to return to the previous page |