Здравствуйте, Артемова Марина!

Аттрибут class связан с CSS - т.е. ты можешь где нить в css-файле прописать свойства для какого то класса и они будут автоматически применятся ко всем элементам этого класса
НапримерЖ
<style>
.up2_3 {font-size: 14pt;}
.up2_3_d1 {font-size: 12pt;}
</style>

id - используется для идентификации отдельного элемента для последующего обращения к нему из JavaScript
Example

document.getElementById("TopPart").style.display = "none";

Здравствуйте, Артемова Марина!
ID ata Toje samoe sho NAME ---- imea taga (idetifikator)

Class ata CSS (Cascade Style Sheet) Izmineaet Stili Abiecta
K primeru sozdai html fail i napishi v neom

<a href="#">asd</a>
<a href="#" STYLE="color:red;text-decoration:none;">asd</a>
sohrani i zapusti

color:red ----- Tzvet texta
text-decoration ------- Decoratzii texsta

Pervaia silka obicinaia.. a vtoraia... Napisano Crasnom Tzvetom i bez certoi!

Class ata atribut kotorii Vnidreaet stili s atim Imenem v atom Tage
Tag Class-a Vigledit vot tak:

<style>
a {
color:red //vse silki budut crasnim tzvetom ... ("a" ata imea taga... ((Tagje mojno i drugie tagi ... DIV ... Span.....)))
}
.floatright //FloatRight ata Nazvanie Classa ... naprimer shob poluciti ati svoistva nado budet pisat‘ v tage vot tak: <a class="floatright" href="#">ad</a>
{
float: right; //Text budet s leva (Obiect s prava)
margin: 0 0 10px 10px; //Postoe mesto vokrug obiecta .... 0 0 10px 10px = left top right buttom (Esli ne oshibaiusi)
border: 1px solid #666; //Krai obiecta budet tolishinoi 1px i Serim tzvetom (#666) ... solid ata stili craia..
}
#container //A vot ata uje imea taga kotorii polucit ati svoistva naprimer: <a name="container" href="#">ad</a> ili <a id="container" href="#">ad</a> ata odno i toje
{
width: 90%; //Shirina
}
</style>
.....

Vot tibe silka k primeram
http://css.maxdesign.com.au/
Udaci

Здравствуйте, Артемова Марина!

атрибуты присутствуют у всех тегов.

они отвечают за заранее объявленые css-cвойства. класс - просто задает свойства, а ид позволяет использовать данный обьект javascript.

пример в приложении.

Поинтересуйтесь css & javascript!

Приложение:
css: .cls { border:100px solid #ff5; }<div class="cls">...</div> у дива будет бордюр толщиной 100 пикселей и т.д.