Introduction to Html

Introduction to Html

What is Html:

Html stands for 'Hyper Text Markup Language. It is a basic building block of any webpage. It gives the foundation or the structure to the webpage.

HTML is a language made up of elements, which can be applied to pieces of text to give them different meanings in a document

Html Head:

The HTML head is the contents of the <head> element. the head's content is not displayed on the page.

Below is the basic look of HTML doctype. You can use the shortcut to import doctype if you are using VS code. (!).

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
</body>

Html Headings:

Headings are the first thing on any simple page or webpage that which reader or user notices. It gives information about the topic of that particular content.

In Html, there are six heading tags from heading 1 to heading 6.

Paragraph:

Paragraph comes under the headings which give detailed information.

Basic syntax:

<p></p>

For generating random paragraphs, you can simply use lorem.

<p>lorem50</p>

The above tag will generate a random paragraph comprising 50 words.

Strong, Italics, Strikethrough etc:

For giving different styles to text, there are several tags. For making any portion of the text or paragraph making bold, you have to use the strong tag. Similarly italics.

Image tag:

images are those entities that make any webpage look more attractive. The syntax for the image tag is:

<img src="">

Between the double quotes of src, you have to pass the path for the image where you have saved it or simply you can give the URL also.

Video:

The syntax for video tag is:

<video src=""></video>