studiobast logo    TOOLS FOR STUDENTS


GrabIt Code

 

A Basic Table Layout Page

 

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

 

<head>

<!--THEN required title tag - remember to rename for each web page-->
<title>Basic XHTML Template Page </title>

 

<!--THEN required meta tags - remember to personalize for each web page-->

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

<meta name="author" content="YourName" />
<meta name="copyright" content="YourName or Company " />
<meta name="Description" content="Web design and development, YourName." />
<meta name="Keywords" content="web design, xhtml, web page, pick some relevant words " />

 

<!-- FTP: edison.seattlecentral.edu Login:yourlogin - STOP USING before real client work to preserve FTP Security-->
<!-- http://edison.seattlecentral.edu/~yourlogin/web110/ -->

<!-- To validate - http://validator.w3.org/#validate_by_input -->

<!--THEN optional style section, currently commented out

<style type="text/css">

/*Use this comment style within style tags */

</style>

-->


</head>

 

<body>

<!--PAGE LAYOUT USING TABLE STRUCTURE BEGINS HERE-->

 

<table style="border:2px #000 solid; width:100%;>

 

<tr>
<td colspan="2" style="vertical-align:top; border:1px #000 dashed;">

<!--BANNER AND WEB SITE IDENTIFICATION HERE-->
<h1>Banner color, images, and text here</h1>

</td>
</tr>

 

<tr>

 

<td style="width:22%; border:1px #000 dashed; vertical-align:top;">
<!--NAVIGATION HERE -->
<p>Navigation Links here</p>
</td>

 

<td style="width:78%; vertical-align:top; border:1px #000 dashed;">

<!--CONTENT TEXT AND IMAGES HERE -->

<p>Place web page content info in here - nested tables, text, images, media, etc.</p>

</td>
</tr>

 

<tr>
<td colspan="2" style="vertical-align:top; border:1px #000 dashed;">

<!--FOOTER HERE -->
<p>Place web page footer info here - your name, copyright, and links for validation, disclaimer, home page, and contact form

</p>
</td>
</tr>

 

</table>

<!--PAGE LAYOUT USING TABLE STRUCTURE ENDS HERE-->

 

</body>

</html>