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