Showing posts with label html coding. Show all posts
Showing posts with label html coding. Show all posts

Wednesday, 14 September 2011

HTML Tables and the Border (complete tag)

Table is made-up of rows and column, rows and horizontal lines and columns are vertical lines, where the rows and columns are intersect with code other is called cell.
Table can be created by using the table elements using start and end tag.
<table>………………………………</table>
Table is rewired one set of <tr>…………….</tr> it represent for table row and eves row is required a cell, cell is represented by <td>………………</td>
The structure of table is look like this:
<Table>
<tr>
<td>……..</td>
</tr>
</table>
Sample table and structure:
<table>
<tr>
<td>name</td><td>course</td>
</Tr>
</table>
Output of the table:
Name   course
If you want to show the border of the table it needed to add the border in the table tag like this:
<table border>
Name
Course
Fee
p. No
Abc
Cca
-----
-------

Table border thicknes:
Used to change the border lines of the table in thick
<table border = “2, 3, 4, 5, etc”>
Table cell spacing: used to give space between cells.
<table cellspacing=”1, 2, 3, 4 etc”>
Table cell padding: It is used to give space in the cell or outside area of the text.
<table cellpadding=”1, 2, 3, 4 etc”>
<Table bg color>: this tag can be used to change the back around color of the table.
<table bg color= “color name”>
<Table background>: this tag can be used to insert the image in the background of the table.
<table background=”source of image\image name. Extension”>
<Table width>:- this tag is used of change the width of the table.
Alignment of cell: - it is used to arrange the text in the cell . these are two type of alignment used in table tags.
(1)   Horizontal alignments
(2)   Vertical alignments
Horizontal alignment is used to arrange text horizontally in 4 type.
(a)    Left alignment
<td align=”left”>
(b)   Center alignment
<td align=”center”>
(c)    Right alignment
<td align=”right”>
(d)   Justify alignment
<td align=”justify”>
Vertical alignment is used to arrange the text of cell in vertical .3 type of alignment used in table of vertical.
(1)    Top alignment
<td align=”top”>
(2)    Middle alignment
<td align=”middle”>
(3)    Bottom alignment
<td align=”bottom”>

Colspan:- colspan is used to merge the columns of the table.
This tag is type in td toy.
<td colspan=”number of column”>

Rewspan: - it is used to merge the rows in the table.
The is also type in td tag
<td rowspan=”number rows”>
Color of Cell: - we can change the color of cell in the table with the <td=color name”>
Posted by at No comments:
Labels: ,

Tuesday, 30 August 2011

HTML CODING (SUPER SCRIPT, SUB SCRIPT AND UNORDERED LIST)


SUPER SCRIPT:
We make super script to any character or it is used for power creation.
e.g. x2+y2
TAG FOR SUPER SCRIPT:
It is always start  from <sup> and close with </sup>
Example: x<sup>2</sup>+y<sup>2</sup>
SUBSCRIPT:
We make sub script to any character or it is used to creat chemical equations
e.g. c6 h12 o6 h2o etc.
TAG FOR SUB SCRIPT:
It is always start from <sub> and close with </sub>
Example:
C<sub>6</sub>H<sub>12</sub>o<sub>6</sub>
STRIKE THROUGH:
We can strike through any word or sentence
TAG FOR STRIKE THROUGH:
It is always start from <strike>and close with</strike>
PRE:
This is used to read the same formet of your html editor as, space, tab,enter all the things which you can want to use in your editor(notepad)
It is always start from <pre> and close with </pre>
<pre>name       add      course  city      duration           fee
Enter record below the field same as field by using tab key.
UL (UNORDERD LIST):
It is used to creat the ul crdesed list or bullet list in your web page.
It is always start from <ul>and closed with </ul> but <li> is the most important tag. It is always typed between the <ul>
                        <li>
                       </ul>
Every <li> tag shows bullets on the web page
Posted by at No comments:
Labels: , ,

Monday, 29 August 2011

HEXADECIMAL COLOR CODES

BACKGROUND:
   two types of back ground can be fill in the background of the
   webpage.
   1. fill color on the background
   2. fill images in the background.
color tag:
  <body bgcolor="color name">

FILL IMAGE IN THE BACK GROUND:
  <body background="image source\image name.extension">

INSERTING IMAGE ON THE WEB PAGE:
   <Img Src=”Source Of Image\Image Name.Extension\Width=” In Pixels” Height=” In Pixels”>

DL TAG
     The <dl> tag defines a definition list.

The <dl> tag is used in conjunction with <dt> (defines the item in the list in your web page) and <dd> (describes the item in the list on your web page).

HOW TO USE DL TAG:
<dl>
   <dt>main</dt>
     <dd>-sub</dd>
   <dt>main</dt>
     <dd>- sub</dd>
 </dl>

HEXADECIMAL COLOR CODES:

black(Safe 16 SVG Hex3) #000000  
midnightblue(Safe Hex3) #000033                 navy(16 SVG) #000080       
darkblue(SVG) #00008B       
newmidnightblue #00009C                              mediumblue(SVG) #0000CD          
blue2(Hex3) #0000EE           
blue(Safe 16 SVG Hex3) #0000FF                  pinegreen(Safe Hex3) #003300       
cichlid #003EFF        
sign blue #003F87                                             dumpster #004F00   
celtics #00611C         
darkgreen(SVG) #006400                                starbucks(Safe Hex3) #006633        
deepskyblue4 #00688B         
sign green #006B54                                          slateblue #007FFF   
green(16 SVG) #008000        
teal(16 SVG) #008080                                      turquoise4 #00868B 
green4 #008B00         
springgreen4 #008B45                                      darkcyan(SVG) #008B8B   
irish flag(Safe Hex3) #009900           
skyblue5(Safe Hex3) #0099CC                        deepskyblue3 #009ACD     
truegreen #00AF33    
deepskyblue2 #00B2EE                                   deepskyblue(SVG) #00BFFF          
turquoise3 #00C5CD 
turquoiseblue #00C78C                                    emeraldgreen #00C957        
green3 #00CD00        
springgreen3 #00CD66                                     cyan3 #00CDCD     
darkturquoise(SVG) #00CED1         
turquoise2 #00E5EE                                         green2(Hex3) #00EE00       
springgreen2 #00EE76           
cyan2(Hex3) #00EEEE                                    turquoise1 #00F5FF 
mediumspringgreen(SVG) #00FA9A
lime(Safe 16 SVG Hex3) #00FF00                springgreen(Safe Hex3) #00FF33     
neonavocado(Safe Hex3) #00FF66   
springgreen(SVG) #00FF7F                            seagreen(Hex3) #00FFAA    
light teal(Safe Hex3) #00FFCC         
aqua(Safe 16 SVG Hex3) #00FFFF               cyan(Safe 16=aqua SVG Hex3) #00FFFF   
ty nant #0147FA        
topaz #0198E1                                                 mouthwash #01C5BB          
picasso blue #0276FD
gray1 #030303                                                 manganeseblue #03A89E     
gray2 #050505           
cerulean #05B8CC                                           indiglo #05E9FF       
teal LED #05EDFF   
sea green #068481                                           gray3 #080808          
gray4 #0A0A0A        
permanentgreen #0AC92B                               police strobe #0BB5FF        
gray5 #0D0D0D        
banker's lamp #0E8C3A                                   diamond blue #0EBFE9      
gray6 #0F0F0F          
turquoise #0FDDAF                                         dodgerblue4 #104E8B         
malachite #108070     
ultramarine #120A8F                                         gray7 #121212        
garden hose #138F6A
gray8 #141414                                                   ulysses butterfly #1464F4   
gray9 #171717           
masters jacket #174038                                      dodgerblue3 #1874CD       
midnightblue(SVG) #191970
gray10 #1A1A1A                                              alaska sky #1B3F8B           
6 ball #1B6453           
gray11 #1C1C1C                                               dodgerblue2 #1C86EE       
peafowl #1D7CF2     
bottle green #1DA237                                                   dodgerblue(SVG) #1E90FF           
gray12 #1F1F1F        
lightseagreen(SVG) #20B2AA                          emerald city #20BF9F        
gray13 #212121         
packer green #213D30                                        huntergreen #215E21         
indigo2 #218868        
delft #22316C                                                     forestgreen(SVG) #228B22           
navyblue #23238E     
steelblue #236B8E                                               seagreen #238E68 
gray14 #242424         
gray15 #262626                                                   blue spider #26466D         
royalblue4 #27408B   
pabst blue #283A90                                             cooler #284942      
  
and many more
Posted by at No comments:
Labels: ,

Thursday, 18 August 2011

SETTING THE MARGIN OF THE WEB PAGE

we can easily set the margin of the web page through margin tag the there are two types of margins can be used in html.
1- top margin
2- left margin
if you set 72 pixels in the margin it means you have set 1 inch margin, the margin tag is always start in the body tag like this <body topmargin="72" leftmargin="72"> both top and left margins tag is inclued in the body tag, after setting the left and top margin no need to set margins from righ and botton of the page it will automatically adjust.

HEADINGS IN HTML:
  Heading tags is simply used to create headings in html in different sizes it 1-6 sizes headings, heading tags is always start from <H>......and closed on </H>
HEADING SIZES:
  <h1> this tag contains the smallest size of the heading</h1>
  <h2> this tag is bigger than h1 tag</h2>
  <h3> this tag is bigger than h2 tag</h3>
  <h4> this tag is bigger than h3 tag</h4>
 <h5> this tag is bigger than h4tag</h5>
 <h6> this tag is bigger than all heading tags</h6>
if you want to write heading bigger to small  type these tags from <h6> to <h1>
  <h6> this tag is bigger than all heading tags</h6>
  <h5> this tag is smallest than h6 tag</h5>
  <h4> this tag is smallest than h5 tag</h4>
  <h3> this tag is smallest than h4 tag</h3>
  <h2> this tag is bigger than h3 tag</h2>
 <h1>this tag contains the smallest size of the heading </h1>

Background color:

we can change the color of the background of the web page with the help of this tag it always start from <body bgcolor="color name"> no need to close this tag it is single tag.
Posted by at No comments:
Labels: ,
Subscribe to: Posts (Atom)