4 Tag Template Shaded Version
This template example demonstrates the use of columns on a web page.
The header section of the document is divided into 3 equal columns and we created pictures with equal dimensions of 400 pixels wide and 300 pixels high. We placed a single image in each column.
The header example is one that we've found on a lot of websites. The difference in our design and their's is that ours conforms to the size of the visiting device's display and most of their's do not.
Resize your browser window to the size of a tablet and watch as the page adjusts. You can even view this web page on a cell phone in landscape view with no problems.
If you choose this template design and want to use colors instead of the gray shading, you should visit our Web Design tutorial and study the lesson on using related colors in a website. You might also find our free Color Tool helpful.
Reliable Web Hosting
for $39 a Year
We've been on the internet since 1997. Tried a lot of web hosting services before we settled on the one we've been using for the last 15 years.
Bizarre periods of downtown and Tech Services that took 24 hours or more to answer trouble tickets led us to what we now sell as CaFW Web Hosting.
Finish your website and enjoy the same web hosting we use. We sell LiquidNet web hosting in the form of CaFW Web Hosting. Compare our features with other more expensive packages. No hidden costs and a free domain name as long as you stay with us.
The 4 HTML Tags
Build your website using these 4 tags.
H tag.
Paragraph Tag.
Image Tag.
Anchor Tag.
Use the h Tag <h></h> to add headings to your pages and paragraphs.
Use the paragraph tag <p></p> to add content to your web page.
Use the image tag <img> to add pictures to your web page.
Use the anchor tag <a></a> to link your web pages together.
Looking at HTML code
Here's the HTML code for a portion of this web page.
The tags you'll be learning to recognize and use are in bolded text.
<div class="main-content">
<h1>4 Tag Template</h1>
<img class="right" src="images/4-tag-image.gif" alt="Placing pictures on web pages">
<p>Need a Crash Course on building websites? Want to put your site on the Net for the lowest annual cost and still get great service?</p>
<p>This simple template can be modified to build the website that you always wanted. You simply add your own content in the form of headings,paragraphs and pictures, then link multiple web pages together using the anchor tag.</p>
<p>We'll provide resources along the way to increase your knowledge if you choose.</p>
<p>We'll also provide different HTML code versions that rearrange the paragraphs and pictures and use different settings in the universal style sheet to change the appearance.</p>
<p class="clear"> </p>
<h2>Reliable Web Hosting for $39 a Year</h2>
<p>We've been on the internet since 1997. Tried a lot of web hosting services before we settled on the one we've been using for the last 15 years.</p>
<p>Bizarre periods of downtown and Tech Services that took 24 hours or more to answer trouble tickets led us to what we now sell as <strong>CaFW Web Hosting</strong>.</p>
<p>Finish your website and enjoy the same web hosting we use. We sell <strong>LiquidNet</strong> web hosting in the form of <a href="http://www.cafwhosting.com" target="_blank">CaFW Web Hosting</a>. Compare our features with other more expensive packages. No hidden costs and a free domain name as long as you stay with us.</p>