HTML

Hiperteksto žymėjimo kalba (HTML) - tai žymėjimo kalba tinklalapiui kurti. Tinklalapiai paprastai peržiūrimi interneto naršyklėje. Juose gali būti tekstų, nuorodų, paveikslėlių ir net garso bei vaizdo įrašų. HTML naudojama kiekvienam iš šių turinio tipų pažymėti ir aprašyti, kad žiniatinklio naršyklė galėtų juos teisingai rodyti. HTML taip pat gali būti naudojamas tinklalapiui papildyti meta informacija. Metainformacijos paprastai nerodo žiniatinklio naršyklės ir tai yra duomenys apie tinklalapį, pvz., puslapį sukūrusio asmens vardas. Kaskadinių stilių lentelės (CSS) naudojamos HTML elementams stilizuoti, o "JavaScript" - HTML elementams ir CSS stiliams valdyti.

HTML sukūrė Pasaulinis žiniatinklio konsorciumas (W3C). Yra kelios HTML versijos. Nuo 2018 m. rugsėjo mėn. dabartinis HTML standartas vadinamas HTML 5, o konkrečiai jo versija yra 5.2.

Žymos

HTML naudoja specialias programavimo kalbos dalis, vadinamas "žymėmis", kad naršyklė žinotų, kaip turi atrodyti tinklalapis. Žymos paprastai būna poromis: pradinė žyma apibrėžia turinio bloko pradžią, o baigiamoji žyma - to bloko pabaigą. Yra daug skirtingų žymų rūšių, ir kiekviena jų turi skirtingą paskirtį. Žymeklių pavyzdžių rasite toliau pateiktame skyriuje "Pagrindinės HTML žymės".

Kai kurios žymės veikia tik tam tikrose naršyklėse. Pavyzdžiui, žyma <menuitem>, kuri naudojama tam, kad kažkas būtų rodoma, kai asmuo paspaudžia dešinįjį pelės klavišą, veikia tik "Mozilla Firefox" naršyklėje. Kitos naršyklės paprasčiausiai ignoruoja šią žymą ir raštą rodo įprastai. Daugelis tinklalapių kūrėjų vengia naudoti šias "nestandartines" žymas, nes nori, kad jų tinklalapiai visose naršyklėse atrodytų vienodai.

Pavyzdys

Pateikiame HTML puslapio pavyzdį.

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Tai puslapio pavadinimas </title> 5 </head> 6 < body> 7 < p> Tai pastraipa. </p> 8 < a href="https://www.domain.com"> Tai nuoroda. </a> 9 < img src="image.jpg" alt="Image"> 10 </body> 11 </html>

Paprastas HTML puslapis būtų toks: viena pastraipa "Hello world! ".

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Sveiki! </title> 5 </head> 6 < body> 7 < p> Sveikas pasauli! </p> 8 </body> 9 </html>

Pagrindinės HTML žymės

Žymos pavadinimas	Pavadinimas	Funkcija	Kodo pavyzdys
`<!DOCTYPE>`	Doctype	Apibrėžia dokumento tipą	<!DOCTYPE html>
`<html>`	HTML	Apibrėžia HTML dokumentą ir paleidžia HTML dokumentą.	< html> Visas kodas</html>
`<head>`	Vadovas	Jame yra bet koks kodas, kuris nenaudojamas tinklalapio elementams rodyti.	<head></head>
`<pavadinimas>`	Pavadinimas	Apibrėžia tinklalapio pavadinimą (rodomą skirtuke) ir yra įrašomas į `<head>.`	< title> Tinklalapis</title>
`<body>`	Kūnas	Pateikiami matomi tinklalapio elementai (taip pat yra pastraipa ir kt.)	< body> Html žymės</body>
`<h1>` iki `<h6>`	Antraštės	Įvairaus dydžio antraštės (`<h1>` yra didžiausia)	< h1> Antraštė</h1>
<p>	Pastraipa	Apibrėžia teksto pastraipą	< p> TEKSTAS</p>
	Inkaras	Kuria aktyvias nuorodas į kitus tinklalapius	< a href="www.domain.com"> Apsilankykite mūsų svetainėje</a>
`<img>`	Vaizdas	Rodo vaizdą puslapyje	< img src="ImageUrl" alt="Tekstas rodomas, jei nėra paveikslėlio">
`<br>`	Pertrauka	Įterpiamas vienas eilutės pertraukimas	Tekstas < br> Tekstas
`<center>`	Centras	Perkelia turinį į puslapio centrą	<centras> Kodas</centras>
`<script>`	Skriptas	Sukuriamas tinklalapio scenarijus, paprastai parašytas "JavaScript" kalba.	< script> document. write("Hello World!")</script>

HTML žymių naudojimas

Tinklalapio kūrimas

Sukurti tinklalapį nesudėtinga.Viskas, ką reikia prisiminti, yra žymos ir tvarka, kad galėtumėte sukurti tinklalapį.

Pirmiausia reikia rasti vietą, kur būtų galima įvesti HTML žymas (rekomenduoju užrašų knygutę), ir įrašyti jas.

Čia pateikiamas dar vienas HTML žymų puslapio pavyzdys.

<html>

<head>

<title> Sveiki! <title>

<h1> Sveikas pasauli!</h1>

</head>

<body>

<p>

Tai yra HTML žymų puslapis.

</p>

Pagal: *Įrašyti vardą ir pavardę*

</footer>

</html>

Kai baigsite, išsaugokite šį įrašą šiuo formatu: helloworld.htm

(nedėkite tarpų)

Ir baigta! Kai išsaugosite jį savo kompiuteryje, paspaudę jį, pateksite į savo tinklalapį "Google"!

Klausimai ir atsakymai

K: Kas yra HTML?

A: HTML yra žymėjimo kalbos rūšis, naudojama tinklalapiams, kuriuose yra rašto, nuorodų, paveikslėlių ir garso ir vaizdo įrašų, kurti.

K: Kokia yra HTML funkcija?

A.: HTML funkcija - nurodyti žiniatinklio naršyklėms, kaip turėtų atrodyti tinklalapiai, ir pridėti meta informaciją, pavyzdžiui, tinklalapio kūrėjo vardą.

K: Kokių medijos pavyzdžių galima įtraukti į tinklalapius, sukurtus naudojant HTML?

A: Kai kurie laikmenos pavyzdžiai, kuriuos galima įtraukti į tinklalapius, sukurtus naudojant HTML, yra garso failai ir vaizdo klipai.

K: Kaip CSS papildo HTML?

A: CSS naudojamas HTML puslapių išvaizdai keisti.

K: Koks "JavaScript" vaidmuo kuriant žiniatinklius?

A: JavaScript yra esminė scenarijų kalba kuriant žiniatinklio svetaines, nes ji nurodo, kaip elgtis svetainėms, ir gali keisti HTML ir CSS išvaizdą.

K: Kas atsakingas už HTML kūrimą?

A.: HTML kuria Pasaulinis žiniatinklio konsorciumas (W3C).

K: Kokia yra dabartinė standartinė HTML versija?

A: Nuo 2018 m. rugsėjo mėn. naujausia standartinė HTML versija yra HTML 5, kurios versija yra 5.2.