Friday, 6 February 2015

OUTPUT NESTED LISTS. DO, DON'T

OUTPUT
NESTED LISTS.
DO, DON'T
Do remember that you can change the numbering and bullet styles for lists to suit your preference.
Do feel free to nested lists to any extent that you like.
DON’T
Don’t use the deprecated list types; use one of the other lists instead.
Don’t number or format lists you self; use the list tags.
Don’t use list tags to indent text on a page; use cascading style sheets.
COMMENTS
You can put comments into HTML pages to describe the page itself or to provide some kind of indication of the status of the pages. Some source code control programs store the page status in comments, for example. Text in comments is in ignored when the HTML file is parsed; comments doesn’t e ever show up onscreen –that’s why they’re comments.
<! ---this is a comment--->
Here are some examples:
<! ---reverie this section with less humor >
<! -----Neil helped with this section ---- >
<! ---- go tigers! --- >
Users can view your comments using the view source functionality in their browsers, so don’t put anything in comments that you don’t want them to see.
TASK: EXERCISE 4.1: CREATING A REAL HTML PAGE.
At this point, you know enough to get stated creating simple HTL pages. You under-stand what HTML is, you’ve been introduced to a handful of tags, and you’ve even opened and HTML file in your browser. You haven’t created any links yet, but you’ll get to that soon enough, in tomorrow’s lesion.
This exercise shows you how to create an HTML file that uses the tags you’ve learned about up to this point. It’ll give you a feel for what the tags look like when they’re displayed onscreen and for the sorts of typical mistakes you’re going to make. (Everyone makes them, and that’s why using an HTML editor that does the typing for you is often helpful. The editor doesn’t forget the closing tags, leave off the slash, or misspell the tag itself.)
INPUT

                                <! DOCTYPE html PUBLIC “-//W3C //DTD XHTML 1.0 transitional //EN”
                                http://www.W3,org/TR.xhtml 1//DTD/transitional.dtd”>
                                 <html>
                                   <head>
                                 <title>  camembert incorporated </title>
                                </head>
                                  <body>
                             <h1> camembert incorporated </h1>
                <P> “Many are the long night I dreamed of cheese … toasted, mostly,”….Robert Louis Lois Stevenson</p>
<h2> what we do </h2>
<p> we make cheese. Lots of cheese; more than eight tons of cheese a year. </p>
<h2>why we do it</p>
<p> we are paid an awful lot of money by people who like cheese. So we make more. </p>
<h2>our favorite cheeses </h2>
<u1>
<1i>brie</1i>
<1i>havarti </1i>
<1i> camembert </1i>
<1i> mozzarella</1i>
</u1>
</body>
</html>
 Save the example to an HTML file, open it in your browser, and see how it came out.
If your access to another browser on your computer or, even better, one on a different kind of computer, I highly recommend opening the same HTML filet here so that you can see the differences in appearances between browsers. Sometimes the differences can surprise you; lines that looked fine in one browser might look strange in another browser.
SUMMARY
Html, a text-only markup language used to describe hypertext pages on the World Wide Web, describes the structure of a page, not its appearance.
Today, you learned what HTML is and how to write and preview simple HTML files. You also learned about the HTML tags shown in table 4.1, and the CSS properties shown in table 4.2

No comments:

Post a Comment