HTML gairės

IT mokytoja Vilma Bernotienė

Turinys

Sąvokos.

Bendrosios tinklalapio gairės.

–

–

Klausimai.

Užduotys.

Antraštė. Lygiuotė. Šrifto stilius.

–

–

Klausimai.

Užduotys.

Hipertekstiniuose dokumentuose informacija pateikiama hipertekstu (ang. Hipertext).

Hipertekstui rašyti naudojama speciali kalba HTML (ang. Hyper

Text Markup Language) arba jos

modifikacija.

Pagrindinis HTML kalbos vienetas yra elementas. HTML elementas turi vardą ir gali turėti bet kokį skaičių atributų. Elemento viduje gali būti tekstas bei kiti elementai. Tiek tekstas, tiek ir dukteriniai elementai paprastai gali kartotis ir sekti bet kuria tvarka.

Gairėmis (angl. tags) nurodomas kiekvienas tinklalapio elementas.

Gairės rašomos tarp kampinių skliaustų (< >). Daugumai gairių reikia nurodyti jų galiojimo ribas, užrašant gaires su dešiniu brūkšniu ().

Bendrosios tinklalapio gairės

...

...

Informuoja naršyklę, kad dokumentas parašytas naudojant HTML kalbos gaires.

Čia rašoma informacija apie patį tinklalapį: pavadinimas, ženklų koduotė, tinklalapio autoriaus vardas, raktažodžiai, bendras aprašymas skirtas paieškos sistemoms, taip pat šioje vietoje yra įtraukiami javascript, css ir kiti failai. Head dalies nesimato naršyklėje, nebent pažiūrėjus tinklalapio kodą (source).

Čia pateikiama tai, kas, kur ir kaip

Nurodomas tinklalapio pavadinimas, matomas naršyklės atraštės juostoje.

Tai pavienė gairė, t.y. jai nereikia nurodyti galiojimo ribų.

Šia gaire nurodoma raktažodžiai, bendras aprašymas skirtas paieškos sistemoms, taip pat šioje vietoje yra įtraukiami javascript, css ir kiti failai.

Tarp šių ženklų yra rašomi komentarai, kurie padeda skaityti HTML kalba parašytą tekstą, bet neturibtys įtakos tinklalapio vaizdavimui.

(angl. Break) Nurodo puslapio eilutės lūžio vietą.

---

(angl.

Horizontal

Rule) pirma eilutė
antra eilutė
trečia eilutė


ketvirta eilutė, prieš tai 2 tuščios Nurodo horizontalią liniją, kuria galima atskirti pastraipas, logines dalis.

Pirmas paragrafas

---

Antras paragrafas

 

(angl. NoBreak Space)

(angl. NoBreak ) Jungiamasis tarpas (žodžiai nebus skiriami į skirtingas eilutes).

Formatavimas



Teksto stilius Jungiamasis tarpas



Klausimai

Užduotys

Antraštė. Lygiuotė. Šrifto stilius.

Antraštė — žodis, žodžių junginys, nurodantis žemiau pateikiamo teksto esmę. Antraštė rašoma atskiroje pastraipoje, paryškinant šriftą, keičiant šrifto dydžį, stilių.

Tinklalapyje antraštėms ir pavadinimams rašyti naudojamos gairės:

,

,

,

,

ir

.

Pavadinimas, nurodomas viena šių gairių, daugelio paieškos sistemų laikomas reikšminių žodžių. Tekstas pažymėtas šiomis gairėmis, naršyklėje atvaizduojamas tam tikro dydžio pusjuodžiu šrifto stiliumi, be to, prieš tekstą ir po juo paliekamas tarpas.

Skyrius — teksto dalis, kuriai taikoma ta pati lygiuotė.

Skyrius išskirimas gairėmis

...

.

Kiekvianam tokiam skyriui atributu Align galima nurodyti skirtingas lygiuotes. Atributą sudaro vardas ir reikšmė. Atributo vardas nurodo keičiamą savybę.

Pvz.: Gairė Atributo vardas Atributo reikšmė

align left

PASTABA: uždaromojoje gairėje atributas su reikšme nekartojamas.

Klausimai

1. Kaip tinklapyje nurodomos antraštės?

2. Ką naršyklei nurodo gairė

?

3. Kuria gaire nurodyto pavadinimo rašmenys bus didesni:

ar

?

4. Kakia yra gairių ir paskirtis?

5. Kokia gairės

paskirtis?

6. Kaip nurodomas gairės atributas ir jo reikšmė?

7. Kaip tinklalapyje išdėstyti tekstą centre, sulygiuoti pagal kairįjį kraštą, pagal dešinįjį kraštą ir pagal abu kraštus?

Užduotys

Sukurkite tinklalapį

Matematika.html

sutvarkykite jame tekstą pagal pateikiamą pavyzdį.

Sukurkite tinklalapį

Chemija.html

sutvarkykite jame tekstą pagal pateikiamą pavyzdį.

Sukurkite tinklalapį

Mintys.html

sutvarkykite jame tekstą pagal pateikiamą pavyzdį.

Pasinaudokit jungiamuoju tarpu įžymių žmonių vardams ir pavardėms nurodyti