Posts
HTML LAYOUT
<html>
<body>
<div id="container" style="width:500px">
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>
<div id="menu" style="background-color:#FFD700;height:200px;width:100px;float:left;">
<b>Menu</b><br />
HTML<br />
CSS<br />
JavaScript</div>
<div id="content" style="background-color:#EEEEEE;height:200px;width:400px;float:left;">
Content goes here</div>
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright © http://netmoneypress.blogspot.com/</div>
</div>
</body>
</html>
Main Title of Web Page
Content goes here
HTML colour codes
|
|
|
HTML TAGS
html elementsAn element consists of three basic parts: an opening tag, the element's content, and finally, a closing tag. <p> - opening paragraph tag Element Content paragraph words </p> - closing tag Every (web)page requires four critical elements: the html, head, title, and body elements. the <html> element...</html> <html> begins and ends each and every web page. Its sole purpose is to encapsulate all the HTML code and describe the HTML document to the web browser. Remember to close your HTML documents with the corresponding </html> tag at the bottom of the document. Image background <table height="100" width="150"
background="http://www.tizag.com/pics/htmlT/background.jpg" >
<tr><td>This table has a background image</td></tr>
</table> |
|
IMAGE FRAMES
<a href="http://www.espn.com" target="_blank"> <img src="ahman.gif"> </a>
Image Link:
HTML5 VIDEO CODE
<object width="425px" height="360px" >
<param name="allowFullScreen" value="true"/>
<param name="wmode" value="transparent"/>
<param name="movie" value="http://mediaservices.myspace.com/services/media/embed.aspx/m=5385825,t=1,mt=video,searchID=,primarycolor=,secondarycolor="/>
<embed src="http://mediaservices.myspace.com/services/media/embed.aspx/m=5385825,t=1,mt=video,searchID=,primarycolor=,secondarycolor=" width="425" height="360" allowFullScreen="true" type="application/x-shockwave-flash" wmode="transparent"/>
</object>
RESULT
SCROLL BOX CODE
<!-- HTML Codes by Quackit.com -->
<div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
</div>
<p style="font-size:10px;"><a href=" http://netmoneypress.blogspot.com/ ">HTML lessons</a></p>
SCROLL BOX CODE
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
<form action="/html/tags/html_form_tag_action.cfm" method="get">
<table>
<tr>
<td>First name:</td>
<td>
<input type="text" name="first_name" value="" maxlength="100" />
</td>
</tr>
<tr>
<td>Lunch:</td>
<td>
<input type="radio" name="lunch" value="pasta" /> Pasta
<input type="radio" name="lunch" value="rissotto" /> Rissotto
</td>
</tr>
<tr><td>Drinks:</td>
<td>
<input type="checkbox" name="drinks" value="beer" /> Beer
<input type="checkbox" name="drinks" value="wine" /> Wine
</td>
</tr>
<tr><td>Preferred City:</td>
<td>
<select>
<option value ="sydney">Sydney</option>
<option value ="melbourne">Melbourne</option>
<option value ="cromwell">Cromwell</option>
<option value ="queenstown">Queenstown</option>
</select>
</td>
</tr>
<tr>
<td>Comments:</td>
<td>
<textarea rows="3" cols="20" name="comments"></textarea>
</td>
</tr>
<tr><td> </td>
<td>
<input type="submit" value="Submit" />
</td>
</tr>
</table>
AFTER EFFECT