Web Group - March 5, 2014 - HTML

Edit 0 2 …
Here is the web-page I built today; your's should be similar. The concepts from today are:

  • HTML uses a special language
  • Every piece of HTML code uses "<>" to start, and </>" to end
  • We learned these tags (special HTML words)
    • <html> .. </html>
    • <body> .. </body>
    • <h1> .. </h1>
    • <p> .. </p>
    • <img> .. </img>
  • We also learned that we can add extra information to each tag
    • style=" .. ; .. ; .."
      • color
      • background
      • font-family
      • font-size
    • src=" .. "
    • width=" .. "
    • height=" .. "

<html>
  <body style="background: cyan;">
    <h1>Hello Everyone!  How are you?</h1>
 
    <p style="color: red; font-family: arial;">This is my story.  It is very plain and boring.  But that's ok, because it on my very own web-page.</p>
 
    <p style="font-size: 40px;">Oh also, I like cats!</p>
 
    <img width="250px" height="200px" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTafGNkxMNVOcOQrnaylL5XWNjh_VEbxaLubCixxgrdyNMwn0BAEw"></img>
 
 
  </body>
</html>

Well, that's it! Feel free to use what we learned today to build anything you want!