Praktiskais darbs: HTML
Last modified by Administrator on 2011/06/06 17:32
Praktiskais darbs: HTML
Darba mērķis Apgūt HTML marķēšanas/iezīmēšanas pamatus. Saskatīt dotajā teksta dokumentā dažādus HTML elementus un tos sintaktiski pareizi ierakstīt teksta failā, teksta failu saglabāt ar piemērotu paplašinājumu (mansfails.html vai mansfails.htm), skatīties šo failu ar Web pārlūkprogrammu. Scenārijs Pasniedzēja piedāvātu drukātu vai elektronisku (MS Word utml.) dokumentu marķēt kā HTML. Šajā darbā izmantojam HTML 4.01 (Strict) sintaksi - http://www.w3.org/TR/1999/REC-html401-19991224/ . Ieteicamie soļi- Atbilstoši HTML sintakses likumiem izveidot (tukšu) faila sagatavi, noglabāt to kā failu kādā direktorijā, kas viegli sasniedzama no darbvirsmas (piemēram, $Desktop/Programmesana/saturisks_nosaukums.html. (Izdomāt Jūsu dokumentam saturisku nosaukumu, kurš satur tikai nemodificētus latīņu burtus un pasvītrojumzīmes. Ja nosaukumā ir vairāki vārdi, ir divas iespējas, kā to pierakstīt - izmantojot pasvītrojumzīmes vai arī t.s. "kamieļrakstu". Piemēram "mana_dokumenta_saturisks_nosaukums.html" vai arī "manaDokumentaSaturisksNosaukums.html"). Sagatave izskatās šādi:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>My first HTML document</title> <meta http-equiv="Content-type" content="text/html; charset=UTF-8"/> </head> <body> <h1>Mans pirmais dokuments</h1> <p>Hello world!</p> </body> </html>
- Marķēt dokumentu, pēc vajadzības izmantojot sekojošus elementus:
- "head" elementu un tā apakšelementus "meta" (norādot kodējumu) un "title" (dokumenta virsraksts, kas redzams loga virsraksta joslā)
- "h1" (galvenais dokumenta virsraksts) un varbūt arī "h2", "h3" (teorētiski līdz pat "h6") - dažādu līmeņu apakšvirsraksti.
- "p" - rindkopas.
- Sakārtotus sarakstus ("ol"+"li") vai nesakārtotus sarakstus ("ul" + "li"), vai "definīciju sarakstus" ("dl" + "dt" + "dd").
- Tabulas ("table", "th", "tr", "td")
- Rindkopu grupas - "div", saformatēts teksts "pre"
- Attēlus ("img")
- Teksta izcēlumus - treknu tekstu ("b", "strong") un kursīva tekstu ("i" vai "em")
- Pievienot dokumenta pašā sākumā (tieši zem "h1" virsraksta) papildu rindkopu - īsu anotāciju (līdz 255 rakstzīmēm). Apzīmēt to kā atsevišķu rindkopu.
- Aplūkot dokumentu pārlūkprogrammā un izlabot kļūdas saturā un/vai marķējumā
- (Varat izmēģināt validēt HTML dokumentu W3C mājaslapā - sk. http://validator.w3.org/#validate_by_upload. Tur var vai nu iekopēt teksta lodziņā, vai augšuplādēt kā failu.)
