1 / 16

Work with Text

Work with Text. Part 2. We will learn to:. Designate Headings Format Text Create Bulleted Lists Build Numbered Lists Create Definition Lists. Designate Heading with <H#> </H#>. PURPOSE: indicate different heading levels in a document

dore
Download Presentation

Work with Text

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Work with Text Part 2

  2. We will learn to: • Designate Headings • Format Text • Create Bulleted Lists • Build Numbered Lists • Create Definition Lists

  3. Designate Heading with <H#> </H#> PURPOSE: indicate different heading levels in a document Draw attention to portions of your page that you want visitors to notice Use sparingly it can enhance; too much it detracts

  4. Different Levels of Heading • There are six heading levels: <H1>, <H2>,<H3>, <H4>, <H5>, and <H6>. • To specify a level one heading, you would write: <h1>This is a level one heading.</h1>

  5. Open template.htm • In the title tags type The Heading Element • In between the body tags begin typing: <h1>This is a level one heading</h1> <h2>This is a level two heading</h2> Through level six SAVE AS: HEADING.HTM

  6. Modify using attributes • Change the level one heading to read: <h1 align=“center”>This is a centered level one heading.</h1> • Now try to align level three line to align right. SAVE

  7. Control text with character elements • Gives you basic controls over how text will be displayed on a Web browser. Character elements will will go over today. • Italicize • Bold • Big and small text • Super and subscripts • Monospaced • Strikethroughs • Underlined • Pre-formatting

  8. Display italicized text • You have no less than six different elements to choose from. Each has its own purpose, but I will only have you use one of them right now. • <I> </I> : The italics is a physical element for displaying italicized text

  9. Display Bold Text • Two different elements allow you to display the boldface text: • <b> </b> The bold element is a physical element that allows you to render boldface text • <strong> </strong> Note: usually no difference between the two. I generally use <b> </b>

  10. Display Big and Small text • If you want a portion of text to appear slightly larger or smaller than the surrounding characters, you can use the following elements: <big> </big> <small> </small>

  11. Create Superscripts and Subscripts • Use superscript for inserting footnote references etc… • Use subscript for molecular structure, etc… <sup> </sup> This element creates a superscript <sub> </sub> This element forces text to display as a subscript

  12. Display Monospaced Text • If you ever need to have your text display in a fixed-width or monospaced font, you have several options available, I generally use: • <tt> </tt> forces text to display in “typewriter”

  13. Display strikethroughs • To get horizontal line drawn through it, you have this element: <strike> </strike> The strike element is the element to produce strikethrough text

  14. Display Underlined Text • To have text displayed underlined you have this option: <u> </u> The underline element will render text with a line underneath

  15. Pre-formatting text • Remember when we save document in Word Pad we choose to lose all formatting. This attribute will allow us to format text. <pre> </pre>

  16. Open template.htm • We are going to add all the new character elements we learned today. • Look at the overhead screen and try to type the html code. • Use your own information

More Related