HTML

From ITS Wiki - Information Technology Services - University of Rhode Island

Networking

This page is part of a category. To see more pages like this, go to the Networking index.

A subset of Standard Generalized Mark-Up Language, HTML (Hyper Text Mark-Up Language) was designed for electronic publishing, and is the specific standard used for the internet.

HTML Editors

Free

Macintosh - Taco HTML Edit
http://www.tacosw.com/

Windows - Notepad
http://www.microsoft.com/

Win/Mac - RealTime Editor
http://htmledit.squarefree.com/

Purchase

Win/Mac - Dreamweaver
http://www.adobe.com/products/dreamweaver/

Common Tags

bold italics underline line break

text

font-weight:bold; font-style:italic; text-decoration:underline;

background: url(../directory/images/image.jpg);

color:#334455;

Hex Color

in HTML, colors are defined as hex numbers, i.e. "#ff461f". Each hex code is made of the following spectrum,

 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F

On one end, 0 represents a lack of color and F represents full color. #000000 is black and #FFFFFF is white. The hex code is further divided into RGB (Red, Green, Blue) segments. Therefore, #FF0000 is red, #00FF00 is green, 0000FF is blue, and so forth. It is best to think of color combinations in terms of light, as opposed to paint. #FFFF00 is a combination of red and green light, producing yellow.

Cascading Style Sheets

Style sheets, commonly referred to as CSS, can be used to style text and other elements in HTML documents. A style sheet can be called with the following command,

 <link rel="stylesheet" type="text/css" href="style.css">

A style sheet might look like the following,

 body {
 background-color:#141414;
 }

 a:link,a:visited,a:active {
 color:#96E100;
 }

 .myfont {
 font-size:1em;
 color:#7e7e7e;
 line-height:1.5em;
 font-family:arial, helvetica, sans-serif;
 }

Example

The following is an example of a basic HTML document utilizing CSS styling.

 <html>

 <head>

 <title>The Tubes Have Been Filled!</title>

 <link rel="stylesheet" type="text/css" href="style.css">

 </head>

 <body>

 <table width="100" height="200" align="center" border="0">

 <tr>

 <td class=“myfont”><b>Left Column</b></td>

 <td><div class=“myfont”>Right Column</div></td>

 </tr>

 </table>