St. John's University - - Center for Teaching and Learning - - Technology and Teaching Conference

Web Pages without Trauma - Brian Mikesell & Charles Livermore

Selected HTML codes

 

Color Chart Here you will find samples of hundreds of color with copyable code. Copy the code which appears on the color you want and paste it into your document.


Selected html codes

All of the codes in the following table are illustrated in Sample Page 10. Once on the page right-click on your mouse and click on View Source. A screen will appear and will show the coding used to create Sample Page 10.

<html> </html>

All html documents must start with <html> and must end with </html>

<title> </title>

Useful for placing a title for your page in the upper left corner of the screen in the browser bar.

<body> </body>

It is between these two command that the content of your page appears

<br>

Starts a new line. Can be used repeatedly for multiple breaks.

<p>

Starts a new line and creates a blank line above. (can't be used more than once in succession)

<p><br>

Starts a new line and creates two blank lines above. This series of commands can be used repeatedly to create blank lines.

<hr>

Creates a horizontal line across the page

<hr width=50% color=red size=10>

Creates a centered horizontal line across 50% of the page, colored red and made thicker than usual by using the size command. For alternate or additional colors: Color Chart

<u> </u>

Underline whatever is in between these two symbols.

<b> </b>

Bolds whatever is in between these two symbols.

<font color=red> </font>

Colors the text in between these two symbols red. For alternate or additional colors: Color Chart

<font color=red size=3> </font>

Colors the text in between these two symbols red and changes the size to 3. For alternate or additional colors: Color Chart

<body bgcolor=#ADD8E6>

Provides a blue background to the page. For alternate or additional colors: Color Chart

<bgcolor=red>

Can be used to change the color of cells in a table. For alternate or additional colors: Color Chart

<dir> </dir>

Indents whatever is in-between these two symbols.

<ul>
<li>
<li>
</ul>

Creates an unordered bulleted list. This list can have as many lines -- <li> -- as needed. It can be included within the cell of a table.


<ol>
<li>
<li>
</ol>

Creates a numbered list. This list can have as many lines as needed. It can be included within the cell of a table

<img src="library2.jpg">

Places an image on the page.

To create the following table:

Hello1

Hello2

Hello3

 

<table> -starts a table

<tr> - starts the first row

<td> - starts the first column

Hello1 -MESSAGE

</td> - ends the first column in the first row

<td> -starts the second column in the first row

Hello2 MESSAGE

</td> - ends the second column

</tr> - end the first row

<tr> - starts the second row

<td colspan=2> - starts the first column in the second row AND says span two columns

Hello3 MESSAGE

</td> - ends the column (by spanning the two you only create one column here)

</tr> - ends the second row

</table> - ends the table

 

 

__________________________________________________________________________________

 

FTP Sign In

Profile Name: Livermore (your name)

Host Name: facpub.stjohns.edu

Host Type: Microsoft NT

User ID: livermop (your user ID)

User Password: (your password)