Web topic 3 html format tags


Published on

1 Comment
  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Web topic 3 html format tags

  1. 1. Web Authoring Topic 3 –HTML Formatting Tags
  2. 2. ObjectivesStudents should able to:1. Use Web Authoring tool to format textwith the following HTML tags:• Bold, italic and underlining the text;• Change font size;• Change the font face;• Change the colour of the text; and• Change the colour of the links.2. Create white space (non breaking), horizontal rule and quotations.
  3. 3. Nesting TagsTags are always nested. This nestingreflects the structure of the document(for example, emphasized text inside aparagraph, inside a form, inside theBODY).However, tags can never overlap.
  4. 4. Nesting Tags<A HREF=”burn.html”><EM>Burn down</EM></A> more forests Correct!<A HREF=”burn.html”><EM>Burn down</A></EM> more forests Wrong!
  5. 5. Background tagIt is used to include a background imagein HTML.<BODY BACKGROUND = “image.gif”>
  6. 6. Background tagIt is used to set a backgroundcolour, text colour and link colour inHTML. <BODY BGCOLOR = “#000000” TEXT=“FFFFFF” LINK=“#9690CC>
  7. 7. HTML HEADERSThe format for an HTML heading tag is: <hN>Text to Appear in Heading</hN>where N is a number from 1 to 6identifying the heading size
  8. 8. ParagraphsThe paragraph can be aligned using:<P ALIGN=”CENTER”>Every line of text in this paragraph iscentered</P>
  9. 9. BOLD & ITALICOften <strong> renders as <b>, and <em>renders as <i><strong> or <em> means that you want thetext to be rendered in a way that the userunderstands as "important".
  10. 10. TEXT SIZECHANGING TEXT SIZE:To change the size of all or just certainportions of your text within an HTMLdocument, use the SIZE attribute of the<FONT></FONT> tag.Following is an example:<FONT SIZE="4">This text should appear in FONT SIZE 4</FONT>
  11. 11. TEXT COLOURCHANGING TEXT COLOR:Changing the colour of your text (all or justwords or portions) is just as easy aschanging text size.You use the colours hexadecimal tripletvalue within the FONT tag:<FONT COLOR="#FF0000">Some REDtext</FONT> http://www.espressographics.com/text/colorvalues.html
  12. 12. NON BREAKING SPACENON BREAKING SPACE:In HTML coding, the non-breaking space is acharacter entity which can:- create white space between words or webpage elements- stop the browser from breaking a line inthe wrong place.&nbsp; Example: Mr.&nbsp;Someone
  13. 13. HORIZONTAL LINECHANGING TEXT COLOR:Use the <hr /> tag to display lines across thescreen.Note: the horizontal rule tag has no endingtag like the line break tag.Example:Use <hr />
  14. 14. QUOTATIONThe BLOCKQUOTE element defines a blockquotation:The content of the BLOCKQUOTE elementshould be contained within the blockquote.<BLOCKQUOTE><P>My name is txt </P></BLOCKQUOTE>
  15. 15. ReviewHow many text sizes can be used within theFONT SIZE tag ?Seven text sizes can be used within theFONT SIZE tag, with FONT SIZE 1 asthe smallest and FONT SIZE 7 as thelargest.
  16. 16. ReviewWhat are some problems with using thenon-breaking space HTML coding ?1. Not all browsers acknowledge theadditional instances of the non-breakingspace.2. If you get carried away with the use ofnon-breaking space, it can cause thehorizontal scroll bar to appear, if the browserwindow is not big enough.
  17. 17. ReviewWhat are some problems with using thenon-breaking space HTML coding ?3. Using the non-breaking space HTMLcoding within the text or between pictures(for example) can make your content overlapthe borders of the table