Programavimas 1
Įprastinis tekstas – knygos, žurnalai, laikraščiai ir pan.
Teksto turinys rodomas eilutėmis, suskirstomas į paragrafus , puslapius.
Rašant tokį tekstą daroma prielaida, kad skaitytojas jį skaitys ta tvarka, kaip jis yra pateiktas
Į įprastinį tekstą įterpiamos nuorodos, kurios perkelia skaitytoją į kitas teksto dalis ar visai kitus tekstus
Panašu į nuorodas enciklopedijose – (žr. psl. XX)
Skaitytojas pats nusprendžia kokia tvarka skaitys tokio teksto dalis
Griežtesnė, labiau standartizuota HTML versija
HTML skirta turinio struktūrai suformuoti
HTML dokumento išvaizda yra apibrėžiama per CSS (pakopinius stilius)
Pagrindinis elementas - visada <html>
Jo viduje - visuomet <head> ir <body>
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>
Pastabos sau (ir kitiems programuotojams)
<!DOCTYPE html>
<html>
<!-- čia yra komentaras -->
<head></head>
<body></body>
</html>
<head> - informacija naršyklei, paieškos sistemoms ir pan.
<body> - matomas turinys
<!DOCTYPE html>
<html>
<!-- čia yra komentaras -->
<head>
<title>Pavyzdys</title>
<meta charset="utf-8"/>
</head>
<body>
<p>Labas pasauli</p>
</body>
</html>
<title> - dokumento pavadinimas, matomas naršyklės lango viršuje.
<meta> - metažymos - papildoma informacija naršyklei, paieškos sistemoms ir soc tinklams.
<style> <link> <script>
<p> - teksto pastraipa
<h1> - <h6> - įvairaus lygio antraštės
<!DOCTYPE html>
<html>
<!-- čia yra komentaras -->
<head></head>
<body>
<h1>Labas pasauli</h1>
<h2>1 skyrius</h2>
<p>Ilga pastraipa</p>
<h2>2 skyrius</h2>
<p>Kita ilga pastraipa</p>
</body>
</html>
<ol> - sunumeruotas sąrašas
<ul> - nesunumeruotas sąrašas
<li> - sąrašo elementas
<!DOCTYPE html>
<html>
<!-- čia yra komentaras -->
<head></head>
<body>
<ol>
<li>Punktas 1</li>
<li>Punktas 2</li>
</ol>
<ul>
<li>Punktas 1</li>
<li>Punktas 2</li>
</ul>
</body>
</html>
<hr> - horizontalus skirtukas
<br> - nukėlimas į kitą eilutę nebaigiant pastraipos.
<!DOCTYPE html>
<html>
<head></head>
<body>
<p>Tekstas</p>
<!-- skirtukas -->
<hr />
<p>Tekstas po skirtuko</p>
<p>
Tekstas<br />
Kita eilutė<br />
vis dar ta pati pastraipa
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head></head>
<body>
<!-- į kitą dokumentą -->
<a href="antras.html">Kitas dokumentas</a>
<a href="katalogas/antras.html">Kitam kataloge</a>
<a href="http://domenas.lt">Kažkur į internetą</a>
<!-- į kitą dokumento vietą -->
<a href="#pabaiga">Į paskutinę pastraipą</a>
<p>Pastraipa</p>
<!-- daug daug pastraipų -->
<p id="pabaiga">Pastraipa</p>
</body>
</html>
Visų HTML elementų abėcėlinis sąrašas
Sukurti mini enciklopediją sau įdomia tema
<h1> - <h6>
<p>
<br>
<hr>
<ul> / <ol>
<a href=“”>
<html><head><body><title>