1. Suzanne Sultan1 Line Breaks, Paragraphs, lists Lab3

2. Suzanne Sultan 2 Paragraph tag break lines You can also divide text using paragraphs. A paragraph starts on a new line.  example  Write the followings using to see the difference First paragraph Second paragraph

3. Suzanne Sultan 3 Cont. attributes Align:  dir : direction  ltr :left to right  rtl :right to left Example : You can align text in left. You can align text in center. You can align text in right.

4. Suzanne Sultan 4 Indented Text have a text that is indented from both sides of web page you can use tag. Text that is enclosed in this tag will have a margin from left and right of your web page. Example In cases that you want to emphasis on a paragraph in your text you can use this tag. It will indent your text from both sides. Attribute:  dir

5. Suzanne Sultan 5 Lists There are two types of lists:  unordered lists: list items start with bullets   Ordered list : list items start with numbers.   Definition lists (dictionary): used for displaying lists of words with blocks of descriptive text. : Example : Text Links Image Links Email Links List of Items Change tag to tag List item

6. Suzanne Sultan 6 Definition lists It has two tags in:  :used to mark the beginning and the end of the entire list.  tag : definition term  definition itself Ex: web site consists of several pages protocol rules or standards that control the transferring of the data

7. Suzanne Sultan 7 Nested lists List can be nested within another list

8. Suzanne Sultan 8 Cont. List attributes Unordered list attributes:  type (circle- square-disc)  Dir (ltr-rtl) Ordered List attribute :  start  type (A- a-i-I……)  dir

9. Suzanne Sultan 9 Horizontal Separator Rule Another useful html tag that you will use, is tag. If you need to separate text in your web page by horizontal lines, you may use this tag. First section Second section

10. Suzanne Sultan 10 Cont. attributes Width  width in percent  width in pixels Size:  determine line size parameter to change line diameter. Noshade :  change the rule to a solid line instead of a shaded line. Color : determine Color for your line:  Align: Note: you can mix parameters with each other.

11. Suzanne Sultan 11 Special characters Certain symbols or characters to be entered in the web page using a single key or character. Example: © © &lt < &gt > &amp & &frac12 ½ &frac14 ¼

12. Suzanne Sultan 12 Cont. Space between texts Browser does not show more than one space between to words even if you have entered a hundred spaces between them in html source. Use special character : non breaking space Here we insert 5 extra spaces