html gairės
DESCRIPTION
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 ). - PowerPoint PPT PresentationTRANSCRIPT
HTML gairėsHTML gairės
IT mokytojaIT mokytojaVilma BernotienėVilma Bernotienė
TurinysTurinysSą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 elementaselementas.
HTML elementas turi vardąvardą ir gali turėti bet kokį skaičių atributų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ėmisGairė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 Bendrosios tinklalapio gairėsgairės
<html>...</html>
Informuoja naršyklę, kad dokumentas parašytas naudojant HTML kalbos gaires.
<head>...</head>
Č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).
<body>...</body>
Čia pateikiama tai, kas, kur ir kaip turi būti rodoma naršyklės lange ( tentelės, paveikslai ir pan.).
<title>...</title>
Nurodomas tinklalapio pavadinimas, matomas naršyklės atraštės juostoje.
<meta> 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.
<br >(angl. Break)
Nurodo puslapio eilutės lūžio vietą. pirma eilutė<br > antra eilutė<br> trečia eilutė<br ><br ><br > ketvirta eilutė, prieš tai 2 tuščios
<hr>(angl. Horizontal Rule)
Nurodo horizontalią liniją, kuria galima atskirti pastraipas, logines dalis.<p>Pirmas paragrafas</p><hr ><p>Antras paragrafas</p>
 (angl. NoBreak Space)
Jungiamasis tarpas (žodžiai nebus skiriami į skirtingas eilutes).Formatavimas Teksto stilius Jungiamasis tarpas
<nobr></nobr>(angl. NoBreak )
KlausimaiKlausimai
UžduotysUžduotys
Antraštė. Lygiuotė. Šrifto Antraštė. Lygiuotė. Šrifto stilius.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: <h1>, <h2>, <h3>, <h4>, <h5> ir <h6>.
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 <div> ... </div>.Kiekvianam tokiam skyriui atributu Align galima
nurodyti skirtingas lygiuotes. Atributą sudaro vardas ir reikšmė. Atributo vardas nurodo keičiamą savybę.
Pvz.: Gairė Atributo
vardasAtributo reikšmė
<div> align left
<div align=“left”>
PASTABA: uždaromojoje gairėje atributas su reikšme nekartojamas.
KlausimaiKlausimai1. Kaip tinklapyje nurodomos antraštės?2. Ką naršyklei nurodo gairė <h1>?3. Kuria gaire nurodyto pavadinimo rašmenys bus
didesni: <h2> ar <h6>?4. Kakia yra gairių <b> ir <i> paskirtis?5. Kokia gairės <div> 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žduotysUž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