# HTML Basics

## Introduction

Most of this should be review since you've already completed the [Foundations HTML/CSS Lesson](https://www.learnhowtocodebook.com/foundations/frontend/html-and-css) (Right??) but it's a good idea to make sure you've got it covered so you make sure you're starting from a strong base. It's impossible to separate HTML from CSS, so there will be some overlap before we get heavily into the CSS in later sections.

## Learning outcomes

* How is an HTML5 document structured?
* What are elements/tags?
* What are element attributes?
* How do you link to external files?
* When should you use IDs vs Classes?
* What attributes are required by image and links for them to be effective and accessible?
* Where should your CSS live?

## Assignment

1. Read [Shay Howe's Introduction to Terminology & Syntax](http://learn.shayhowe.com/html-css/terminology-syntax-intro)
2. Read [Shay Howe on the HTML Basics](http://learn.shayhowe.com/html-css/elements-semantics)
3. Read [Shay Howe on Best Practices](http://learn.shayhowe.com/html-css/coding-practices)

## Additional resources

This section contains helpful links to other content. It isn't required, so consider it supplemental for if you need to dive deeper into something.

* [WTFHTMLCSS with basic tips to improve your code](http://wtfhtmlcss.com/)
* [W3C HTML5 tutorial ](http://www.w3schools.com/html/default.asp)
* [HTML Style Guide](http://codeguide.co/#html) by [Mark Otto](https://github.com/mdo), one of the creators of Bootstrap.
* [CrashCourse Introduction to HTML\&CSS](https://www.youtube.com/watch?v=QA0XpGhiz5w)
* Add Some!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://howtocode.trek.io/topics/deep-dives/html-css/html-basics.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.