Monday, July 30, 2012

HTML stands for HyperText Markup Language

Part 3: Bold and Italics

  1. From Part 3. Your code so far from Part 2 should look like the following:


  2. BOLD
    Text can be accented in many different ways. The first of these is BOLD.
    Bold is symbolized by a <b> in front of the text you want bold, and a </b> at the end of the area you want bold. Inserting text into your file that is surrounded by the bold tag will accentuate the text. This text is bold. This text is normal.
     
  3. ITALICS
    Text can be made to stand out by using ITALICS. This causes the text to slant. The tag is a simple <i> in front of hte text that you want italicized and a </i> at the end of the text you want italicized. 
    This text is in italics. This text is not.
     
  4. UNDERLINE
    Text can also be made to stand out by using the UNDERLINING text. The tag for this is <u> </u> and is used similar to the bold and italics. Many web designers do not use this tag often since the underline is perceived on the web as a hyperlink.
    This text is underlined. This text is not.
    Often 2 or three of these are used together.
     
  5. USING EFFECTS
    Let's insert these into our html
    Notice where I put the <i> and <b>
    This code should appear like this:

    My very first html page

    Welcome to my html page
    where I am showing my html skills
    I want to learn everything I can about html
    So I can make coolweb pages

    Put this code into your notepad and save it as HTML to view it
    Now that you have seen some Font effects, let's look at a complete
    list of effects available on the next page
    Play around with these, then go on to lesson 4.

Posted by at No comments:

Thursday, July 5, 2012

HTML - Bold

Creating bold text can be accomplished through the use of the <b> bold tag.

HTML Code:

<b>This text is entirely BOLD!</b>

Bold:

This text is entirely BOLD!
Place the bold tag inside other elements to highlight important words and give feeling to your text.

HTML Code:

<p><b>Don't</b> touch that!</p>

More Bold:

Don't touch that!
You may also use it to separate words from their meaning in a dictionary fashion.

HTML Code:

<p><b>Cardio:</b> Latin word meaning of the heart.</p>

Dictionary:

Cardio: Latin word meaning of the heart.
The idea here is to use the bold tag in quick formatting situations. It is not a good idea to bold entire paragraphs or other elements simply because you want the text to be larger or fatter. Use Cascading Style Sheets for font styles and sizes.
Posted by at No comments:
Subscribe to: Posts (Atom)