Monday, 20 February 2017

HTML

body Tag


<body>...</body> Contains the viewed portion of the document

Attributes
Description
text Sets the default text color for the page
link Sets the color for un-followed links
vlink Sets the color for visited links
alink Sets the color for active links
bgcolor Sets the color for the page background
background Specifies what file to be used as a background image
title For tool tips


Formatting Tags


Tags
Description
<B> </B> Bold text
<I> </I> Italic text
<U> </U> Underlined text
<S> </S>or <STRIKE> </STRIKE> Strikethrough text
<SUP> </SUP> Superscript text
<SUB> </SUB> Subscript text
<big> </big>
Bigger text Makes text one size bigger
<small> </small>
Smaller text Makes text one size smaller
<tt> … </tt> typewriter text (e.g. Courier)
<blockquote> … </blockquote>Or <q> ----</q> quote
<br/> line break

Heading Tag


<h#>-----</h#> replace # with number 1-6

Attributes
Description
align="left/right/center" Sets the alignment of heading tag text content


Center Tag


<center>---</center> Text between tag is center


Comment Tag


<!-- comments go here --> Not desplay in browse


Horizontal Rules Tag

<hr/>

Create a horizontal line
Attributes
Description
noshade The line will be solid instead of shaded
size The thickness of the line in pixels
width Width of the line on the page in pixels or % of page width
align left/right/center
color Sets the colour of the line and makes it non-shaded.


Font Tag


<font>---</font> 

Attributes
Description
size from 1 to 7
color Changes the colour of the font
face Specifies the font face.


Paragraph Tag


  • Non Formatted Paragraph Tag
       <p>--</p>

Attributes:
align="left/right/center"
  • Pre Formatted Paragraph Tag With Fixed Width Text
       <pre>--</pre>


Images Tag


<img />

Attributes
Description
align
type (defines text position in relation to image)
alt 
text
border
pixels
height
pixels
width
pixels
hspace
pixels (horizontal space around image)
vspace
pixels (vertical space around image)
src 
URL of image file


List Tag


  • Unorderd List
         <ul>--</ul>
       Attributes
        type="disc/circle/square"
        <li>--</li>
       Attributes
        type="disc/circle/square"
  • Orderd List
        <ol>--</ol>
       Attributes
        type="1/a/A/i/I"
        start="define first no in orderd list"
         <li>--</li>
       Attributes
        type="1/a/A/i/I"
  • Data Definition List
        <dl>--</dl> Definition List
        <dd>--</dd> Item to be Defined
        <dt>--</dt> Definition


Table



  • Table Tag

<table>--</table>

Attributes
Description
align left/right/center (position of table on page)
background URL of image file
bgcolor colour name/code
border width ( pixels)
bordercolor colour name/code
cellpadding space around cel contents (pixels)
cellspacing space between cells (pixels)
cols number of columns
width pixels or percentage of browser window


  • Caption Tag


<caption>--<caption>

Attributes
align =" top/bottom/middle/right"

  • Table Row Tag


<tr>--</tr>

Attributes
Description
align left/right/center (cell contents – horizontal)
valign top/middle/bottom (cell contents – vertical)
bgcolor colour name/code

  • Table Cell Tag


<td>--</td>

Attributes
Description
align left/right/center (cell contents - horizontal)
valign top/middle/bottom (cell contents – vertical)
bgcolor colour name/code
background URL of image file
colspan number of columns cell is to span
rowspan number of rows cell is to span
width pixels or percentage of table width

  • Table Head Cell


<th>--</th>

Note: Table head cell by default bold and center.


Anchor Tag


Anchor tag is used to create a link or a hyperlink.
<a>--</a>
Attributes
href="url"
target="name"

Email link

<a href="mailto: you@domain.com">click here.. </a>


Frame


  • Frameset Tag

<frameset>--</frameset>
It's specifies the layout of subsections in the main browser window.
Attributes
Description
rows=”value,value” Defines the rows within a frameset
cols=”value,value” Defines the columns within a frameset

  • Frame Tag

<frame/>
Attributes
Description
src=”#”  Defines the appearance and content of a single frame
name=”name” Labels the frame for targeting by other frames
marginwidth=”#” Sets the margin width of a frame
marginheight=”#” Sets the margin height of a frame
scrolling=”value”  Creates a frame scrollbar
noresize Prevents the resizing of a frame


Marquee Tag


<marquee>--</marquee>

Attributes
Description
width
height
hspace
vspace
bgcolor
behavior=" scroll/slide/alternate " (default is scroll)
direction=" left/right/up/down " (default is left)
loop=" " (default is infinity)
scrolldelay="slow/fast/500 = half a second " (default is 85)
truespeed
scrollamount="fast/slow " (default is 6)


Embed Tag


<embed />

Example:
<embed src="example.wav" autostart="false" loop="3" hidden="false" volume="50" width="180" height="40"/>
Attributes
Description
src=" "  the URL of the object data
autostart="true/false " true : the sound starts automatically
false : the sound doesn't start automatically
loop="true/false " true : repeats infinitely
false : only once number : the number of repeats
hidden="true/false " true : the control bar is not displayed
false : the control bar is displayed
volume=" "  sets the volume (a number from 0 to 100)
width=" "
height=" "


form


<form action="script_url" method="POST/GET">--------</form>

Input Tag


<input />

Attributes
Description
type="value" The value can be text/password/checkbox/radio/image/hidden/submit/reset
name="value" Identifies the input field
value="value" Default value, not required
checked Default selection(Checkboxes and radio buttons only)
size="#"  Input size
maxlength="#" Maximum input length


Selection List


  • Select Tag

<select>--</select>

Attributes
Description
name
size Number of options shown(How many options shown at once)
multiple Allows more than one choice

  • Option Tag

<option>--</option>

Attributes
Description
value
selected Default option

  • Option Group Tag

<optgroup label="value"></optgroup>

Example:
<html>
<body>
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>

</body>
</html>


Textarea Tag

It is used to input multiple line text input
<textarea ></textarea>
Attributes
Description
name="value"
rows="#"
cols="#"
wrap="off/hard/soft" Multi-line text-wrap


Group box

<FIELDSET>
<LEGEND><b>Step One: Personal Information</b></LEGEND>
Name: <INPUT TYPE="text" SIZE="20">
Email: <INPUT TYPE="text" SIZE="20">
</FIELDSET>
-

2 comments:

Please write your view and suggestion....

Subscribe to: Post Comments (Atom)