The basics of web
Published: 2022-09-09 06:06:09

---
title: The basics of web
published: true
date: 2021-10-22 06:50:43 UTC
tags: 
canonical_url: https://rayanabid.hashnode.dev/the-basics-of-web-1
---

 **HTML** is also known as a **hypertext markup language** which is a standard markup language that can be used to represent information on the **internet**. **HTML** plays a very important role in the journey of a **front-end web developer** as it is used to write down the structure of the **website**.

Now that the technical introduction is out of the way let's try to understand it in a nonexclusive way.

Let's think of a building now to compare it with **HTML** you can say that the structure of the building is what you would write for a website using **HTML**. Hope that makes it clear and helps you in understanding the bigger picture. But now one question that would be popping into your mind is then what will we use to make the building prettier i.e: painting etc. That is where CSS comes into play but that is our next topic.

## Sidenote

I also have a video on this topic if you prefer watching instead of reading. In this video I go in depth in HTML.

[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/cK1gWWEfke0/0.jpg)](https://www.youtube.com/watch?v=cK1gWWEfke0)

### Where to get started?

There are a lot of online resources that you can use to learn **HTML** which are as follows:

- 
### W3Schools

![](https://webbygram.com/wp-content/uploads/2017/05/W3schools-Logo.png)[W3Schools](https://www.w3schools.com/)

W3Schools is a freemium educational website for learning coding online. Developed in 1998, its name is derived from the World Wide Web. It is run by **Refsnes Data** in Norway.

W3Schools has a collection of documents for all your **HTML** needs and it is not just **HTML** it includes education materials for all the other languages as well such as: Javascript, CSS etc.

- 
### freeCodeCamp

![](https://res.cloudinary.com/practicaldev/image/fetch/s--lfMhrPQM--/c_imagga_scale,f_auto,fl_progressive,h_900,q_auto,w_1600/https://dev-to-uploads.s3.amazonaws.com/i/rphqzfoh2cbz3zj8m8t1.png)

[freeCodeCamp](https://www.freecodecamp.org/)

freeCodeCamp is a non-profit organization that consists of an interactive learning web platform, an online community forum, chat rooms, online publications and local organizations that intend to make learning web development accessible to anyone. They also have many video tutoriols as well if you think that you can learn more visually.

- 
### Mike Dane

![](https://yt3.ggpht.com/ytc/AKedOLRxS2W0dkrbJErKUdm-q-ZHp6QGMnBIIkiNKF38nw=s900-c-k-c0x00ffffff-no-rj)

[Mike Dane's website](https://www.mikedane.com/)

> Mike Dane has one simple goal, to create the highest quality and entertaining educational content on the internet.

and I gotta say I don't disagree with him. As he is the first person that I went to learn and understand the basics of HTML CSS and JS. He also has great content for C++ as well.

- 
### Codecademy

![](https://images.codecademy.com/social/logo-codecademy-social.png)

[Codecademy](https://www.codecademy.com/)

Codecademy is an American online interactive platform that offers free coding classes in 12 different programming languages including Python, Java, Go, JavaScript, Ruby, SQL, C++, C#, Swift, and Sass, as well as markup languages HTML and CSS.

And there you go what do you think do you have any more places that I missed or I haven't listed down do let me know and if you feel like I can improve in any please do let me know and share your thoughts down below.

Thank you for your time.

Follow me on [Github](http://github.com/rayanabid),[Youtube](https://www.youtube.com/channel/UCbUlt1T9VdaD-9ewO0D5B8w)

[Image provided from unsplash.](https://unsplash.com/photos/4hbJ-eymZ1o?utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink)