Lesson Hero Illustration Image
Newline Image

Day 6

What is HTML? An Introduction to Web Development

HTML is the foundational language of all content on the web. Let's get familiar with it.

 

This post is part of the series 30 Days of Web Development.

In this series, we start from the basics and walk through everything you need to know to get started with Web Development.

Newline Image

What is HTML? An Introduction to Web Development
#

HTML is the foundational language of all content on the web. Let's get familiar with it.

HyperText Markup Language, better known as HTML, is the foundational language of all content on the web.

To better understand what HTML is, let's break down the acronym.

HyperText
#

The "HT," HyperText refers to a system of linking topics to related information. In short, it means a page that links to other pages.

When you have a web page linking to other web pages, you have a website. If you go back to the first web page ever built, you'll notice it's literally just that: an HTML file that has links to other HTML files.

Markup Language
#

The "ML" in HTML stands for markup language. Markup language is a generic term that refers to any language that tells you how to format a digital document. It does this via a standardized set of rules. These rules are different depending on which markup language you are using.

Markup is easy to take for granted because almost all the interactions we have with text have markup applied. When you are writing in a word processor, typing an email, or even looking at spreadsheets, you're looking at markup.

In the following screenshot, all these popular interfaces - Google docs, email, and Google Spreadsheets - are using markup.

Text that does not have markup is called plain text, and it's unlikely that you see it very often.

To help demonstrate what markup does, we are going to look at what the first website looks like without any markup, i.e., in plain text.

Exercise: Plain Text vs. Markup
#

  1. Open the first website in a browser window.

  2. Select and Copy all the text on the web page.

  3. Open the My Text Area website in another browser window.

  4. Paste the copied first website content onto the My Text Area web page.

You should see the following:

That is what plain text looks like. Without markup, there are no links, and all the text looks the same. Try this experiment with other text from a word processor, emails, or web pages. Seeing the markup stripped away will give you a better understanding of what markup does.

HTML is a markup language, not a programming language. Programming languages allow you to run a process or execute an action, which HTML does not do.

What's next?
#

Now that we have acquainted ourselves with HTML, tomorrow we'll get into HTML's syntax.

The entire source code for this tutorial series can be found in the GitHub repo, which includes all the styles and code samples.

If at any point you feel stuck, have further questions, feel free to reach out to us by:

Course Author

Avatar Image

Angel Garbarino

👋 Hi! I’m Angel, the author of the book.

I am a self-taught Frontend developer. Not until I was in my early thirties did I seriously consider building up skills as a web developer. In all honesty, I wasn’t even sure what it meant to work as a web developer. All I knew was, I wanted to work on computers because I was decent at using them, and I was attracted to the job opportunities.

I wrote this book for the “me,” five years ago; for the person who is starting to think about what it might take to become a programmer or web developer. My path was convoluted, stressful, and inefficient. But it did not have to be.

I started by reading articles and seeking advice from friends. I continued with more articles, books, and online courses. As my skills or ability to fake-my-skills improved, I sought out consulting gigs. Fixing friends’ websites, and then being hired out as a consultant. On the job learning is great, but I had no idea what I was doing and stressed and slept little during these contracts.

Eventually, I landed a position at a web application company. I made friends, asked questions, and studied the skills I learned were needed for a job as a Frontend Developer. The weekend studying paid off, I applied for a Frontend Developer position, and I got it!

In this book, I will cover the fundamentals. But more importantly, I will talk about why they are the fundamentals. My goal is not to teach you a specific skill like HTML. Instead, I show you how to navigate what’s ahead of you. I get you set up for your next steps, whether that’s a path of self-learning or attending a bootcamp. By the end of this book, you will be able to make an educated decision about your future and understand the steps and commitment it will take to get there.

Get Started Now Background Image

Get started now

Join us on our 30-day journey in Web Development. Learn the basics of HTML, JavaScript, the Terminal and start your journey to becoming a web developer

No spam ever. Easy to unsubscribe.

About

Learn new tech with project-based programming books, videos, and tutorials.

Resources

©2024 Fullstack.io, LLC
Terms of Service Privacy