Html web designing enhancing text

1,292 views

Published on

This slide presentation was created for BBEMNHS students references.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,292
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html web designing enhancing text

  1. 1. Unit IIDESIGNING STATIC PAGES USING HTML CHAPTER 6 ENHANCING TEXT
  2. 2. TWO TYPES OF ENHANCING TEXT FORMATTING Logical Formatting- the appearance of the text is controlled by the browser being used. Physical Formatting- Allows you to tell specifically the browser what font, color or style it will use to display the text.
  3. 3. LOGICAL FORMATTINGEMPHASIZING TEXT <EM> tags are displayed in italics.STRONG TEXT <STRONG> tags are displayed in boldface.
  4. 4. CASCADING TAGS HTML tags can be cascaded when you are using two or more tags to take effect on the same text area. CORRECT INCORRECT </Tag <Tag 2> </Tag 1> </Tag<Tag 1> <Tag 1> <Tag 2> </Tag 1> 2> 2>Note: The last tag used is the first tag to be closed when tagsare cascaded
  5. 5. PUTTING QUOTES In HTML, you can tell the browser that a particular content is a quote. To do this, you enclosed the content with the <BLOCKQUOTE> </BLOCKQUOTE> tag pair. EX. <BLOCKQUOTE>It’s only too late if you don’t start now.</BLOCKQUOTE> Note: You can add other HTML tags.
  6. 6. PHYSICAL FORMATTING TAGS TAGS EFFECT <B> Bold Text <I> Italicized Text <U> Underlined text <SUP> Superscripted text <SUB> Subscripted text <BLINK> Blinking Text <CENTER> Centered Text<BIG> and <SMALL> Make text all caps and small caps
  7. 7. PREFORMATTING TEXT There are times when you want the browser to display your text exactly how you typed them in your code. Remember HTML displays contents in the browser as flowing text, and that no matter how much space you put or how many times you press Enter to move your text to the next line, the contents will not displayed as such. You have to use the <PRE> tags in order to achieve such format.
  8. 8. FONT ATTRIBUTES FONT FACE- font name is the font style you want to use. Like ARIAL, TIMES NEW ROMAN SIZE- n is the font size, an attribute that is fixed value, such as 32. COLOR- ncolor is the font color, a six character code that display 216 web safe colors.
  9. 9. HANDLING THE FONT Change the properties of the font by using the <FONT> tag.TAG EFFECT<FONT FACE= font name> Change the font face<FONT SIZE= n> Change the font size<FONT COLOR= ncolor> Change the font color<FONT FACE=font name SIZE=n COLOR= Change the font face, size andncolor> color. Note: Uses only 2 to 3 styles or font face: Consider the harmony and meaning when using colors.
  10. 10. TEXT ALIGNMENT Arranging text or paragraph using <ALIGN> tag.TAG EFFECT<H1 ALIGN= CENTER> Header 1 aligned center<P ALIGN= CENTER> Paragraph is aligned center<H1 ALIGN= RIGHT> Header 1 aligned right<P ALIGN= RIGHT> Paragraph aligned right<H1 ALIGN=LEFT> Header 1 aligned left<P ALIGN=LEFT> Paragraph is aligned left

×