HTML pamati

01. Ievads HTML

Apgūstot mājas lapu veidošanu, pirmā lieta, ko vajadzētu sākt mācīties ir HTML - Hiperteksta iezīmēšanas valoda (HyperText Markup Language). Jebkura interneta lappuse būtībā ir vienkāršs teksta dokuments, kurā ar speciālām iezīmēm, jeb HTML tagiem ir atzīmēti dažādi elementi - virsraksti, teksta rindkopas, saraksti u.c. Interneta pārlūkprogramma šo speciāli iezīmēto tekstu apstrādā un parāda lietotājam saprotamā veidā. HTML valoda ir paredzēta, lai piešķirtu elementiem nozīmi, nevis izskatu. Pēc tam, kad elementiem piešķirta nozīme, to izskatu var...

Lasīt tālāk

02. HTML sintakse

Jebkuras valodas pamatā ir vārdi. HTML valodas "vārdi" ir tagi. Jebkurš HTML tags sākas ar < un beidzas ar > zīmēm. Katram HTML tagam ir noteikta nozīme, ko tas piešķir tekstam vai citam objektam. Pāra tagi Lielākā daļa HTML tagu ir pāra tagi. Tie attiecas uz noteiktu teksta daļu, ko norobežo atverošais un noslēdzošais HTML tags, un piešķir šai teksta daļai noteiktu nozīmi dokumentā. Noslēdzošais tags atšķiras no atverošā ar simbolu / pēc <. Pāra tagiem vienmēr ir nepieciešams aizverošais tags. Pārlūkprogrammas gan pieļauj daudz ko, un...

Lasīt tālāk

03. Pamatelementi

Kāda ir HTML dokumenta struktūra? Apskatīsim pirmajā sadaļā doto piemēru: Dokumenta tips: <!DOCTYPE... šī dokumenta daļa informē pārlūkprogrammu par to, kāda HTML vai XHTML versija dokumentā ir izmantota, līdz ar to programma spēj pareizi apstrādāt tālāk doto kodu. Vari apskatīt sarakstu ar iespējamajiem dokumentu tipiem. Bet pagaidām paliksim pie HTML5. Šī daļa nav obligāti nepieciešama lai lapa darbotos, bet bez tās var rasties problēmas ar sarežģītu lapu attēlošanu, jo pārlūkprogrammai ir "jāuzmin", pēc kādām specifikācijām vajadzēs attēlot...

Lasīt tālāk

04. Virsraksti, teksts

Lai dokumenta struktūra būtu labi saprotama un pārskatāma gan Tavas lapas apmeklētājiem, gan, piemēram, google meklētājam, nepieciešams lietot virsrakstus un rindkopas. Virsraksti HTML pieļauj sešus virsrakstu līmeņus - <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Ir būtiski tos lapā lietot atbilstoši satura nozīmei. Nav jāuztraucas par burtu noformējumu vai izmēru - to visu pēc tam varēs norādīt ar CSS palīdzību, rakstot HTML kodu virsrakstus ir jāizvēlas pēc nozīmes, nevis burtu izmēra. Tie sakārtoti secīgi, pēc nozīmīguma....

Lasīt tālāk

05. Saraksti

Saraksti sākumā var šķist nenozīmīga HTML daļa, taču mainot to izskatu ar CSS, tie iegūst daudz plašāku pielietojumu, nekā sākumā varētu iedomēties - sarakstus var izmantot ne tikai kā vienkāršu lietu uzskaitījumu tekstā, bet arī daudzlīmeņu izvēlnēs, rakstu komentāru attēlošanā, saišu blokos, attēlu galerijās u.c. Praksē tie tiek izmantoti gandrīz jebkurā mājas lapā. HTML valoda sevī ietver 3 sarakstu tipus: • sakārtots saraksts <ol> (ordered list) - uzskaitījumam lieto skaitļus vai burtus. Šādus sarkastus parasti izvēlas tur, kur saturiski...

Lasīt tālāk

06. Saites

Saites ir neatņemama daļa jebkurai interneta lapai. Nospiežot uz saites (hiperlinka), lietotājs nonāk citā lapā vai lapas sadaļā. Tehniski saišu veidošanai tiek izmantos speciāls tags. <a> tags tiek izmantots, lai izveidotu saiti no viena dokumenta uz citu, vai arī uz citu tā paša dokumenta daļu. Galvenais <a> taga parametrs ir href, jeb hyper-reference, kas norāda, uz kurieni saite vedīs. Paraugs: <a href="https://google.lv">doties uz google</a> Rezultāts: doties uz google Neobligāts, taču stipri ieteicams <a> parametrs ir title - nosaukums....

Lasīt tālāk

07. Attēli

Lai ievietotu dokumentā attēlu, tiek izmantots <img /> tags. Piemērs: <img src="https://exs.lv/bildes/demo.jpg" alt="Demo attēls" /> Rezultāts: src norāda atrašanās vietu. Tā var būt gan absolūtā, gan relatīvā attēla adrese. Relatīvā adrese nozīmē faila atrašanās vietu attiecībā pret HTML dokumentu. Ja bilde atrodas tajā pašā mapē, kur HTML dokuments, relatīvā adrese ir vienkārši nosaukums.jpg, bet, ja bilde tiek ievietota mapē "atteli", relatīvā adrese ir atteli/nosaukums.jpg. Savukārt absolūtā adrese ir faila atrašanās vieta attiecībā pret...

Lasīt tālāk

Tagu saraksts

Piezīme: no sarkanā krāsā atzīmēto tagu lietošanas vēlams izvairīties. Tie ir novecojuši, un ar tiem iegūto efektu var panākt izmantojot CSS. Tags Pielietojums a Saite abbr Abreviatūras (saīsinājuma) skaidorojums acronym Akronīma skaidrojums address Norāda adresi, kontaktinformāciju area Tiek izmantots attēlu karš (image map) veidošanā b Treknraksts base Norāda adresi, no kuras sākas dokumentā lietotās relatīvās saites bdo Norāda teksta virzienu, ja dokumentā tiek teksta fragments valodā, kuras lasīšanas virziens ir pretējs pārējam dokumenta saturam big...

Lasīt tālāk

Atpakaļ Uz augšu