HTML Division Samples

HomePage.
html
<HTML><HEAD><TITLE>HomePage</TITLE></HEAD>
<BODY>
This is HomePage
<HR>
<MARQUEE>WWW.BOOKS.COM</MARQUEE>
<IMG SRC="im.jpg" height="30%" width="40%">
<PRE>
<A HREF="HomePage1.html">Home Page</A>
<A HREF="Registration1.html">Registration User Login</A>
<A HREF="UserProfile1.html">User Profile Page</A>
<A HREF="BooksCatalog1.html">Books Catalog</A>
<A HREF="ShoppingCart1.html">Shopping Cart</A>
<A HREF="Payment1.html">Payment By CreditCard</A>
<A HREF="OrderConfirmation1.html">Order Confirmation</A>
</PRE></BODY></HTML>
Registration1.html
<HTML><HEAD><TITLE>Registration</TITLE></HEAD>
<BODY>This is Registration User Login<HR>
<IMG SRC=".\book.gif" height="30%" width="40%">
<PRE><A HREF="\WEBSITE\HomePage.html">Home Page</A>
<A HREF=".\HomePage1.html">Home Page</A>
<A HREF=".\Registration1.html">Registration User Login</A>
<A HREF=".\UserProfile1.html">User Profile Page</A>
<A HREF=".\BooksCatalog1.html">Books Catalog</A>
<A HREF=".\ShoppingCart1.html">Shopping Cart</A>
<A HREF=".\Payment1.html">Payment By CreditCard</A>
<A HREF=".\OrderConfirmation1.html">Order Confirmation</A>
</PRE><FORM><pre>
Enter your Name :<INPUT TYPE="TEXT">
Enter Password :<INPUT TYPE="PASSWORD">
Confirm Password:<INPUT TYPE="PASSWORD">
Gender :<Input type="Radio" name="R1" value="Male">Male
<Input type="Radio" name="R1" value="Female">Female
Country :<select><option selected>Select Country</option>
<option value="ind">India</option>
<option value="usa">United States of America</option>
<option value="eng">England</option>
<option
value="aus">Australia</option>
<option value="ger">Germany</option>
<option
value="pol">Poland</option>
</select><center><Input type="submit"><input
type="reset"></center>
</pre></form></BODY></HTML>
USERLOGIN1.HTML:<html><head><title>UserLogin</title></head>
<body>
1
<PRE><A HREF="\WEBSITE\HomePage.html">Home Page</A>

</PRE>
UserId : <input type="text" id="uid"><br/>
Password: <input type="text" id="pwd"><br />
<br/><input type ="button" value ="LogIn">
</body></html>
PAYMENT1.Html:<HTML><HEAD><TITLE>Payment By Credit Card</TITLE></HEAD>
<BODY>
<PRE>
</PRE>
<table border=0 cellpadding=0 cellspacing=0 width=400>
<tr><th>What will it take to pay off my credit card?</th></tr>
<tr><td align=center>
<table cellpadding=2 cellspacing=0>
<tr><td align="right">Enter your credit card balance:
$</td><td><input size=6
type=text id="cwBalance"></td></tr>
<tr><td align="right">Enter the credit card's interest rate:
</td><td><input size=6
type=text id="cwRate">%</td></tr>
<tr><td align="right">Enter payment amount per month:
$</td><td><input size=6
type=text id="cwMonthlyAmount"></td></tr>
<tr><td align="center"><b>or</b></td><td> </td></tr>
<tr><td align="right">Enter desired months until debt free:
</td><td><input
size=6 type=text id="cwDesiredMonths"></td></tr>
<tr><td colspan=2 align="center"><input type=button
value="Calculate"
onclick="cwCalc();"></td></tr>
2
<tr><td colspan=2 align="center" id="cwResult"></td></tr>

</table></td></tr>
</table>
</BODY></HTML>
<div id="mydiv">
This text is large and bold and uses small capitals.
</div>
#mydiv {font-variant: small-caps;
font-size: 1.5em; font-weight: bold; }
<div id="copy">
© ELATED 2006
<div>
#copy { position: absolute; right: 10px; bottom: 10px; }
<div id="header">
<img src="header_image.jpg"
width="100%" height="50" alt="header image">
</div>
<div id="menu">
home | diary | photo gallery | contact
</div>
<div id="content">
<h1>Welcome</h1>
<p>to my site...</p>
</div>
#header { position: absolute; top: 0px; left: 0px;
width: 100%; }
#menu { position: absolute; top: 50px; left: 0px;
width: 100%; height: 10px;
background-color: #333366; color: #FFFFFF"}
#content { position: absolute; top: 65px; left: 0px;
width: 100%; background-color: #FFFFFF;
color: #000000"}
<div id="container">
<div id="copy">
© ELATED 2006
<div>
<div>
#container {position: relative; width: 100%; height: 125px;}
#copy {position: absolute; right: 10px; bottom: 10px;}
#mydiv1 { position: absolute; left: 25%; width: 50%;
height: 50px; overflow: auto; }
#mydiv2 { position: absolute; left: 25%; width: 50%;
height: 50px; overflow: hidden; }
#mydiv3 { position: absolute; left: 25%;
width: 50%; height: 50px; overflow: visible; }
#mydiv4 { position: absolute; left: 25%;
width: 50%; height: 50px; overflow: scroll; }
#mydiv1 { z-index: 1; }
#mydiv2 { z-index: 2; }
<div id="menu"> <a href="index.html">Home</a> | <a href="about.html">About Us</a> |

<a href="faq.html">FAQ</a> | <a href="contact.html">Contact Us</a> </div>
<div id="menu" style="background: #d3e7dd;"> <a href="index.html">Home</a> | <a
href="about.html">About Us</a> | <a href="faq.html">FAQ</a> | <a
href="contact.html">Contact Us</a> </div>
<html> <head> <title>div and span layout</title> </head> <body> <div id="leftMenu"
style="float: left; height: 108px; background: #f4f4f4; color: #035A85; font-family: Verdana,
Arial, Helvetica;"> <a href="/html/">HTML</a> <br /> <a href="/css/">CSS</a> <br /> <a
href="/javascript/">Javascript</a> </div> <div id="rightMenu" style="float: left;
background: #eee; color: #4f4f4f; font-family: Verdana, Arial, Helvetica;"> <span
style="color: #777778; font-weight: bold;"> Web tutorials </span> for all! </div>
</body> </html>

HTML Division Samples

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

HTML Division Samples

Hochgeladen von

Copyright:

Verfügbare Formate

HomePage.

<PRE><A HREF="\WEBSITE\HomePage.html">Home Page</A>

<tr><td colspan=2 align="center" id="cwResult"></td></tr>

<div id="menu"> <a href="index.html">Home</a> | <a href="about.html">About Us</a> |

Das könnte Ihnen auch gefallen