01. Ievads HTML

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 paragrāfi, saraksti u.c. Interneta pārlūkprogramma šo speciāli iezīmēto tekstu apstrādā un parāda lietotājam.

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 aprakstīt izmantojot CSS.

Kas nepieciešams lai sāktu mācīties?

Lai sāktu apgūt HTML lietošanu vajadzīga tikai interneta pārlūkprogramma un vienkāršs teksta redaktors. Pārlūkprogramma Tev acīmredzot jau ir, tāpēc pievērsīsimies teksta redaktoram. Vispār šim mērķim var izmantot jebkuru teksta redaktoru, kaut vai windows iebūvēto notepad vai kādu vēl vienkāršāku komandrindas programmu, taču ērtības labad iesaku izvēlēties kādu šim mērķim pielāgotu rīku, kurš iekrāsotu HTML tagus un tādejādi atvieglotu darbu. Šādu redaktoru ir daudz, un tik pat daudz arī viedokļu par to, kurš ir labāks, tāpēc ievietošu saites uz dažām populārām bezmaksas programmām atstājot izvēli Tavās rokās:

PSPad

Notepad++

Vienkāršs HTML dokuments

Kad esi izvēlējies sev vēlamo programmu, laiks izmēģināt vienkārša HTML dokumenta izveidi. Par katra elementa nozīmi sīkāk tiks izklāstīts nākamajās sadaļās, pagaidām pietiks, ja iekopēsi zemāk redzamo kodu savā teksta redaktorā un saglabāsi kā failu "lapa.html"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
<title>Mana mājas lapa</title>
</head>

<body>
Sveiki! Šī ir mana pirmā mājas lapa!
</body>

</html>

Kad tas izdarīts, atver jaunizveidoto failu ar interneta pārlūkprogrammu. Ja redzams aptuveni šāds logs, tad viss ir izdarīts pareizi:

Sveiki! Šī ir mana pirmā mājas lapa!

Ja tomēr atverot failu ar pārlūkprogrammu, ir redzams nevis šāds teksts, bet viss iepriekš nokopētais kods, tad pārliecinies, vai fails patiešām ir saglabāts html, nevis txt formātā.


Piezīme: HTML valodai ir dažādas versijas, taču pašos pamatos tās būtiski neatšķiras. XHTML ir uzskatāma par atsevišķu valodu, taču praksē tā tiek izmantota kā HTML pēctece, tāpēc visi šajā lapā atrodamie piemēri ir veidoti vadoties pēc XHTML 1.0 Strict vadlīnijām. XHTML nozīmē Extensible HyperText Markup Language, tā ir valoda kas sniedz tās pašas iespējas ko HTML, taču tā ir "tīrāka" un ar striktāku sintaksi.

Laboja Maadinsh, labots 9x

Lasītāju vērtējums: 3.21 (17 balsis)

zai4ik zai4ik
Grupa: Viesi

#1 28. februāris, 2010 16:05

ā iet

Pekka Pekka
Grupa: Viesi

#2 3. novembris, 2010 16:18

Paldies par ieguldīto darbu! Tas ir tas ko meklēju (latviski)
Tā tik turpināt, domāju daudziem tas varētu palīdzēt.
Lai veicas! smiley.png

Static Static Rokaholiķis Grupa: RA
Karma: 2218

0 #3 3. novembris, 2010 16:31

Nju bija jau vajadzīgs, itkā diezgan zinu par mājaslapu taisīšanu, bet par daudz nekad nenāk par sliktu smiley.png

profils galerija

Jayden James Jayden James DIRSLAIZIS Grupa: Lietotāji
Karma: 676

0 #4 20. janvāris, 2011 21:17

Man ir viens jautājums, īsti nezināju kur lai liek bet jā.
Kā lai es caur localhost palaižu mājaslapu kādu programmu vajadzēja? Itkā cik atceros vajadzēja appserver, bet nevaru viņu normāli vienu pašu atrast, kad kačāju tad nokačājas veel 10 citas dazādas programmas.
Un vēl kas, kad ierakstu savu IP adressi interneta logā, jeb tur kur jūs rakstat piemēram www.exs.lv viņš man prasa lietotājvārdu un paroli.. Kā lai to risina?

un vēl, tagad noladēju to notepad++ kad mēģinu atvērt caur run chrome viņš izmet šādi;

http://img407.imageshack.us/i/abcdeghsdsdfhshf.jpg/

profils galerija

burvis burvis Guru Grupa: RA
Karma: 1263

+2 #5 20. janvāris, 2011 22:02

#4 - Izmanto XAMPP vai WAMP, tur jau iekšā būs viss nepieciešamais. Kad uzstādīsi vienu no šīm programmām un palaidīsi, varēsi ieiet savās lapās caur adresi 127.0.0.1. 
Un es īsti nesapratu, ko tu tur mēģināji atvērt. Ja kaut kādu html failu, kuru esi izveidojis, tad linkā jābūt precīzai adresei uz failu, t.i., " file:///C:/Documents%20and%20Settings/-vai-kādā-vietā-tev-tas-fails-atrodas/nosaukums.html ". Protams, ja būsi ieinstalējies XAMPP vai WAMP un iemetis savus failus šīs programmas attiecīgajā mapē, varēsi piekļūt caur adresi 127.0.0.1/index.html utt

profils galerija

Jayden James Jayden James DIRSLAIZIS Grupa: Lietotāji
Karma: 676

0 #6 20. janvāris, 2011 22:16

Jā caur notepad++ sapratu, kā var iejiet. Bet tagad man interesē kā caur to appserver var visu sačinīt tā lai viņš parādas uz localhost

profils galerija

burvis burvis Guru Grupa: RA
Karma: 1263

+2 #7 20. janvāris, 2011 22:28

Es jau tev teicu, uzinstalē XAMPP vai WAMP un ieslēdz. Tad ievadi adresē 127.0.0.1, un tev parādīsies XAMPP vai WAMP info lapa. Ja iemetīsi sevis izveidotos failus mapēs (ja nemaldos, XAMPP tā saucas htdocs, bet WAMP - www) vietā, kur programma ieinstalēta, varēsi arī tos apskatīt caur 127.0.0.1/failanosaukums.html

profils galerija

Jayden James Jayden James DIRSLAIZIS Grupa: Lietotāji
Karma: 676

0 #8 20. janvāris, 2011 22:37

Liels paldies burvi, šis bija tieši tas ko meklēju.

Zini, tagad uzinstalēju to visu, iemetu savu mājaslapu tur iekšā, eju caur " http://127.0.0.1/ " vai " http://localhost/ " bet tikuntā tur nekas nerādas.

profils galerija

throttle throttle </alus> Grupa: Moderatori
Karma: 1249

0 #9 21. janvāris, 2011 12:15

Apsserv, vienkārši ieliec /www mapītē visu vajadzīgo un caur pārlūku ieraksta http://localhost/failanosaukums.html
izslēdz skaipu, dažreiz bloķē 80 portu un tāpēc nekas neiet.

profils galerija

Raitiz Raitiz Jauniņais Grupa: Lietotāji
Karma: 6

0 #10 9. februāris, 2011 17:43

Paldies par mājas darbu! smiley-grin.png
Labs darbs! smiley.png

profils galerija

Komentāri ir slēgti.

Atpakaļ Uz augšu