Saturday, January 12, 2019

LAYOUT USING TABLES

LAYOUT USING TABLES :   

The layout using Tables are the simplest and most popular way of creating layouts . These tables are arranged in columns and rows, so it can utilized in many ways according to the need .

EXAMPLE:-

<html>
<head>
<title>Layout using Tables</title>
</head>
<body>



<table width="100%" border="0">
<tr>
<td colspan="2"bgcolor="steelblue">
<center>  
<h1>BIG CATS</h1>
</center>
</td>
</tr>


<tr valign="top">

<td bgcolor="#48D1CC" width="50">
<b>Main Menu</b><br />
Tiger<br />
Lion<br />
Cheetah
</td>

<td bgcolor="#eee" width="100" 
height="200">
The tiger (Panthera tigris) 
is the largest cat species
</td>

</tr>


<tr>
<td colspan="2"bgcolor="steelblue">
<center>
Copyright  2019
</center>
</td>
</tr>

</table>
</body>
</html>

OUTPUT:-  
sk.


By at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Internal Javascripts

Internal Javascripts :    The script code can be written directly into the HTML document. script code is placed in header of the docume...

  • Formatting document owner information.
    Information with the <address> element:-   <html> <body> <p>The HTML address element defines contact informati...
  • IFRAME EDITING THE BORDER
    IFRAME EDITING THE BORDER : The border of the Iframe can be edited and changed according to the needs , By default, an iframe has a blac...
  • Href attribute
    HTML HREF ATTRIBUTE:- <html> <body> <h2>Href Attribute</h2> <p>HTML links are defined with the a tag. T...