Some Basic HTML Tags

Go to A tag Section

In the head section, I put:

<head>
 <meta name="Author" content="Chung-Chih Li">
 <meta name="Date" content="2-15-02">
<!--  <link rel="stylesheet" href="bsics.css"> -->
  <title>Some Basic HTML Tags</title>

 <style type="text/css">
  div.tag
   { margin-left:10%;
    margin-right:5%;
    border:solid;
    border-width:thin;
    padding:0.5em;
    color:black;
    font-family: "Courier New Bold";
    font-size:100%;
    font-weight:900;
   }
 </style>
</head>

The attribute of the body tag:

< body TEXT = "teal" Background = "noteb-bg.gif">

Here are the 6 head lines:

This is H1

<h1> This is H1 </h1>

This is H2

<h2> This is H2 </h2>

This is H3

<h3> This is H3 </h3>

This is H4

<h4> This is H4 </h4>
This is H5
<h5> This is H5 </h5>
This is H6
<h6> This is H6 </h6>

If we want to show < in the browser, we need to tell the browser that < is not to start a tag. So, we type in &#60; instead of type in < directly. All special symbol can be input this way. That is, &# followed by the code of the symbol, then followed by ;. See pages 259-261 of Zeid's book for codes.

<p> &#60;p> starts a new paragraph, and <br> &#60;br> breaks the current line to a new one.
will give the following results:

<p> starts a new paragraph, and
<br> breaks the current line to a new one.

Control the Text

This is center
<center>This is center </center>
This is Bold Face
<b> This is Bold Face </b>
This is em
<em> This is em </em>
This is strong
<strong> This is strong </strong>
This is u
<u> This is u </u>
This is italic
<i> This is i </i>
This is strike
<s> This is strike </s>
This is big
<big> This is big </big>
This is blockquote
<blockquote>This is blockquote </blockquote>
This is cite
<cite>This is cite </cite>
This is code
<code>This is code </code>
Font tag has two attributes: Font
<font color=#FF0000 size="7"> Font </font>
Size runs from 1 to 7, Color from #000000 to #FFFFFF, or using predefined values; see pages 331 of Zeid's book.

The <A> Tag

Go to the beginning of this document.

We had put an anchor in the first headline of this document:

<a name="top"> HTML </a>
We also put an anchor in the headline above:
<a name="a_tag"> The </a>

We can use <a> tag to go to any anchors defined in the document:

Go to the <a href="#top"> beginning </a> of this document.
Or, link to another html document: A BASIC html file.
A <a href="basic.html"> BASIC </a> html file.
Or, link to another web page in the Internet: My Home page.
My <a href="http://cs.colgate.edu/~chungli"> Home page.</a>
Or, let the page reviewer send an email: Email me.
<a href="mailto:chungli@cs.colgate.edu"> Email me.</a>