|
Tag
|
Function
|
Attributes
|
Example\Output
|
|
Essentials
|
Essentials
|
Essentials
|
Essentials
|
|
<html>
|
Always Starts a HTML Document
|
No Extra Attributes
|
<html>
</html>
This Command Only Starts a HTML Document
|
|
<head>
|
Part of the html document that goes before the body, typically where
Javascript commands are put (Javascript not taught here)
|
No Extra Attributes
|
<head>
</head>
The very first part of the website
|
|
<body>
|
Establishes the Properties of the Body
|
<body bgcolor="#??????" text="#??????">
|
<body bgcolor="#FFFFFF" text="#0000FF">
</body>
Makes the background color white, and text blue
|
|
<body>
|
Establishes the Properties of the Body
|
<body link="#??????" alink="#??????" vlink="#??????">
|
<body link="#FF0000" alink="#FF0000"
vlink="#FF0000">
</body>
Makes Every Link Red
|
|
<body>
|
Establishes the Properties of the Body
|
<body background=(source of an image) bgproperties=(a property)>
|
<body background=animage.bmp
bgproperties=fixed>
</body>
Puts a Background Image, and Keeps it Fixed
|
|
Back to Top
|
Back to Top
|
Back to Top
|
Back to Top
|
|
Text
|
Text
|
Text
|
Text
|
|
<title>
|
Puts text in the blue part on the uppermost part of the screen
|
No Extra Attributes
|
<title>HTML Lessons | Table of HTML
Tags</title>
Appears in Blue Bar Above
|
|
<!-- (text) -->
|
Serves as notes or markers in the coding
|
No Extra Attributes
|
<!-- Beginning of text -->
(Does not appear in window)
|
|
<br>
|
Starts a new line
|
No Extra Attributes
|
This is<br>a test
This is
a test
|
|
<p>
|
Skips a line and then starts a new line
|
<p align=(left, right, center)>
|
This is<p align=right>a test</p>
This isa test
|
|
<dd>
|
Starts a new paragraph
|
No Extra Attributes
|
The ending of a paragraph.<dd>Beginning
of a new paragraph.
The ending of a paragraph.Beginning of a new paragraph.
|
|
<u>
|
Underlines Text
|
No Extra Attributes
|
<u>Test</u>
Test
|
|
<i>
|
Italisizes Text
|
No Extra Attributes
|
<i>Test</i>
Test
|
|
<b>
|
Bolds Text
|
No Extra Attributes
|
<b>Test</b>
Test
|
|
<a>
|
This is used to create buttons
|
<a href="(url)" target=_blank>
|
<a href="index.html"
target=_blank>Test</a>
Test
|
|
<a>
|
This is used to create buttons
|
<a href="mailto:(e-mail address)?subject=(text)">
|
<a href="mailto:arcslo13@yahoo.com?subject=This is a test">E-Mail Address</a>
E-Mail Address
|
|
<a>
|
This is used to create buttons
|
<a name="(any name)">
<a
href="#(link to the name)">(name of link)</a>
|
(at the top of this page)<a
name="home">
(right here)<a
href="#home">Back to Top</a>
Back to Top
|
|
<h?>
|
Establishes the size of text
|
<h6> - <h1>
(any number between 6 and 1, 1 being the biggest)
|
<h3>Test</h3>
Test
|
|
<font>
|
Establishes the font of text
|
<font color="#??????" size=(1-7)>
(1 being the smallest, and 7 being the biggest)
|
<font
color="#DEF341" size=7>Test</font>
Test
|
|
<marquee>
|
Makes text move across the screen
|
<marquee loop=(#) width=(Pixels, or Percent)>
|
<marquee
loop=-1 width=50%>
Test</marquee>
|
|
<hr>
|
Makes a horizontal Line
|
No Extra Attributes
|
<hr>
|
|
Back to Top
|
Back to Top
|
Back to Top
|
Back to Top
|
|
Tables
|
Tables
|
Tables
|
Tables
|
|
<table>
|
Starts a Table
|
<table width=(pixels or percent) bgcolor="#??????"
align=(left, center, right)>
|
<table width=50% bgcolor="#FF0000"
align=center>
<tr>
<td>
This is a
test
</td>
</tr>
</table>
|
|
<table>
|
Starts a Table
|
<table border=(#1-6) cellspacing=(#1-6) cellpadding=(#1-6)>
|
<table border=1 cellspacing=1
cellpadding=1>
<tr>
<td>This is a test</td>
</tr>
</table>
|
|
<tr>
|
Starts a row for tables
|
<tr align=(left,center,right) bgcolor="#??????">
|
<table>
<tr
align=center bgcolor="#0000FF">
<td>This is a
test</td>
</tr>
</table>
|
|
<td>
|
Starts a column for tables
|
Same attributes as the <tr> tag
|
<table>
<tr>
<td
align=center bgcolor="#00FF00">
This is a
test
</td>
</tr>
</table>
|
