How Web Pages Work

Try It Out!If you would like to try Rosetta Stone Language out these HTML tags quickly, use the Try It! page. Simply type (or cut-and-paste) any piece of HTML code into the window and immediately see how it will look. Try It!Change the background color of your page by adding bgcolor="color" within the body tag.Example: body bgcolor="yellow" Again, as was described in the section on changing font color, you can use most standard colors, or use a Hexadecimal Color Code.Creating ListsThere are three types of lists you can create: Unordered, Ordered and DescriptiveAn unordered list looks like this:CaliforniaOregonNorth CarolinaAn unordered list is a bulleted list initiated by the tag ul . The tag li (short for List Item) is used before each item in the list. The closing tag /ul ends the list.Example: ul li California li Oregon li North Carolina /ul The type of bullet can be changed to a "circle," "square" or "disc" by adding a specification within the ul tag: ul type="circle" li California Rosetta Stone Software li Oregon li North Carolina /ul CaliforniaOregonNorth Carolina ul type="square" li California li Oregon li North Carolina /ul CaliforniaOregonNorth CarolinaAn ordered list looks like this:orangesgrapescherriesAn ordered list is a list of items in a logical, numbered order. Use the tags ol and /ol to start and end this kind of list. Again, the li tag is used in front of each item.Example: ol li oranges li grapes li cherries /ol You can change the type of organization by adding a "type" designation within the ol tag. ol type="A" orders the list by capital letters: (A, B, C...) ol type="a" orders the list by small letters: (a, b, c...) ol type="I" orders the list by Roman numerals: (I, II, III...) ol type="i" orders the list by small Roman numerals: (i, ii, iii...)If you would like to start your ordered list with a specified value, such as "6," use the following "start" and "value" tags: ol start=5 li value=6 A descriptive list creates a list of text items with an indented second line:Marshall BrainFounder of HowStuffWorksUse the following tags in this manner: dl dt Marshall Brain dd Founder of Rosetta Stone Greek The dt tag should correspond with the text you want lined up on the margin; dd corresponds with the line you want indented.In the next section we'll find out how to link to other sites. VIDEO: Check out these videos about digital photography and 9 helpful home network videos.