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.

A paragraph tag in HtML.
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.

--

--

--

Web Developer Studying at BrainStation 🧑🏽‍💻, documenting all the cool things I learn 📚, anime inspiration too 🦸🏽‍♂️🦹🏽‍♂️.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Enabling Autoscaling in Google Cloud Composer

NuCypher WorkLock is here!

How to trigger a workflow from another workflow in GitHub Actions

Designing a serverless video streaming pipeline

HOW TO DO GIT

Struggling to find a concept

3 Strategies for Ambitious Developers

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Brent Carey

Brent Carey

Web Developer Studying at BrainStation 🧑🏽‍💻, documenting all the cool things I learn 📚, anime inspiration too 🦸🏽‍♂️🦹🏽‍♂️.

More from Medium

HTML BASICS

How To Center Any HTML Element in CSS the Right Way — Works Every Time

Create an Animated Digital Art with only CSS and HTML

Understanding Flexbox Properties in Easy Way