- the title of the webpage that shows up in the title bar of the web browser. This goes after the <head> tag. <body> - the beginning of the body section of the website. Most of the website will be after this tag and before the closing body tag, </body> <br> - puts a line break in the page. <p> - indicates that the section you are writing is part of a paragraph. <h1> through <h6> - these are heading tags. They are used to display large text. <h1> is the biggest, and <h6> is the smallest (don't ask why it's backwards; I have no idea...). The following tags are more complicated. They contain parameters. A tag with parameters allows you to set certain things on the website. The parameters are listed inside the brackets with the tag. <font face="" color="" size=""> The font tag allows you to specify the style of the font used. The "face" parameter lets you set the type to whatever you want, for example, <font face="Arial">. The "color" parameter lets you set the color, and the "size" parameter lets you set the size. You can have any number of parameters in the font tag, for example you can set the face, color, and size, all at once: <font face="Arial" color="blue" size="+2">. <img src="" width="" height=""> The img tag allows you to put a picture in your website. The "src" parameter is the filename of the image you want. The height and width are the size of the image in pixels or as a percent of the original size of the image. For example: <img src="mypicture.jpg" width="50%" height="50%">. <a href=""> The "a" tag lets you put a link to another website in your page. The "href" parameter is the website you want to link to. Any text placed after the "a" tag and before the closing "a" tag, </a>, will be the text of the link. For example: <a href="http://cif.rochester.edu/">CIF</a>. A note about colors in html: You can specify thousands of different colors in html. To do this, follow the pattern red, green, blue. When you use a tag that takes a color parameter, you can set it to any color by entering it as "#RRGGBB". Each of the letters represents how much red, green, and blue will be in the color. The values are on a hexadecimal scale, so they range from 0-F as follows: 0 1 2 3 4 5 6 7 8 9 A B C D E F. So, "#000000" represents black, and "#FFFFFF" represents white. More resources: An organization called the World Wide Web Consortium sets the standards for html. Their website contains the following guide to using html and it is very useful: http://www.w3.org/MarkUp/Guide/. Here are some more references and lists of html tags: http://www.willcam.com/cmat/html/crossref.html http://hotwired.lycos.com/webmonkey/reference/html_cheatsheet/ http://www.w3schools.com/html/html_reference.asp You can also find many more by simply searching Google.

HTML Primer (c) 2004 Joseph C. Toscano, released under the MIT License. A website is written in a language called html, which is composed of elements called tags. A tag looks like this: Most tags have an closing tag, which looks just like the first tag but with a "/" at the beginning, like this: Anything that is not in a tag will just show up as text on the website. Here are some simple tags in html: - the first tag on a website. This tells the web browser that the website is written in html. - the beginning of the header section of the website. This is where you specify things like the title of the page. - the title of the webpage that shows up in the title bar of the web browser. This goes after the <head> tag. <body> - the beginning of the body section of the website. Most of the website will be after this tag and before the closing body tag, </body> <br> - puts a line break in the page. <p> - indicates that the section you are writing is part of a paragraph. <h1> through <h6> - these are heading tags. They are used to display large text. <h1> is the biggest, and <h6> is the smallest (don't ask why it's backwards; I have no idea...). The following tags are more complicated. They contain parameters. A tag with parameters allows you to set certain things on the website. The parameters are listed inside the brackets with the tag. <font face="" color="" size=""> The font tag allows you to specify the style of the font used. The "face" parameter lets you set the type to whatever you want, for example, <font face="Arial">. The "color" parameter lets you set the color, and the "size" parameter lets you set the size. You can have any number of parameters in the font tag, for example you can set the face, color, and size, all at once: <font face="Arial" color="blue" size="+2">. <img src="" width="" height=""> The img tag allows you to put a picture in your website. The "src" parameter is the filename of the image you want. The height and width are the size of the image in pixels or as a percent of the original size of the image. For example: <img src="mypicture.jpg" width="50%" height="50%">. <a href=""> The "a" tag lets you put a link to another website in your page. The "href" parameter is the website you want to link to. Any text placed after the "a" tag and before the closing "a" tag, </a>, will be the text of the link. For example: <a href="http://cif.rochester.edu/">CIF</a>. A note about colors in html: You can specify thousands of different colors in html. To do this, follow the pattern red, green, blue. When you use a tag that takes a color parameter, you can set it to any color by entering it as "#RRGGBB". Each of the letters represents how much red, green, and blue will be in the color. The values are on a hexadecimal scale, so they range from 0-F as follows: 0 1 2 3 4 5 6 7 8 9 A B C D E F. So, "#000000" represents black, and "#FFFFFF" represents white. More resources: An organization called the World Wide Web Consortium sets the standards for html. Their website contains the following guide to using html and it is very useful: http://www.w3.org/MarkUp/Guide/. Here are some more references and lists of html tags: http://www.willcam.com/cmat/html/crossref.html http://hotwired.lycos.com/webmonkey/reference/html_cheatsheet/ http://www.w3schools.com/html/html_reference.asp You can also find many more by simply searching Google.