History on the Net Group Button

View Cart     Checkout     Contact  

History on the Net Group Website Design Services



 

 + Larger Font | - Smaller Font

HTML Code

 

Web pages are written in Hypertext Markup Language (HTML), use hyper links to navigate to other pages and scripts for interactivity.

The code can be written in a simple text editor such as Notepad or a WYSIWYG (what you see is what you get) design tool that generates the HTML code for you.

The pictures below show the main page of our History on the Net website written in Notepad (left) and in Microsoft FrontPage (right).

HTML code in notepad  HTML code in FrontPage

HTML code is essentially an instruction that tells the viewer's internet browser how to display information, images and code.

Each piece of HTML code is known as a HTML tag and is enclosed by < > brackets. All tags used need to be both opened and closed. E.g. <p> will open a paragraph </p> will close a paragraph.

Each webpage should include tag to show the code language used as well as a Head and body section. Information in the Head section is used by search engines and is not visible to the user. Information in the body section is visible to the user. A webpage code will look something like this:

<HTML>
<Head>
<meta name="keywords" content="keywords for this page">
<meta name="description" content="brief description of what is on the page">
<title>The title of your page</title>

<body>

Information written here will be visible to viewers of your page

</body>
</HTML>

 

HTML Code Tags

Tag Description Code View Browser View
<a Anchor <a href="www.historyonthenetgroup.co.uk/webdesign">Visit this site</a> Visit this site
<b> Bold <b>bold text</b> bold text
<bg color> Background colour <bgcolor="red">  
<body> Body <body>your webpage</body> your webpage
<br> Line break a line of text<br>another line of text a line of text
another line of text
<center> Center <center>centre position</center>
centre position
<font> Font <font face="Times New Roman">Times New Roman</font> Times New Roman
<font> Font <font face="Times New Roman" size="5">Times New Roman</font> Times New Roman
<font> Font <font face="Times New Roman" size="5" color="red">Times New Roman</font> Times New Roman
<form> Form <form action="mailto:you@yourdomain.com">
Name: <input name="Name" value="" size="16"><br>
Email: <input name="Email" value="" size="16"><br>
<center><input type="submit"></center>
</form>
Name:
Email:
<h1> Heading 1 <h1>Heading 1</h1>

Heading 1
<h2> Heading 2 <h2>Heading 2</h2>

Heading 2
<h3> Heading 3 <h3>Heading 3</h3>

Heading 3
<h4> Heading 4 <h4>Heading 4</h4> Heading 4
<h5> Heading 5 <h5>Heading 5</h5> Heading 5
<h6> Heading 6 <h6>Heading 6</h6> Heading 6
<head> Head <head>text here will not show up</head>  
<hr> Horizontal rule <hr>
<hr> Horizontal rule <hr width="50%" size="3">
<hr> Horizontal rule <hr width="50%" size="3" color="red">
<i> Italic <i>italic text</i> italic text
<li> List <li>first</li><li>second</li><li>third</li>
 
  • first
  • second
  • third
    		•
    <marquee> Marquee <marquee bgcolor="#ccccff" loop="-1" scrollamount="2" width="100%">Marquee</marquee> Marquee
    <menu> Menu <menu><li>first</li><li>second</li><li>third</li></menu>
  • first
  • second
  • third
    		•
    <ol> Ordered list <ol><li>first</li><li>second</li><li>third</li></ol>
    1. first
    2. second
    3. third
    <option> Form Option <form method="post" action="cgi-bin/sendform.cgi">choose an option<select><option 1>option 1<option 2>option 2<option 3>option 3</select></form>
    choose an option
    <p> Paragraph <p align="left">paragraph aligned left</p>

    <p align="center">paragraph aligned centre</p>

    <p align="right">paragraph aligned right</p>

    paragraph aligned left

    paragraph aligned centre

    paragraph aligned right
    <table> Table <table border="1" width="85%" id="table1">
    <tr><td>column 1</td><td>column 2</td></tr>
    <tr><td>row 2</td><td>row 2</td></tr>
    </table>
    column 1column 2
    row 2row 2
    <td> Table data <table border="1" width="85%" id="table1">
    <tr>
    <td>column 1</td><td>column 2</td><td>column 3
    </tr>
    </table>
    column 1column 2column 3
    <tr> Table row <table border="1" width="85%" id="table1">
    <tr bgcolor="red">
    <td>column 1</td><td>column 2</td><td>column 3 </td></tr></table>
    column 1column 2column 3
    <u> Underline <u>Underline</u> Underline
    <ul> Unordered list <ul><li>first</li><li>second</li><li>third</li></ul>
     
    • first
    • second
    • third

     

     

    Do it Yourself   Web Hosting   Domain Names   Design Services   Portfolio    Contact

    AddThis Social Bookmark Button

    History on the Net Group Button
    A History on the Net Group Website

     

    Updated 26/04/2008


    Copyright © History on the Net Group 2007 All rights reserved

    The History on the Net Group
    History on the Net    Natural History on the Net    Additional Needs Net
    History on the Net Shop
    History on the Net Group Website Design



    Valid HTML 4.01 Transitional