Comment = a note written inside the code that humans can read and browsers ignore.
Comment example = <!-- add your notes here -->
<!DOCTYPE html> = HTML5 = very top of page
<html lang="en"> = includes language, in tis case “en” for English.
<head></head><meta charset="utf-8" /> = charset attribute set to the value of utf-8. This tells the browser how to encode characters for the page.<title></title> which browsers will see as the title of the page.<main>
Things that live inside the “main” (two spaces in!)
Important content lives here.
<h1> and <p> here is called Nesting<img src="link" alt="Description"><a href="URL">TEXT</a><section>Section element</section> = used to seperate different section. Helps with SEO<ul></ul> = unordered list of items<ol></ol> = ordered list of items<li></li> = used to add a list item to an ordered or unordered list<figure></figure> = self contained content. ALlows you to add a caption to a photo.</main>
Footer element: <footer></footer> goes below the <main> element text portion. Includes liner notes (like author information)
target="_blank" opend link in new tab (my favorite trick).
Image with a link: <a href="URL"> <img src="image-link.jpg" alt="Description"> </a>
figure element & ficure caption element example: <figure> <img src="image.jpg" alt="Image description"> <figcaption>Add caption here</figcaption> </figure>
Italicize text example: <em>love</em> = love
Bold text example: <strong>hate</strong> = hate