Topics

Html Introduction

HTML is the abbreviation for HyperText Markup Language. It's the first programming language you'll need to know if you want to work on the web. Tags are used in HTML computer code to ensure that web browsers see a web page correctly. HTML is used to create sections and other parts of your web pages.

When working with HTML, we employ tags to build pages. In the next tutorial, we'll look at how to use tags.

Many languages, such as CSS (Cascading Style Sheets), JavaScript, and others, are incorporated to improve the page's performance or beauty.

 

What exactly is an HTML tag?

HTML tags are keywords that specify how the text will be formatted and displayed by a web browser. With the help of CSS, the browser determines if your content is HTML or not.

 

Some rules for HTML tags are listed below.

  • All HTML tags must be wrapped in these brackets <TAG>.
  • Every HTML tag has a different functions.
  • You must use a close tag </TAG> if you have used an open tag <TAG> (exception is here, Some tag does not have closing tag)

Note: However, some HTML tags aren't closed.

 

A first example of HTML

<!DOCTYPE html>
<html>
<head>
<title>Web Page Title</title>
</head>
<body>
<h1>Heading of web page</h1>
<p>My first paragraph</p>
</body>
</html>

Try with example

 

Explanation 

  • <html>:  This is the main tag from which all documents, as well as all tags, are generated.
  • <head>:  This tag indicates a page that contains some external CSS files along with page information and descriptions. Multiple tags, such as <title>, <link>, and <script>, are embedded in the header.
  • <title>:  This tag is placed inside the <head> tag and gives the page's title.
  • <body>:  The body tag contains all of the data or content of the web page, as well as other html tags for better presentation. For example, <h1>, <p>, <a>, <div>, <img>, <b>, and so on. What this means is that everything appears on your page will be contained within this tag.
  • <h1>:  The heading is expressed by this tag, and 1 is the size (h1 is the max size and h6 is the smallest size).
  • <p>:  This is a paragraph tag that contains text in a paragraph layout.