HTML

HTML stands for Hyper Text Markup Language
HTML is the standard markup language for creating Web pages
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content

Basic HTML structure

Tag in html

Tag are the basic command through which we instruct our web page, what to do ? how to do ?

Tag are two types

Empty / Single Tag :
This are who dont contain any ending, they have only starting. example like hr tag, br, tag, etc.
Pair / Container Tag :
This are who contain both starting and ending. example like html tag, head tag, body tag, ect.

Comment

When you wants that your web-browser ignore some part of code, than you use comment.

OUTPUT

HELLO WORLD ! :)

Html Heading

This use to put heading on your webpage.

OUTPUT

This is heading

This is heading

This is heading

This is heading

This is heading

This is heading

NOTE : Html provides us 6 level of headings.For biger use h1, and for smaller use h6.
Html Paragraph

Paragraph tag is use to write any paragraph on your webpage.

OUTPUT

This is a paragraph about our goal . our goal that we wants to achive by making you knowledgeous person .

Html Bold and Strong

Bold tag is use to make some spacific text BOLD in your webpage. Just like Bold tag you can use "Strong" tag.

OUTPUT

Ama class Ama class

Html i and em tag

i tag is use to make some spacific text italic. Just like i tag you can use "em" tag

OUTPUT

Ama class Ama class

HTML Line Break

This "br" tag is use to put a line break and start a new line on your webpage.

OUTPUT

This is heading
This is heading

Html Horizontal Ruler

This "hr" tag is use to put a horizontal line and separete two section on your webpage.

OUTPUT

This is heading
This is heading

Html Link

This use to put links on your webpage. HTML links are defined with the "a" tag.

OUTPUT

Ama Class
NOTE: The link's destination is specified in the href attribute.
Html Image

This use to put image on your webpage. HTML image are defined with the "img" tag.

OUTPUT

NOTE: The link's destination is specified in the src attribute.
Html List

In HTML list are use to listed the items in a sequencial meanner we use list . It provides us 3 type of list
-->Order List
-->Unorder List
-->Defination List

Order List
An ordered list starts with the "ol" tag. Each list item starts with the "li" tag. The list items will be marked with numbers by default:
OUTPUT

Mango

Orange

Apple

NOTE: you can use type="1"/"a"/"A"/"I"/"i".
Unorder List
An unordered list starts with the "ul" tag. Each list item starts with the "li" tag. The list items will be marked with bullets by default:
OUTPUT

Mango

Orange

Apple

NOTE: you can use type="bullet"/"disc"/"square"/"circle".
Description List
A description list is a list of terms, with a description of each term. The "dl" tag defines the description list, the "dt" tag defines the term (name), and the "dd" tag describes each term:
OUTPUT

Coffee

- black hot drink

Milk

- white cold drink

NOTE: you can put a list into another list that is called as Nested List.
HTML Table
HTML tables allow web developers to arrange data into rows and columns. Each table cell is defined by a "td" and a "/td" tag. Each table row starts with a "tr" and ends with a "/tr" tag. "th" stands for table header.
OUTPUT

Name Age

Jill Smith 50

Eve Jackson 94

NOTE: just like avobe example you can also do rowspan.
HTML Forms
An HTML form is used to collect user input.to create it we use form tag.
o)An input element can use to take input in many ways, depending on the 'type' attribute.
o)The "label" tag defines a label for many form elements.
o)The input type="radio" defines a radio button. Radio buttons let a user select ONE of a limited number of choices.
o)The input type="checkbox" defines a checkbox. Checkboxes let a user select ZERO or MORE options of a limited number of choices.
OUTPUT

Name:
Phone No. :
E-mail:
D.O.B :
do you know:
HTML CSS JS
gender:
Male Female
UPI
Feedback

Html Inline And Blockline

o)A block-level element always starts on a new line, and the browsers automatically add some space (a margin) before and after the element.

o)An inline element does not start on a new line. An inline element only takes up as much width as necessary.

OUTPUT

Hello World

Hello World
Hello World Hello World

NOTE: Tag like P, li, hr, div, ect are Blockline. But tag like span, i, img, a, b,etc are inline.
Html Id And Class

o) The HTML id attribute is used to specify a unique id for an HTML element. You cannot have more than one element with the same id in an HTML document.

o)The HTML class attribute is used to specify a class for an HTML element. Multiple HTML elements can share the same class.

OUTPUT

AMA

CLASS

NOTE: You can better know it when you study CSS.