Basics of HTML, Executive Summary:

Here is an executive summary of the presentation. You can use this as a reference when you first start html!

Part 1: Define html

  • <!DOCTYPE html>: Will define all code as html
  • <html> </html> : Should encompass all code, excluding only the DOCTYPE code

Part 2: The Head

  • <head> </head>: Encompasses all meta data 
    • <style></style>: Encompasses all style information
    • <title></title>: Changes title of webpage
  • <body></body>: Encompasses all data shown on website. All subsequent parts will be within the body.  

Part 3: Headings and paragraphs

  • <h1></h1>: Creates primary header. Can make up to 6 subheaders (up to <h6>).
  • <p></p>: Creates paragraphs.
  • <br>: Effectively acts as an [enter] key, breaking up text.

Part 4: Lists

  • <ul></ul>: Encompasses the entire list. 
    • <li></li>: Creates a list item. 
    • <ol></ol>: Creates a numbered list item.

Part 5: Images

  • <img src="imagefile.jpg" alt="image on your site" width="100" height="100">
    • img src="": Can place internal or external image link 
    • alt="": alternative text 
    • width="" height="": changes width and height of the image

Part 6: Links

  • <a href="URL of page you want to link to">link text</a> 
    • a href="": Adds link
    • >link text</a>: Changes the text of the link displayed on the website

Part 7: Formatting

  •  <b>: Bold text
  • <i> : Italic text
  • <mark> : Marked text
  •  <small>: Smaller text
  • <del> - Deleted text
  • <ins> - Inserted text
  • <sup> - Superscript text  
  •  <sub> - Subscript text