Creating Web Pages with HTML - 1
HTML chart
New tags appear over a gold background. The tags which appear in the body of the document have been classified as block or inline elements.
| tag name | description | block/ inline |
|---|---|---|
| <DOCTYPE> | Document Type Definition. This is not a true HTML tag however it is required for all web pages. It let's the browser know what version of the HTML rules it should apply when it displays the code. | |
| BASIC TAGS | ||
<html> |
When you make a web page, everything on that page will fall between the <html> </html> tags. This tag tells the browser that this document is an HTML page. | |
| <head> </head> |
The header is where information about the document is placed. | |
| <meta /> empty tag |
Provides meta-information about
your page to browser ie... Provides information to search
engines ie... |
|
| <title> </title> |
This tag is used to display a title. Whatever you put between these two tags will show up at the very top of your browser in the title bar. These words are also used when you create a bookmark or favorite. Finally, search engines use the content of your title tag when ranking your page. | |
| <body> </body> |
This tag tells your browser to display the content between these two tags on the Web page. The body tag is the "parent" tag to all other tags on the page. | |
| TEXT FORMATTING TAGS | ||
| <h1> </h1> |
This tag stands for "Heading". This tag tells your browser to insert a blank line before and after whatever is between the tags. It also displays it in bold. Headings come in six different sizes: 1-6, with one being the biggest and six being the smallest. | BLOCK |
| <p></p> | This tag stands for "paragraph". Use this tag when you are typing paragraphs. The<p> </p> tag adds a blank line of space before and after the paragraph. | BLOCK |
| <blockquote> </blockquote> |
Defines a long quotation, causes a hard return above and below, indents along left & right margins. Must contain only block level elements. <blockquote><p> text here </p></blockquote> | BLOCK |
| <q> </q> | Defines the start of a short quotation by inserrting "" marks | inline |
| <em> </em> |
Renders as emphasized text (which
is usually italic) I am emphasized text |
inline |
| <strong> </strong> |
Renders as strong emphasized text
(which is usually bold) I am strong text |
inline |
| <br /> empty tag |
This tag inserts a single line break. | inline |
| LINKING TAGS | ||
| <a></a> | linking code | inline |
| LIST TAGS | ||
| <ul> </ul> | unordered list, bullet's are displayed for each item in the list, the left margin is indented slightly, and each item in the list is on a new line | BLOCK |
| <ol> </ol> | ordered list, numbers are displayed for each item in the list, the left margin is indented slightly, and each item in the list is on a new line | BLOCK |
| <li> </li> | a list item | BLOCK |
Content developed by Linda Hemenway - lhemenway@santarosa.edu