HTML-szerkesztés kezdőknek!!!
-
#6883
Pedig le van írva.
Ha lentebb görgetsz, ott az (<body> és </body> tagek közé rakandó) XHTML forráskódrészlet, ami tartalmazza a képekre való hivatkozást (<a class="horiz" href="#portrait1"><span><img src="slide/pic_1ha.jpg" alt="" title="" /></span><em><img src="slide/pic_1h.jpg" alt="" title="" /></em></a> - kékkel jelölve az indexkép, pirossal a hozzá tartozó nagy); ott a külső CSS stíluslap, aminek ott a beillesztésének a módja is (<link rel="stylesheet" media="all" type="text/css" href="css/slide_show.css" />); ott az IE hibáira készített CSS, annak is ott a beillesztésének a módja:
<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="css/slide_show_ie.css" />
<![endif]-->
A CSS-t a HTML kódba beillesztő tageket a <head> és </head> tagek közé kell tenni. Vigyázz, a href attribútumban van megadva, hogy hol van a CSS állomány (jelen esetben mindkettő - slide_show_ie.css és slide_show.css - egy css könyvtárban).
Az XHTML forráskódrészletben meg a <dl> és </dl> tagek között meg az alapesetben megjelenő szöveg foglal helyet. A képek meg három táblázat (<table>...</table>) egy-egy cellájában (<td>...</td>) egy-egy rendezetlen lista (<ul>....</ul>), egy-egy listaelemében (<li>...</li>) vannak. Egy sorban négy kép van felsorolva egymás után, utánuk egy-egy lebegtetést megakadályozó elem (<span class="clr"></span> - a CSS állományban a clr osztálynál meg van adva a lebegtetés megszüntetésére szolgáló definíció: span.clr {display:block; clear:both; width:0; height:0; font-size:0; line-height:0;}).
Na ezért kell megtanulni a HTML és CSS nyelveket