Lesson five indenting and creating spaces , reza html reportPresentation Transcript
LESSON FIVE - INDENTING ANDCREATING SPACES WITH &NBSP; ANDCREATING LISTS
INDENTING A LINE AND CREATING SPACES WITH&NBSP; In , the nbsp stands for non-breaking space character. is simply known as the space character. Use whatever number suits your purpose. Note that the "nbsp" must be in lower case letters. &NBSP; will not work. The character "&" is pronounced "ampersand" and these 6 characters form an ampersand command. We know that browsers read commands inside angle brackets (< >). Well, browsers also read commands between the "&" and ";" (that is, between the ampersand and semicolon). Ampersand commands are used to create special characters not found on the keyboard such as the copyright symbol, the trademark symbol, the symbol for degrees, etc. All you need to know is that special code that goes between the "&" and the ";".
CREATING A LIST Lists are often used to present information in an easy to read fashion. Lists can also be used to indent information. Lists can be bulleted, numbered or printed without bullets and numbers. It should also be noted that in any type of list, you can still use the line break and paragraph tags and the normal text markup tags to emphasize text, etc. There are three types of lists: UNORDERED LISTS (uses bullets) ORDERED LISTS (uses numbers) DEFINITION LISTS (no numbers or bullets).
CREATING AN UNORDERED LIST Unordered Lists are bulleted lists. You use the opening tag <UL> to indicate the beginning of an Unordered List. To indicate the end of the Unordered List, you use the ending tag </UL>. Furthermore, each item in your bulleted list must begin with the tag <LI>. <LI> stands for List Item. This is how you do it then: <UL> <LI>item <LI>item <LI>item </UL>
EXAMPLE: This is document #1: <HTML> <HEAD> <TITLE>SAFETY TIPS </TITLE> </HEAD><BODY> <H2 ALIGN="CENTER">SAFETY TIPS FOR CANOEISTS</H2> <UL> <LI>Be able to swim <LI>Wear a life jacket at all times <LI>Dont stand up or move around <LI>Dont overexert yourself <LI>Use a bow light at night </UL> </BODY></HTML>
CREATING A DEFINITION LIST (NO BULLETS ORNUMBERS) A Definition List also manipulates text for you. Unordered Lists and Ordered lists are "single item" or "one tier" lists because each <LI> creates one list item. A Definition List is a "two item" or a "two tier" list as you will see in the next example. The following example illustrates a DEFINITION LIST and we will not use one of our previous examples for this. SWITCH to NOTEPAD and type in the following new document.
<HTML> <HEAD> <TITLE>TRIP PLANNING</TITLE> </HEAD><BODY> <H2 ALIGN="CENTER">SUMMER CAMPING TRIP PLANNING</H2><HR> <DL> <DT>Winter <DD>Write for maps and travel brochures <DD>Read camping books <DD>Prepare budget and equipment list <DT>Spring <DD>Visit camping shows <DD>Buy essential items <DD>Make reservations <DT>Week Before Trip <DD>Have vehicle serviced <DD>Vaccinate pets <DD>Buy travelers cheques <DD>Cancel newspaper and other deliveries <DT>Day before trip <DD>Load vehicle </DL> </BODY></HTML>
CHANGING THE STYLE OF YOUR BULLETS ANDNUMBERS The TYPE attribute You can use the TYPE attribute to control the "appearance" of the bullets and also to control a numbered list. The TYPE attribute was originally a Netscape extension and new to HTML 3.2. It is now supported by all browsers. CHANGING THE APPEARANCE OF BULLETS Here is the way to change your bullets to SQUARE bullets: <UL TYPE="square"> <LI>item 1 <LI>item 2 <LI>item 3 </UL>
If your browser supports the TYPE attribute, you should see the following square bullets. If your bullets are not square, then your browser does not support the TYPE attribute. Note that the value "square" is written in lowercase letters. The TYPE attribute will not work if it is written in uppercase letters. item 1 item 2 item 3 You can also change the appearance of your bullets to hollow or open bullets with: <UL TYPE="circle"> To get the round solid bullets back again (which is the default value), use: <UL TYPE="disc">
CHANGING THE APPEARANCE OF ANORDERED LIST We can also change the ordered list to something other than Arabic numbers (1, 2, 3, etc.). For example, to change to a capitalized Roman Numeral numbered list, it is: <OL TYPE="I"> <LI>item 1 <LI>item 2 <LI>item 3 </OL>