Day 1: HTML

HyperText Markup Language

This is the language that builds the content for the web! Tags give our content meaning so that browsers can understand how to display that particular content. With a few exceptions, most HTML elements require opening and closing tags.

An HTML paragraph element.

Tag Attributes

Attributes are used to give more information to our tags. Some tags have certain required attributes that they need in order to work properly. The image tag needs the “src” and “alt” attributes and the anchor tag needs the “href” attribute. We can also give our elements a unique id attribute or a class attribute so that we can refer to that element by its class or id when we are trying to style them.

Some HTML elements with attributes.

Semantic Tags

We can use semantic tags to give our page structure more meaning, improve accessibility and SEO, and make HTML code easier to read. Instead of filling up our web pages with hundreds of divs, we now have tags such as header, nav, article, section, footer, and more…

HTML files before semantic HTML.

Closing

HTML is very important when building websites and web applications, it is still the foundation for the modern web. When we pair HTML and CSS we are able to create nice-looking static websites, so I’m excited to learn more!

Hit single by NSYNC.