HTML Web

WHAT IS HTML ?
1.HTML is defined as "Hyper Text Markup Language".

2.Which is used to make websites.
3.Html was made by "TIM BERNERS-LEE" in 1991.
4.It is mother of website development.
5.It is not a programming language.
6.It is a simple text and MARKUP Language.
7.It tells us about the structure of webpage using markup.
8.It is base of website development.
9.HTML is used for website structuring.
10.HTML is "hidden code".Which can not seen by user.
HTML VERSION
HTML have some versions. Some are given below

VERSION YEAR
1.HTML 1991
2.HTML+ 1993
3.HTML2.0 1995
4.HTML3.2 1997
5.HTML4.01 1999
6.XHTML1.O 2000
7.HTML 5 2014
What is HTML tags ?
HTML tag is defined as the set of characters to make up a formatted command for a
webpage.
HTML describes every structure on web page including placement of tags and
definations.
HTML is very important in history of website development.
HTML tags are the instructions that embedded directly into text of a html document.
Types of HTML TAGS
HTML tags are of two types

1.PAIRED TAG.
2.UNPAIRED TAG.
1. PAIRED TAG:-
Paired tag is defined as if the text is placed between a tag and its companion tag.
In thi type of tag first tag is reffered as opening tag and second tag is reffered
as
closing tag.
Example: <p> hello, this is html</p>
In this example <p> is opening tag & </p> is closing tag.
2.UNPAIRED TAGS:-
It is defined as the tag which have no any companion tag or closing tag.
It is also known as SINGULAR or STAND ALONE tag.
Example: <hr>
<br>
These both tags are unpaired and have no any closing tag.
TAGS BASED ON UTILITY

we have three types of tags on the utility or their use.
1.Formatting tags :-
By this we can change size of font , area ,underline or edit the text. As like
underline, italic,
bold etc are formatting tags
Example:- <i> matter</i>
<u>matter</u>
<mark> matter </mark>
2.Page structure Tags:-

By this we define page as like title, body, head etc
For example:-
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
3.Control Tags:-
HTML control tag is defined as the tag used to control the content or manage
external scripts.
All form tags like input text box, dropdown list, radio buttons etc are used for
interaction with user.
Example:-
HTML Form Controls
Text Input Controls.
Checkboxes Controls.
Radio Box Controls.
Select Box Controls.
File Select boxes.
Hidden Controls.
Clickable Buttons.
Submit and Reset Button.
TAGS
<!DOCTYPE> It tells us about document type. It tells about html 5.

HTML TAGS
S.No. NAME TAG
TAG DEFINATION
1 Title <title>matter</title>
Use to give title on tab.
2 Heading <h1> 1 </h1>
It is main heading. Help in indirect SEO. Biggest Heading
3 Heading <h2></h2> to <h6></h6>
Smaller in size as go h2 to h6.(h1 to h6 size decrease)
4 Paragraph <p> para</p>
Use to write paragraph.
5 Italic <i> matter </i>
Used for Italic font
6 Bold <b> matter </b>
Used for Bold font
7 Underline <u> matter </u>
Used for Underline the given matter
8 Small <small> </small>
Used for small size
9 Big <big> </big>
Used for big Font
10 Address <address></address>
Indirect SEO Helpful ,Italic font. Address of anything.
11 Comment 
Use to remember anything , Not shown on website.
12 Breakline <br>
Used to break a line. As break line we require we use so much
13 Horizontal line <hr>
Used to make a line.
14 Highlight <mark> </mark>
Used to highlight anything and only have yellow colour
15 Image <img src=�source�
Use to add image
16 Pre <pre> </pre>
Preformatted, don�t ignore space,not require break line
17 Cite <cite></cite>
Helps in Indirect SEO, italic font ,useful for blind.
18 Emphasis <em> </em>
Italic font
19 Strong <strong> </strong>
Helps in Indirect SEO, Bold font ,useful for blind
20 Deletion <del> </del>
Show font(ABCDEFG)
21 Subscript H<sub> 2 </sub>O
Show font like(H2O)
21 Superscript 3<sup> 2 </sup>=32
For square of number
22 Blockquote <blockqyote> </ blockqyote> For
creating space left and right side
23 Abbrevation <abbr title=�name1�>name</abbr> NAME 1 shows
on name by curser
24 Quotation <q>matter</q>
By this the matter is written in cursor
25 Insert <insert>matter</insert> By this the
matter is added after work.
26. Ins <ins>matter</ins>
BY this we can add matter after deletetion
27 DATE & TIME <ins date time=�10.08.1990�></ins> By this we
can add date and time.
28 Icon in title bar <link rel="icon" type="image/text/css"
href="file:///E:/html/b34f361f-ff01-4725-9af1-749aaf8a49dc.jpg"> To Add icon in
title bar
29 Iframe <iframe src="https://www.bing.com/"></iframe>
To add any websites in a frame.
30 VIDEO TAG <video src="file:///E:/html/Udaarian%20(4K%20Video)%20-
%20Satinder%20Sartaaj%20-%20Jatinder%20Shah%20-%20Sufi%20Love%20Songs%20-%20New
%20Punjabi%20Songs%202018%20(1).mp4" controls></video> To add video on website.
Without
1 loop Tag <video src=�� controls
loop=�2�></video>
By this as many loop we gave to it then video play only 2 time
2 Height Loop=�2� height=�500�
By this height of video control
3 Poster poster="file:///E:/html/b34f361f-
ff01-4725-9af1-749aaf8a49dc.jpg"
By this we can apply poster on video starting.
4 Auto play autoplay
By this video will play automatically
5 Muted muted
By this video will get automatically muted.
31 Audio TAG <audio src="file:///F:/bajan/bhola/-
%20Star%20Bana%20De%20Bhole.mp3" controls loop></audio> To add audio
1 loop Tag <audio src=�� controls
loop=�2�></audio>
By this as many loop we gave to it then audio play only 2 time
2 Height Loop=�2� height=�500�
By this height of audio control
3 Auto play autoplay
By this audio will play automatically
4 Muted muted
By this audio will get automatically muted.
on website. Without
32 Table <table border="5">
<tr><th>sr</th><th>name</th><th>phone no</th>
<tr><td>1</td><td>vishnu</td><td>1234567890</td> By this we can make

table for store any data.
<tr>
For giving row in a table.
<th> matter </th>
By this we can give heading in a table.
<td> matter </td>
By this we can add data in a table.
<td colspan=�3�>matter </td>
By this we can merge two columns in a single column.
<td rowspan=�3�>matter </td>
By this we can merge two rows in a single column.
33 Youtube video add <iframe width="400" height="400"
src="https://www.youtube.com/embed/XZAdD4Am-Q0" frameborder="0" allow="autoplay;
encrypted-media" allowfullscreen></iframe> By this we can
add any youtube video on website.
34 Textarea <textarea></textarea>
By this we can add text area on website.
35 <textarea cols="4" rows="4"></textarea>
By this we can submit data in 4 rows and 4 column.
Placeholder <textarea placeholder="tell me "></textarea> By this we
can write in textarea and �tell me� is prewritten after click tell me get remove
Disabled <textarea disabled></textarea>
By this we can disable the textarea.
36 Select computer<select><option>what is computer</option>
<option>what is
computer</option>
<option>what is
computer</option By this we can make select button.
37 Form <form method="POST">
<h2><pre><label>
FIRST NAME: <input type="text" name="fname"></label></pre><br><br>
<pre><label>
LAST NAME: <input type="text" name="lname"></label></pre><br><br>
<pre><label>
FATHER'S NAME: <input type="text" name="fatname"></label></pre><br><br>
<pre><label>
MOTHER'S NAME: <input type="text" name="matname"></label></pre><br><br>
By this we can make form for any admission or any type of form.
POST <form method="POST">
By this the information is shown on title bar.
PROTECT <form method="PROTECT">
By this the information is not shown on title bar or protected.
IMAGE SELECT <label>UPLOAD YOUR PHOTO: <input type="file"
name="submit" accept=".jpg" ></label> By this we can
select photo for upload.
<label>AADHAR PDF: <input type="file" name="uiadi"
accept=".pdf"></label> By this we can
upload pdf.
<label>SUBMIT: <input type="submit"
name="submit"></label>
By this we can make submit button.
<label>DATE OF BIRTH:<input type="DATE" name="f"
min="1995-01-01" max="2001-12-31"></label> By this we can add date of birth
button and can apply minimum and maximum.
label <label> matter </label>
By this when we click on the name then automatically insert into filling box.
Image .jpg/.png
Image extension.
Pdf .pdf
Pdf extension.
Video .mp4
Video extension.
Audio .mp3
Audio extension.
For multiple select <label> AADHAR PDF: <input type="file"
name="uiadi" accept=".pdf" multiple="2"></label> By this we
can select all pdf or acept multiple data/nor we can select only one.

HTML Web

Încărcat de

Informații document

Descriere originală:

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

HTML Web

Încărcat de

Drepturi de autor:

Formate disponibile

WHAT IS HTML ?

1.HTML is defined as "Hyper Text Markup Language".

HTML have some versions. Some are given below

What is HTML tags ?

Types of HTML TAGS

HTML tags are of two types

TAGS BASED ON UTILITY

2.Page structure Tags:-

<!DOCTYPE> It tells us about document type. It tells about html 5.

By this audio will get automatically muted.

<tr><td>1</td><td>vishnu</td><td>1234567890</td> By this we can make

S-ar putea să vă placă și