Limited Time Offer!

For Less Than the Cost of a Starbucks Coffee, Access All DevOpsSchool Videos on YouTube Unlimitedly.
Master DevOps, SRE, DevSecOps Skills!

Enroll Now
HTML

HTML Tutorial Part-1

February 4, 2020 comments off

What is HTML?

Html provides a way of displaying Web pages with text and images or multimedia content. HTML is not a programing language, but a markup language. an HTML file is a text file containing small markup tags. The markup tags tell the web browser, such as Mozilla Firefox or google chrome, how to display the page. an HTML file must have an HTML or HTML file extension. HTML stands for a hypertext markup language.

Html pages are of two types

Static pages – Static pages, as the indicates, comprise static content (text or images). so You see the contents of a web page without being able to have any interaction with it.

Dynamic Pages- Dynamic pages are those the content of the web page depending on user input. So interaction with the user is required in order to display the web page. for example, consider a web page that requires a number to be entered form the user in order to find out if is even or odd. When the user enters the number and clicks on the appropriate button, the number is sent to the web server, which in turn returns the result to the user in an HTML page.

What is Tag

A tag is a bit of text that acts as a point demarcation. To create a tag, An end tag always matches a start tag, except that it has an extra forward slash after the opening angle bracket.

Ex-

What is Attribute

Attributes provide additional information about the contents of an element. They appear on the opening tag of the element and are made up of two parts: a name and a value, separated by an equal sign.

Ex-

The attribute name indicates what kind of extra information you are supplying about the element’s content. It Should be written in lowercase.

The value is the information or set for the attribute. It Should be placed in double-quotes. Different attributes can have different values.

In this example, an attribute called lang is used to indicate the language used in this element. The value of this attribute on this page specifies it is in US English.

HTML Tag

is a starting tag. To delimit the text inside, add a closing tag by adding a forward slash “/” to starting tag. Most but not all tags have a closing tag. It is necessary to write the code for an HTML page between and. This tells the browser is ‘this is the start of an HTML document’ and ‘this is the end of an HTML document’. Ex-

What is Head Tag

Before the element, you will often see an element. This contains information about the page, rather than information that is shown within the main part of the browser. You will usually find an element inside the <head> element. <head> is opening head tag and </head> is closing head tag.</p> Ex-

Title Tag

The contents of the element are either shown in the top of the browser, above where you usually type in the URL of the page you want to visit, or on the tab for that page (if your browser user tabs to allow you to view multiple pages at the same time). <title> is the opening title tag and closing title tag. Ex-

Body Tag

Everything inside this element is shown inside the main browser window. is opening a body tag and its the closing tag. Ex-

Doctype declaration

It is an instruction to the web browser about what version of HTML the pages is written in.

br tag

The br Tag in the HTML code inserts a line break in the. Ex


Headings

Heading Defines the format and structure of a document. There are six heading tag:-

Paragraph

The tag is used to create a new paragraph on the web page. It has a closing tag which is optional because a Paragraph automatically ends when we start another paragraph.

Ex-

Subscript

A subscript is a text that appears smaller than a regular text.

Ex:

Superscript

A superscript is a text that appears smaller size above the regular text.

Ex-

Horizontal Rules

The tag is used to create a horizontal rule on the web page. IT is an empty tag.
The web browser starts a horizontal rule from a new line, and any text that follows this tag is also displayed in a new line.

Align– Center Aligns the whole text to the center of the web page

align =”center”

Left– Aligns the whole text to the left side of the web page, align=”left”

Right– Aligns the whole text to the right side of the web page align=”right”

Justify– justifies the whole text and also indents the first line align=”justify”

Bold-The tag is used to render the text in bold style.

Italic– The tag is used to render the text as italic.

Strong- The tag indicates that its content has a strong importance.

Blockquote– The is used for long and multiline quotations.

Q element– The element is used for shorter quotes that sit within a paragraph.

Abbreviation and Acronym– The tag defines an abbreviation or an acronym. A title attribute on the opening tag is used to specify the full term.

Address– The tag is used to contain contact details for the author/owner of the page/article/web site.

Rajesh Kumar
Follow me
Latest posts by Rajesh Kumar (see all)