Sveiki, šiandien pasistengiau anksčiau padaryti pamoką 
Šiandienos pamoka bus trumpa, nagrinėsime heading elementus. Pamokos pradžioje įklijuoju naują kodą (dabar dirbsime su juo):
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Pirmoji svetainë</title>
</head>
<body>
</body>
</html>
Kaip ir žinome, heading elementai yra naudojami tik tarp <body> žymių, bei juose yra talpinamas tekstas.Taip pat, heading elementai turi 6 lygius, kurių kiekvienas yra didesnis ar mažesnis, o didžiausias yra 1 lygis, mažiausias 6 lygis. Dabar tarp <body> žymių įterpkime 1 lygio heading tekstą "Čia mano antraštė" Kodas:
<body> <h1>Čia mano antraštė</h1> </body>
Svarbiausias dalykas apie heading elementus, tai suprasti kada kurį reikia naudoti. Paprasčiausias paaiškinimas: pagal įrašo svarbumą. Pavyzdžiui, turbūt daugelis žinote ką reiškia SEO (Search Engines Optimization (liet. Paieškos Variklių Optimizacija)), tai lengviausia nustatyti heading lygį pagal tai. T.y. jei apie tą straipsnį apibendrintai galėtumėte parašyti į paiešką (pvz. Google) tik vieną dalyką, tai ir turėtų būti Jūsų puslapio antraštė.
Aš savo svetainėje norėsiu kelti karščiausias naujienas, tad antraštė bus "Karščiausios naujienos". Tad pakeiskime tekstą tarp <h1> į savo norimą antraštę. Ir aišku, pridėkime vieną naujienų puslapio paragrafą. Kodas:
<body> <h1>Karščiausios naujienos</h1> <p>Lorem ipsum</p> </body>
O dabar pridėkime pirmo straipsnio antraštę. Jos lygis galėtų būti 2-3, tačiau aš pasirinksiu 2. Ir taip pat pridėkime vieną paragrafą:
<h1>Karščiausios naujienos</h1> <p>Lorem ipsum</p> <h2>Naujienos antraštė</h2> <p>Lorem ipsum</p>
Ir pridėkime <h2> įrašui mini aprašymą 3 lygio:
<h2>Naujienos antraštė</h2> <p>Lorem ipsum</p> <h3>Mini aprašymas lorem ipsum<h3>
Daugiausiai naudojami yra h1, h2, h3 ir h4, tačiau tikrai galite mėginti pritaikyti ir h5 ar h6 lygius.
Taigi, šią pamoką išmokome:
- Kada pritaikyti kokį heading lygį;
- Labiau išmanome heading elementą ir jo lygius.
---
Moderatorių prašau temos nerakinti. Jei kyla klausimų, neaiškumų - susisiekite su manimi šioje temoje arba skype: living.indream1
Tikiuosi, kad Jums patiko ir laukiate kitos dienos pamokos!
Šį pranešimą redagavo #BenasK: 23 March 2017 - 04:09 PM