HOW TO UPDATE YOUR CURRENT HTML TEMPLATE
- HIGHLIGHT the html code (blue text) below and COPY (CTRL+C).
- OPEN your current HTML (master) template file in Notepad (or another text editor) and
- HIGHLIGHT (CTRL+A) all of your old HTML Template code and
- PASTE (CTRL+V) the new code to replace the old.
- SAVE with the same name.
<!DOCTYPE html>
<html>
<head>
<title>HTMLTemplate</title>
<style type="text/css">
h1 {color:red;}
h2 {color:blue;}
p {color:purple;}
</style>
</head>
<body style="background-color:lightblue;" text="#000000">
<h1 align="middle">HTML Template</h1>
<p align="middle">
<h3 align="middle">This is my HTML master template for new web pages.
<br/>Update: 3</h3>
</p>
<br/>
<hr align="middle" width="75%">
<p><b>"JavaScript" TAG: CLICK "View Source" and COPY/PASTE to insert the JavaScript
tag into the "body" section of your web page.</b>
<br/><script type="text/javascript">document.write('The "script" tag allows you to place a
script within your HTML documents.');
</script>
</p>
<br/>
<p><b>"CSS" TAG: CLICK <q>View Source</q> and COPY/PASTE to insert CSS into the
"head" section of your web page.</b>
<br/>The CSS tag in the "head" section is an internal CSS function, which controls all tags
in your web page (e.g. "h1") with one line of code.</p>
<br/>
<p><b>"UL" TAG: Here is how to make a list of items using the "ul" or "Unordered List
(bullets)" tag:</b>
<ul>
<li>chocolate</li>
<li>vanilla</li>
<li>raspberry</li>
<li>kiwi</li>
<li>cookies n' cream</li>
</ul>
</p>
<br/>
<p><b>"OL" TAG: Here is how to make a list of items using the "ol" or "Ordered List
(numbers)" tag:</b>
<ol>
<li>Giants</li>
<li>A's</li>
<li>Cubs</li>
<li>Dodgers</li>
<li>Angels</li>
</ol>
<br/>
<p><b>EXPLORE & LEARN MORE TAGS: Click these HTML resource links to learn other
fun tags: </b></p>
<p>
<a href="http://www.w3schools.com">w3schools</a>...tutorials and tags!
<br/>
<a href="http://www.htmlbasics4kids.blogspot.com">HTML4Kids</a>...HTML Master
Template and more!
<br/>
<a href="http://www.quackit.com/html/codes/html_marquee_code.cfm">Quackit Scrolling
Marquee</a>...very cool tags!
<br/>
<a href="http://www.images.google.com">Google Images</a>...internet photos!
</p>
<br/>
<p><b>GO TO NEW PAGE: Here is the tag for a link to another web page stored in your
"WebDesign" folder:</b>
<br/>
<a href="../WebDesign/filename.htm">pagename</a>
</p>
<br/>
<p><b>MY PHOTO: Here is the tag to insert a photo on my web page stored in my
"WebDesign>images folder":
<br/>
<img src="w3schools.jpg" alt="My Photo" width="--" height="--" />
</b></p>
<br/>
<p><b>INTERNET PHOTO: Here is the tag to insert a photo on my web page stored on an
internet website (outside of my "WebDesign>images" folder):
<br/>
<img src="http://www.deshow.net/d/file/animal/2009-07/wild-lions-645-2.jpg" alt="Internet
Photo" align="middle" width="50%" height="50%" />
</b></p>
</body>
</html>
No comments:
Post a Comment
Please leave your comment below: