html tags

• Starting a html page
  1. Open a new NOTEPAD
  2. line 1 - < html >
  3. line 2 - < head >
  4. line 3 - < title > name of page < /title >
  5. line 4 - < link rel="stylesheet" type="text/css" href="whatever you name your css page" >
  6. line 5 - < /head >
  7. line 6 - < body >
  8. save as - whatever you want to name it.html
• Lists
  1. Ordered List - < ol >
  2. Unordered List - < ul >
  3. Definition List - < dl >
     • Definition Term - < dt >
     • Definition Definition - < dd >
  4. Embedded List - adding a list before ending the previous list
  5. List Item - < li > - this adds the numbers or bullets
  6. Ending a list - < /ol > or < /ul >
• Headings
  • < h1 > biggest heading < /h1 >
  • < h2 > heading size 2 < /h2 >
  • < h3 > heading size 3 < /h3 >
  • < h4 > heading size 4 < /h4 >
  • < h5 > heading size 5 < /h5 >
  • < h6 > smallest heading < /h6 >
• Inserting a TABLE
  1. < table >
  2. start a row by < tr >
  3. table data (no formatting) per column by < td >
  4. table heading (centered and bold) per column by <th>
  5. make a cell span across a column < td colspan=number >
  6. make a cell span across a row < td rowspan=number >
  7. End the table by < /table >
• Font Changes
  • changing the size: < font size=12 >
  • changing the color: < font color=red > or < font color=#660066 >
  • changing the face < font face="font name" >
  • combine codes: < font face="arial" size=12 color=blue >
  • After the text you wanted to change: < /font >
• < b > makes bold < /b >
• < i > makes italics < /i >
• < u > makes underline < /u >
• < p > starts a paragraph < /p >
• < br > makes a break, doesn't need / to end
• < hr > makes a horizontal line, doesn't need / to end
• Links
  • < a href="web address.com" > Click on this < /a >
  • Make the link open to a new tab: < a href="web address.com" target="_blank" >
  • Send an email link: < a mailto="emailaddress" > click on this < /a >
• Inserting images
  • Types of images:
    • .gif
    • .jpg
    • .jpeg
    • .bmp
    • .png
  • < img src=name.jpg > doesn't need /
  • Embed a website
    • < iframe src="website.com" id="quotes" title="title of website" width="100" height="100" >
    • id - groups things with the same id for formatting
    • title - tells you what it is if website doesn't appear
    • go to website, click on get embed code