Tutorial » HTML » Basics



Text Functions


Bold:   <b>text</b>
Italics:   <i>text</i>
Underline:   <u>text</u>
Stike-through:   <s>text</s>
Font:   <font face="name of font (I used Times)">text</font>
    Font size:
        a)   <font size=1-7>text</font> (at 4)
        b)   <big>text</big> and <small>text</small>
    Font color:
  <font color="#HEX color or generic (white, purple, etc.)">text</font>
Headings:   <h1></h1>
      (this will bold your text and seperate it two lines from top and bottom and the codes go from h1-h6 [h1=largest])
Spacing:   & n b s p ; (only without the spaces =D)
Paragraph: <p>text</p>
    Alignment:
  <p align="X">text</p>
  (replace the "X" with either right, left or center)
    or <center>text</center>
Line Breaks: <br>
Marquee: <marquee>text</marquee>
text

Link Functions


Links:   <a href="url here">text</a>
E-mail:   <a href="mailto:you@yourplace.com">text</a>
    Hover text: <a href="url here" title="hover text (I put Freewebs)">text</a> (hover mouse over the link)
 Inside...
If you need the link to go into an iframe, open in a different window, etc., attach one of the following somewhere after the "url here".
    target="_blank" - to open in a different window
    target="_self" - to open in the same window
    target="framename" - to open in your iframe (change "framename" to your iframe's name )

Image Functions


Image:   <img src="url here">
    With borders:   <img src="url here" border="1"> (can make it 1-20)
    Linked image: <a href="url here"><img src="url here" border="0"></a>
      (if you want borders, do the same change as on the previous one)

Actions


Nesting:   When you put same or different tags inside of each other (i.e. <i><b>text</b></i>)
      (you can use it with big and small tags to change their size: <small><small>text</small></small>)

Miscellaneous


Bullets: <ul><li>bullet text</li></ul>
    Example:
  • bullet text


    • Line: <hr width="250">
          (width is in pixels and can change to whatever you want. If you want it to go across the screen, leave it as <hr>. You can also change color and height by adding color="colorhere" and/or size="#")

    Textbox: <textarea cols=# rows=#>text goes here</textarea>


    Table:
    - you can change border, bgcolor and width
    - you can remove any of the accessories above
    - you can add more columns with the same code that's below them
    - you can add more rows by adding <tr> and </tr> with column codes in between them
        (column codes are between <td> and </td>)
    - you can change font size like you do regularly, but you have to put it inside the <td> tags
    - you can also center the table in the middle of the page by using <center> tags

    column 1, row 1 column 2, row 1
    column 1, row 2 column 2, row 2 
     <table border="1">
  <tr>

   <td bgcolor="#FFFFFF" width="80">column 1, row 1</td>
   <td bgcolor="#FFFFFF" width="80">column 2, row 1</td>
  </tr>
  <tr>
   <td bgcolor="#FFFFFF" width="80">column 1, row 2</td>

   <td bgcolor="#FFFFFF" width="80">column 2, row 2</td>
  </tr>
 </table>


    		  
     

    All content copyright their respective owners. No copyright infringement is intended, and no money is being made.