HTML

Introduction

HTML - Hypertext Markup Language
HTML files must have an .htm or .html extension
HTML files are text files which contain markup tags to tell the web browser how to display the page.
Markup tags are surrounded by angle brackets.
Markup tags come in pairs.
Many of the tags have presentation attributes that can be used to adjust their effects.
The use of many of these presentation attributes has been deprecated and it is better to use styles.

Document tags

html
head
title
body (bgcolor, background, text, link, vlink, alink)

Example:

<html>

<head>

<title>Document name</title>

</head>

<body>

Visible text

</body> 

</html>

Example:

<h1 style="font-family:verdana">A heading</h1>

  <p style="font-family:courier">A paragraph</p>

  <p style="font-family:verdana;font-size:80%;color:green">

  Another paragraph. </p>

Links and Anchor tags

anchor (href, name, target)
absolute URL -use for links to page on a different Web server
relative URL - use for links to a page on the same server
anchor - use to create links to a different location on the same web page.

Example: Absolute URL

<a href="http://www.yahoo.com"> Yahoo ! </a>

List tags

ordered list (type, start)
unordered list (type)
list item (type)

Example:

<ol>

<li> CPU </li>

<li> Hard drive </li>

</ol>

Table tags

Tables can be used to present data and also for alignment purposes such as placing graphics to the left or right of text and creating

table (bgcolor, background, border, cellspacing, cellpadding, width)
table row (align, valign)
table data (colspan, rowspan)
table captions

Example:

<table>

  <tr>

     
    <td>      </td>

     
    <td>Babies</td>

     <td>Adults</td>

</tr>

  <tr>

     
    <td> Deer </td>

  <td> 10    </td>

  <td> 13    </td>

</tr>

  <tr>

     
    <td> Bear</td>

  <td> 25   </td>

  <td> 50   </td>

</tr>

</table>

Image tags

image (src, align, border, alt)
area

Example:

<img scr="pic1.gif" width=300 height=200>

Frames

frame (border, bordercolor, frameborder, name, noresize, marginwidth, marginheight, scrolling)
frameset (border, bordercolor, cols, frameborder, rows)
noframe

Example:

<frameset cols="120,*">

<frame src="contents.htm">

<frame src="frameA.htm" name="showframe">

</frameset>

Forms

forms
input fields
selection list
selection option

<form  action="form_processing.asp"
method="get">

First name: 

<input type="text" name="fname" size="20"><br>

Last name: 

<input type="text" name="lname" size="20"><br>

<input type="submit" value="Submit" />

</form> 



<p>

If you click the "Submit" button, you will send 

your input to a new page called form_processing.asp.

</p>

Other

comments
meta tags

Example:

<head>

<meta name="description" content="HTML stuff" />

<meta name="keywords" content="HTML, DHTML, CSS, XML, JavaScript, Java" />

</head>

Projects

My first web page.

HTML

Introduction

Document tags

Formatting tags

Links and Anchor tags

List tags

Table tags

Image tags

Frames

Forms

Other

Projects