In this lesson we will introduce the fundamentals of HTML syntax, document structure, typography, images, and links, as well as how to validate our HTML. HTML will act as the structure of our webpages, wrapping our content and describing how the browser should display it. HTML is often described romantically as the unifying language of the web. Along with CSS and JavaScript, HTML is the life-blood of our webpages and an excellent place to start our code journey.
- HTML Syntax
- Document Structure
- Typography
- Images
- Links
- Validation
Note: Slides for this lecture video are provided in the resources at the bottom of this lesson.
- HTML elements wrap our content and tell the browser how we wish to display things.
- HTML elements are written as
<start-tag>content</end-tag>
. - HTML attributes can be added to the start tag
<start-tag attribute="value">
. - HTML's basic document structure is
<html><head>...</head><body>...</body></html>
. - HTML text can be formatted using a variety of tags such as heading, paragraph, and list.
- HTML images look like
<img src="myimage.jpg" alt="alternate text">
. - HTML links look like
<a href="myfile.html">link text here</a>
. - We can validate our HTML code to check for syntax errors.
In the subsequent lessons in this unit, we'll take a closer look at the topics that you've just learned in this video, with a focus on appropriate syntax.
- Presentation Slides
- Mozilla Dev Network - Learn HTML
- Bonus Video - Image Compression
- Bonus Slides - Image Compression
- Compress Images In Photoshop
- Compress Images In GIMP
- HTML Element Lookup Reference
- HTML Element Cheatsheet
- W3C HTML Validator
View Getting to Know HTML on Learn.co and start learning to code for free.