DEV Community

Cover image for HTML FOR BEGINNERS
EOluwaseun
EOluwaseun

Posted on

HTML FOR BEGINNERS

Here is a fast introduction to HTML, which is an excellent language to learn if you're new to web programming.

A Thread ↓ 🧵.

WHAT IS HTML❓

HTML is a markup language that provides instructions to web browsers and informs them on how to display web pages for viewers.

The way fonts🔠, colors🌈, pictures🧸, and hyperlinks are presented on websites is defined by HTML and CSS.

HTML is also known as a language used to format webpages,it is required in order to construct a well-formatted web document, also known as a WEBPAGE.

A WEB PAGE is what❓

A well-formatted document called a Webpage is used to share information online👨‍💻.

Why are properly formatted documents on web pages necessary❓

It is necessary so that the layout of a websites can be good for reading

👉Hypertext Markup Language is what HTML stands for 🚹.

  • HYPER is short for "hyperlink," which enables us to go across pages or within the same page.

  • TEXT is the information that will really appear on the website.

  • MARKUP LANGUAGE is a set of tags used to format webpages so that they can be read by browsers like Firefox, Chrome, Safari, and others.

How do Browsers work❓

  • Browsers are programs you install on your computer to read HTML files and displays it on the screen 🖥.

Note that only the content enclosed within HTML tags is shown by browsers on Web pages.

<h1>HELLO WORLD </h1>
Enter fullscreen mode Exit fullscreen mode

The Result of this code in the browser will be👇
HELLO WORLD

  • HTML tag types

There are two different kinds of tags

1️⃣ paired tags
2️⃣ unpaired tags.

  • Opening and Closing tags make up a Pair of tags. example... 👇
<h1>HELLO WORLD 🌎 </h1>
Enter fullscreen mode Exit fullscreen mode

The first h1 that has less and greater than symbols indicates the opening tags, While the second h1 indicates you are closing your tags by adding a forward slash.

Unpaired tags/stand-alone tags as their name implies, these tags are single, unpaired, and stand-alone.
example... 👇

 <img src="/picture.png">
Enter fullscreen mode Exit fullscreen mode

This defines its open and closing tags.

What are the html features and restrictions?

👉FEATURES

  1. It is versatile.

  2. many different browsers support it

  3. highly effective language for webpage structuring.

👉RESTRICTIONS

  1. HTML's ability to design has limitations. So, we are unable to design websites that are appealing. So we use html and css.

  2. Does not support programming, Thus, we are unable to develop interactive web sites. As a result we use javascript.

Top comments (0)