HTML Basics A r t 451

 

Copy and paste the following text into a text editing program that will save plain text documents, such as BBedit or TextEdit (in TextEdit you must make the formatting PLAIN TEXT under the FORMAT menu:

<html>
<head>
<title> Title goes in here </title>
</head>
<body>
<h1>Heading goes in here</h1>
<p>Text goes in here</p>
</body>
</html>


Now try this one:

<html>
<head>
<title> Title goes in here </title>
</head>
<body bgcolor="974733">
<h1>Heading goes in here
</h1>
<p>Text goes in here</p>
</body>
</html>


The code that contains the information for the background color can be deconstructed in its components of tag, attribute and value.

TAG:
<body>
ATTRIBUTE:
bgcolor=
VALUE:
"974733">

The open and close tags that describes the heading value of the text is between them is this:

<h1> </h1>

Try altering the number values in your document to see what changes. Try:

<h4> </h4>

There are many other html tags are used to define the look of a web page in a browser. Here are a couple more text tags to try (hint - these must all go inbetween the body tags):

For bold text: <b></b>

For italic text:
<i></i>

To sets font color, using name or hex value: <font color="?"></font>

Now try a link tag:

To create a hyperlink (link to another webpage) <a href="URL"></a>

To create a link that goes to an email address: <a href="mailto:EMAIL"></a>

Find everything else in these, and many other, online resources about HTML:

World Wide Web Consortium
The Bare Bones Guide to HTML lists every official HTML tag in common usage
Webmonkey HTML cheatsheet


© 2005 Amy Youngs | Multimedia Main Page