Вы находитесь на странице: 1из 29

Html documentation

PRESENTED BY
P AN C H A N I G A U R A N G V
MCA 4TH.
ENR

NO :- 105020693008
ROLL

NO:- 008

WHAT IS HTML ?

HTML STANDS FOR HAYPER TEXT MARKUP

LANGUAGE
HTML LANG. ARE USED FOR DESINING A
STATIC WEB PAGE
IT IS A CLIENT SIDE SCIRPTING
LANGUAGE

BASIC STRUCTURE :<HTML>


<HEAD>
<TITLE>OUR 1ST WEB PAGE </TITLE>
</HEAD>
<BODY>
CONTENT OF THE BODY..
</BODY>
</HTML>

BASIC TAGS : <HTML> </HTML>

ATTRIBUTE :

DIR =LTR | RTL This attribute specifies the base direction


of directionally neutral text
LANG=language-code This attribute specifies the base
language of an element's attribute values and text content.
VERSION=cdata [CN] Deprecated. The value of this
attribute specifies which HTML DTD version governs the
current document.

<HEAD> </HEAD>

ATTRIBUTE:

DIR = LTR | RTL [CI] AS ABOVE.


LANG = language-code [CI] AS ABOVE
PROFILE = uri [CT] This attribute specifies the location of
one or more meta data profiles,

<TITLE> </TITLE> .

ITS HAVE ATTRIBUTE DIR, LANG(SAME AS ABOVE)


HEAD TAG COVER THE TITLE TAG WHICH
CONTAINS TITLE OF THE PAGE

<BODY> </BODY>

ATTRIBUTE :

ALINK = color [CI]


BACKGROUND = uri [CT]
BGCOLOR = color [CI]
CLASS = LTR | RTL [CI]
DIR = LTR | RTL [CI]
ID = name [CS]
LANG = language-code [CI]
LINK = color [CI]
STYLE = style [CN]
TEXT = color [CI]
TITLE = text [CS]
VLINK = color [CI]

<a> </a>

Intro:- tag defines an anchor. used in two way

To create a link to another document, by using the href attribute


To create a bookmark inside a document, by using the name
attribute

Attribute :

CHARSET= (char encoding) Specifies the character-set d link


COORDS = (co ordinates) Specifies the coordinates of a link
HREF = (link) Specifies the URL of the page of the link
NAME = (section name) Specifies the language of the linked
document
REL = (text) Specifies the relationship between the current
document and the linked document
REV = (text) Specifies the relationship between the linked
document and the current document

<b> </b>
Bold text
<i> </ i>
Italic text
<u> </u>
Underline of the text
<small> </small>
Smaller text
<big> </big>
Bigger text
<tt> /<tt>
Teletype text

<meta> </meta>

Metadata is data (information) about data.


Meta elements are typically used to specify page description,
keywords, author of the document, last modified, and other
metadata.
The metadata can be used by browsers (how to display content
or reload page)
Attribute :

Content = (text)Gives the value associated with the httpequiv or name attribute
http-equiv = (content-type,content-style-type,expires,set-cookie
others)Provides an HTTP header for the information
/value of the content attribute
Name=(author,description,keywords,generator,revised,others)Pr
ovides a name for the information in the content
attribute

<h1> to <h6>

tags are used to define HTML headings.


H1 has maximum size heading
H6 has minimum size headings

Attribute:-

align = left|center|right|justify [CI]


style = style [CN] This attribute specifies style information for the
current element.
title = text [CS] This attribute offers advisory information about the
element for which it is set.

<P> </p>

tag defines a paragrap


Browsers automatically add some space (margin) before and
after each

Attribute:-

align = left|center|right|justify [CI]


style = style [CN] as above.
title = text [CS] as above.

<title> </title>

Must declare between <head> tag.


tag defines the title of the document.
defines a title in the browser toolbar.
Is displays a title for the page in search-engine results.

Attribute:-

DIR =LTR | RTL [CI] as above.


LANG=language-code [CI] as above.

<img> </img>

The <img> tag defines an image in an HTML page.

Attribute:

alt = text [CS] For user agents that cannot display images
src = uri [CT] This attribute specifies the location of the image
resource
align = bottom|middle|top|left|right
border = pixels [CN]
height = length [CN]
width = length [CN]
hspace = pixels [CN] This attribute specifies the amount of white
space to be inserted to the left and right of an IMG
vspace = pixels [CN] This attribute specifies the amount of white
space to be inserted above and below an IMG

<table> </table>

tag defines an HTML table.


The <tr> element defines a table row, the <th> element defines a
table header, and the <td> element defines a table cell.
Ex:<table border="1">
<tr>
<th>Name</th>
<th>Mark</th>
</tr>
<tr>
<td>Divyang</td>
<td>70</td>
</tr>
</table>

Name

Mark

Divyang

70

Attribute:

bgcolor = color [CI] This attribute sets the background color for the
document body or table cells
border = pixels [CN] This attributes specifies the width (in pixels
only) of the frame around a table
cellpadding = length [CN] This attribute specifies the amount of
space between the border of the cell and its contents
cellspacing = length [CN] This attribute specifies how much space
the user agent should leave between the left side of the table and
the left-hand side of the leftmost column
frame = void|above|below|hsides|lhs|rhs|vsides|box|border

<frameset> </frameset>

tag defines a frameset.


<frame > tag defines one particular window (frame) within a
<frameset>
Ex:<frameset cols=33%,33%,*%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>

Frame_a

Frame _b

Frame_c

Attribute:

Rows =(pixels%)Specifies the number and size of columns in a


frameset
Cols =(pixels%) Specifies the number and size of rows in a
frameset

<form> </form>

tag is used to create an HTML form for user input.


<input>
<label>
<fieldset>
<optgroup>
<textarea>
<button>
<select>
<option>

Example:<form action="form_action.asp">
First name: <input type="text" name=Enter E-mail"
value=xyz@gmail.com" /><br />
Last name: <input type="text" name=Password"
value=.." /><br />
<input type="submit" value="Submit" />
</form>

Enter E-mail

xyz@gmail.com

Password

..

Submit

Attribute:

action = uri [CT] This attribute specifies a form processing


agent.
accept = content-type-list [CI] This attribute specifies a
comma-separated list of content types that a server processing
this form will handle correctly.
target = frame-target [CI] This attribute specifies the name of a
frame where a document is to be opened.
title = text [CS] This attribute offers advisory information about
the element for which it is set

<dl> </dl>

tag defines a definition list.


tag is used in conjunction with <dt> (defines the item in the list) and
<dd> (describes the item in the list).
Example:<dl>
<dt>Pani puri</dt>
<dd>- per dish 10.rs</dd>
<dt>Masala puri</dt>
<dd>- per dish 20.rs</dd>
</dl>

Pani puri
- per dish 10.rs
Masala puri
- per dish 20.rs

<ol> </ol>

tag defines an ordered list.


An ordered list can be numerical or alphabetical.
<li> tag to define list items.
Example:-

<ol>
<li>Coffee</li>
<ol>
1.hot
<li>hot 2.cold
<li>cold 2.Tea
</ol> 3.Milk
<li>Tea</li>22
<li>Milk</li>
</ol>

1.Coffee

<ul> </ul>

tag defines an unordered (bulleted) list.


<li> tag to create unordered lists.
Example:-

<ul>
<li>Coffee</li>
<ul>
<li>hot
<li>cold
</ul>
<li>Tea</li>23
<li>Milk</li>
</ul>

. Coffee
. hot
. cold
. Tea
. Milk

<input>

tag is used to select user information.


<input> elements are used within a <form> element to declare
input controls that allow users to input data.
Its tag only used with <form> tag.
By reference to view the slide no 19.

<select> </select>

tag is used to create a drop-down list.


The <option> tags inside the <select> element define the
available options in the list.
<select> element is a form control and is used to collect user
input.

<select>
<option>Rajkot</option>
<option>Gondal</option>
<option>Morbi</option>
<option>Jetpur</option>
</select>

Option
Button
Rajkot
Gondal
Morbi
Jetpur

Attribute:

multiple [CI] If set, this boolean attribute allows multiple


selections.
name = cdata [CI] This attribute assigns the control name.
size = number [CN] If a SELECT element is presented as a
scrolled list box,
tabindex = number [CN] This attribute specifies the position of
the current element in the tabbing order for the current
document.
style = style [CN] This attribute specifies style information for
the current element.

<textarea> </textarea>

tag defines a multi-line text input control.


A text area can hold an unlimited number of characters, and
the text renders in a fixed-width font
The size of a text area can be specified by the cols and rows
attributes
Example:<textarea rows="2" cols="20"> At this define a text area with
Rows 2 and Cols 20 </textarea>

<br>

tag inserts a single line break.

<hr>

tag creates a horizontal line in an HTML page.


Attribute:

align = left|center|right [CI]


width = length [CI] Deprecated. This attribute specifies the width
of the rule.
size = pixels [CI] Deprecated. This attribute specifies the height of
the rule.

The End..
Thank You...

Вам также может понравиться