Texting 1-2-3



  • Headings

    < h1 > ... < /h1 >

    There are six heading tags: <h1>, <h2>, <h3>, ..., <h6>. These are usually used as titles and subtitles within your text.For example try this HTML code:

    <html>
    <head>
    <title>
    Women Scientist
    </title>
    </head>
    <body>
    <h1> Famous Women Scientist </h1>
    <h2> Marie Curie </h2>
    <h2> Rachel Carson </h2>
    <h2> Ellen Ochoa </h2>
    </body>
    </html>
    See it for yourself!

    Back to Top


  • Font

    • <font>...</font>

    The font tag allows you to change the font of your text. That means you can change the size, the face, or the color! Cool, huh!

    Something important to remember is that color, size, and face are attributes of font. Therefore when you close the tag you close just the tag not the attribute! This will become clear as you read on.

    Back to Top

    • Color

      • Let's add a splash of color to the page we started! We use hexidecimal color codes to change color on web pages. You can search for website like this for some ideas. The HTML code looks like this:

      <html>
      <head>
      <title>
      Women Scientist
      </title>
      </head>
      <body>
      <h1> <font color="#c91f16"> Famous Women Scientist </font> </h1>
      <h2> Marie Curie </h2>
      <h2> Rachel Carson </h2>
      <h2> Ellen Ochoa </h2>
      </body>
      </html>

      See it for yourself!

      Back to Top

    • Face


      • Another attribute you can change in the font tag is the face or style of the letters. On this web page, I only want to change the face of the main heading. If I wanted all the text the same face, I would open a font tag for the face before I start with any of my text and close it after I'm finished. The HTML code looks like this:

      <html>
      <head>
      <title>
      Women Scientist
      </title>
      </head>
      <body>
      <h1> <font color="#c91f16" face="forte"> Famous Women Scientist </font> </h1>
      <h2> Marie Curie </h2>
      <h2> Rachel Carson </h2>
      <h2> Ellen Ochoa </h2>
      </body>
      </html>

      See it for yourself!

      Back to Top

    • Size


      • Sometime you may want to change the size of some text to set it apart from other text. The size attribute of the font tag can range from 1 to 7. Let's see how this might look:

      <html>
      <head>
      <title>
      Women Scientist
      </title>
      </head>
      <body>
      <h1> <font color="#c91f16" face="forte"> Famous Women Scientist </font> </h1>
      <h2> Marie Curie </h2>
      <font size=2>1867-1934 </font>
      <h2> Rachel Carson </h2>
      <font size=2>1907-1964 </font>
      <h2> Ellen Ochoa </h2>
      <font size=2>1958- </font>
      </body>
      </html>
      See it for yourself!

      Back to Top


  • Center

    <center> ... </center>

    The center tag centers your text!

    The HTML code looks like:

    <html>
    <head>
    <title>
    Women Scientist
    </title>
    </head>
    <body>
    <h1>
    <font color="#c91f16" face="forte">
    <center>
    Famous Women Scientist
    </center>
    </font>
    </h1>
    <h2> Marie Curie </h2>
    <font size=2>1867-1934 </font>
    <h2> Rachel Carson </h2>
    <font size=2>1907-1964 </font>
    <h2> Ellen Ochoa </h2>
    <font size=2>1958- </font>
    </body>
    </html>
    See if for yourself!

    Back to Top

  • Breaks

    • <br>

    The break tag is a one-sided tag. So there is not a closing tag. The break tag allows you to insert a 'return' or break at the end of a line.

    <html>
    <head>
    <title>
    Women Scientist
    </title>
    </head>
    <body>
    <h1>
    <font color="#c91f16" face="forte">
    <center>
    Famous Women Scientist
    </center>
    </font>
    </h1>
    <h2> Marie Curie </h2>
    Physicist <br>
    <font size=2>1867-1934 </font>
    <br>
    <h2> Rachel Carson </h2>
    Ecologist/Marine Biologist <br>
    <font size=2>1907-1964 </font>
    <br>
    <h2> Ellen Ochoa </h2>
    Astronaut/Electrical Engineer <br>
    <font size=2>1958- </font>
    </body>
    </html>
    See it for yourself!

    Back to Top