Special Characters

Objectives

At the end of this lesson, you will be able to:

Create a new folder called Special Characters.
Copy the Skeleton from the class website and paste it into a new Notepad file.
Save the file as characters.html. Make sure this file is saved in your Special Characters folder.
Give your website an appropriate title which includes your name.
Create a table with 11 rows and 2 columns, and fill the table with the following content:
Use the HTML Symbol Entities Reference to locate the entity names.

Add a <style type=”text/css”></style> element within the <head></head> element of your web page. Apply the following styles to your webpage:

For EVERY CELL:
There should be no borders
The font family should be something other than Times New Roman.

For the FIRST ROW (heading):
The font weight should be bold.

For the REMAINING ROWS:
Rows should alternate between darker and lighter shades of the same color. Use two separate CSS classes to do this.

Go to http://www.w3schools.com website and click the “Learn CSS” link in the upper left to see examples of styling your website elements.
Make up a different class name for each component of your website. Here are the classes you will need to use:
```
td
.header
.lightRow
.darkRow
```

Style each of these components separately. Add the appropriate class names to your XHTML elements. Example:
```
<tr class="header">Header goes here</tr>
```

border-style
font-family
font-weight
background-color

Go to http://www.w3schools.com website and click the “Learn HTML” link in the upper left to see examples of creating tables in XHTML documents.
Build the table one row at a time. Make the header row first, and then the other rows.

<table>
<tbody>
<tr>
<td>Result</td>
<td>Description</td>
</tr>
<!-- Additional rows follow --></tbody>
</table>

Apply the classes (styles) you’ve made to the correct row after you’ve made the table.Exmaple: <tr class=”lightRow”>
This will apply your lightRow class form your CSS <style> section just to this row.

XHTML Special Characters

More screenshots and source code for this project are available when you purchase the curriculum.

Component	Possible Points	Score
The table contains ten special characters and descriptions of those characters	4
The table has no borders	2
The font family is NOT times New Roman	2
The font is bold in the header row	2
Each row alternates between light and dark background colors	2
The assignment was submitted on time (20% off for each day late)
Total Score	12