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

08. Tabulas

Pirms dažiem gadiem, kad web tehnoloģijas vēl nebija tik tālu attīstījušās, tabulas bieži tika lietot mājas lapu izkārtojuma veidošanai. Šobrīd tas vairs nav ieteicamais veids, jo CSS mūsdienās sniedz daudz plašākas iespējas un dod iespēju veidot mājas lapas kodu, kas atbilst satura semantikai. Taču tabulas joprojām ir pareizākais un ērtākais veids tabulāru datu - datubāžu satura, dažādu uzskaitījumu un sarkastu attēlošanai. Tabulas sastāv no 3 tagiem: • tags <table> definē tabulas sākumu. • tags <tr> iezīmē tabulas rindu. Viena rinda var...

Lasīt tālāk

09. Formas

Formas HTML valodā tiek izmantotas, lai ļautu lietotājam ievadīt datus tālākai apstrādei. Jāņem vērā, ka pati HTML valoda nav paredzēta datu apstrādei. Šajā rakstā runāsim tikai par formu vizuālo parādīšanu lietotājam. Tas, kādas darbības ar ievadītajiem datiem tiek veiktas pēc tam, jau būs servera puses programmēšanas valodu, vai javascript pārziņā. Formas tiek izmantotas jebkurā interaktīvā lapā, kur lietotājs var kaut ko ierakstīt vai izvēlēties. Jebkurai formai nepieciešams ietverošais <form> tags, kas apzīmē formas sākumu un beigas....

Lasīt tālāk

10. Ietvari

Ar <frame> taga palīdzību jūs varat parādīt vairāk kā vienu lapu vienā pārlūka logā. Katrs <frame> ir pilnīgi neatkarīgi viens no otra, tādēļ tu vari klikšķināt uz saitēm vienā <frame>, bet otrā nekas nemainīsies. Lai divi <frame> tagi darbotos vienlaicīgi būtu ieteicams izmantot arī tagu <frameset>, kurš norāda cik lielu daudzuma aizņem katrs frame un kā viņi ir izdalīti (kolonās vai rindās). Paraugā zemāk mums ir 2 frames, kuri ir izdalīti kolonās (pirmais frame aizņem 30% lapas, bet otrais 70%). <frameset cols="30%,...

Lasīt tālāk

1 - 2 -

Atpakaļ Uz augšu