Summary of Tags Covered in Unit 4 Lesson 3
|
Tag / Attribute |
Description |
|
<b>Bold Text</b> |
Text
appears in bold font |
|
<strong>Strong
Text</strong> |
Text appears in bold font |
|
<em>Emphasized
Text</em> |
Text appears in italics font |
|
<i>Italics</i> |
Text appears in italics font |
|
<font size=“size”
color=“color” face=“face”> your text here </font> |
The size attribute allows you to specify the font size of the text |
|
<font size=“size”
color=“color” face=“face”> your text here </font> |
The color attribute allows you to change the color of individual
characters or words |
|
<font size=“size”
color=“color” face=“face”> your text here </font> |
The face attribute specifies a particular
font for a section of text |
|
<a href=“http://www.google.com”
target=“_blank”>Google</a> |
target=“_blank” This link opens in a new browser window. |
|
|
|
|
<a href=“mailto:
anyone@anywhere.com”>
Send Email </a> |
mailto: creates a
link that will open your computer’s default email program with the
destination email address filled in. (Note: due to the volume of SPAM email
these days, this is not recommended) |
|
<img
src="url"> <img
src=“images/mypicture.jpg”> <img
src=“levy.gif"> |
The Image Source tag displays a picture in your web page. |
|
<img src=“MyPicture.jpg" alt=“Short Description of my
Picture"> |
The alt attribute provides text in the picture placeholder until the
picture is displayed. Text to Speech software
for visually impaired users will read this text aloud. |
|
<img
src=“images/mypicture.jpg”
height=“100” width=“200” alt=“My
Picture”> |
The height and width
attributes resize your picture in the web page to fit the specified size. |
|
<body background = “levy.gif”> |
The background
attribute allows
you to use a picture as the background of the web page.
|
|
<a href=“YourPage.html"> <img
src="YourPic.jpg
“border=“0" > </a> |
This combination
of anchor and image tags allow you to
use a graphic image as a hyperlink. The border
attribute allows you to include or exclude a border around the image. |
|
<table> </table> |
These tags identify the beginning
and ending of a table. |
|
<table width=“size”
height=“size”> |
Specify the width and height of
the table in pixels or percent of the page. |
|
<tr>
</tr> |
These tags identify the beginning
and ending of a row inside a table. |
|
<td> </td> |
These tags identify the beginning
and ending of table data (column) inside a table. |
|
<th>
</th> |
These tags are used for column
headings, but you can use them for any cell that you want to contain centered
boldfaced text in a table. |
|
<table border=“value”> |
The border attribute determines the thickness of the lines of the
table. (border = “0” means no lines) |
|
<table cellspacing=“value”> |
The cell spacing attribute
controls the amount of space inserted between table cells. |
|
<table cellpadding=“value”> |
The cell padding attribute
controls the amount of space inserted between table cell and the contents of
the cell. |
|
align
= “left” or align = “right” or align = “center” |
Horizontally aligns the contents
of a cell. |
|
valign = “left” or valign = “right” or valign = “center” |
Vertically aligns the contents
of a cell. |
|
<table bgcolor=“color”> |
Specify a background color for a
table. |
|
<tr
bgcolor=“color”> |
Specify a background color for a
table row. |
|
<td bgcolor=“color”> |
Specify a background color for a
table cell. |
|
<th
bgcolor=“color”> |
Specify a background color for a
table header. |
|
<table background=“YourPicture.jpg”> |
Specify a background picture for
a table. |
|
<form > </form> |
Specify the beginning and ending
of a form. |
|
<form name=“name” id=“id”>… </form> |
Specify the form name and id. |
|
<input type=“type”
name=“name” id=“id” /> |
Specify the input type, name and
id for an element in the form. |
|
type=“button” |
An attribute and value of the
input type to display a button that can be clicked to perform an action from
a script. |
|
type=“checkbox” |
An attribute and value of the
input type to display a check box. |
|
type=“radio” |
An attribute and value of the
input type to display a radio button. |
|
type=“text” |
An attribute and value of the
input type to display an input box for the user to enter text. |
|
<select> </select> |
To create a selection list. A selection list is a drop down menu where
a user selects a particular value from a predetermined list. |
|
<option value= "unitedstates">
|
Lists an option in the selection
list. |