|
Some Common HTML Code
These are examples of some HTML code that you may want to use in your home
page.
These codes may be used anywhere between the <body> and </body>
tags of your home page.
The top part of each section is what the code should look
like in your document. The lower part of each section is
what it will look like on your BSC-Net home page.
Big Hint! Cut and Paste the top part of each sample right
into your page (the text area). It's easy. Try it!
<center>
This will center a region of text or images, etc.
</center>
This will center a region of text or images, etc.
<b> This will make a region of text bold </b>
This will make a region of text bold
<hr> draws a horizontal line
<br> carriage return
<i> italic letters </i>
italic letters
<p> new paragraph
<h1> Heading size 1 </h1>
Heading size 1
<h2> Heading size 2 </h2>
Heading size 2
<h3> Heading size 3 </h3>
Heading size 3
<font size="1">Font size 1 </font>>
Font size 1
<font size="2">Font size 2 </font>
Font size 2
<font size="3">Font size 3 </font>
Font size 3
<font size="4">Font size 4 </font>
Font size 4
<font size="5">Font size 5 </font>
Font size 5
<font color="blue">Blue Text </font>
Blue Text
<font color="red">Red Text </font>
Red Text
<font color="yellow">Yellow Text </font>
Yellow Text
These font codes will work with Netscape 3.0 and Internet
Explorer 3.0 or greater.
<font face="Helvetica">Helvetica font </font>
Helvetica font
<font face="New Century Schoolbook Font">New Century Schoolbook
Font</font>
New Century Schoolbook Font
<font face="Lucida">Lucida font </font>
Lucida font
<img src="http://www.bscn.com/images/Bscn_btn.gif"
align=center> load an image with this text centered
vertically to the middle of the image</img>
load
an image with this text
centered vertically to the middle of the image
<a href="/back.html"> create a link
to another page on
the same server</a>
create a link to another page on
the same server
<a href="http://www.angelfire.com/ar/ahenson/back.html">
create a link to another page on another server</a>
create a link to another
page on another server
<a href="/index.html"> <img src="/images/home_s.gif"></a>
create a picture link to another page on the same server

<a href="mailto:homepages@bscn.com"> <img
src="/images/icons/mailbox.gif" border=0> </a>
create a picture link to an email address

<blink> make text blink </blink>
<pre>
turn
on fixed
width font with preformatted text
</pre>
turn
on fixed
width font with preformatted text
Unnumbered list
<ul>
<li> list item 1
<li> list item 2
</ul>
Numbered list
<ol>
<li> pc
<li> mac
</ol>
- pc
- mac
Nested list
<ul>
<li>list
<ul>
<li>nested
<ul>
<li>twice
</ul>
</ul>
</ul>
<blockquote>
This will quote a block of text as a separated paragraph
like this, indented on both the left and right sides. You may
also put other codes inside the blockquote as well, such as
this bold, italicized link to point you to
<b><i><a href="/html.htm"> other HTML resources
which you haven't found here.</a></i></b>
</blockquote>
This will quote a block of text as a separated
paragraph like this, indented on both the left and
right sides. You may also put other codes inside
the blockquote as well, such as this bold,
italicized link to point you to other
HTML
resources which you haven't found here.
|