Tava Pirmā Mājaslapa: HTML Pamati
Iemācies HTML pamattagus un uzbūvē darbojošu mājaslapa divas stundas. Nav jāzina neko iepriekš — pilnīgs iesācēju ceļvedis.
Kāpēc HTML ir pirmais solis?
HTML ir interneta pamats. Tas ir valoda, ko pārlūkprogrammas saprot un parāda ekrānā. Vienkāršs, bet spēcīgs. Viņa nav programmēšana šādi kā Python vai Java — HTML ir instrukciju kopums, kas saka pārlūkprogrammai: "Šeit ir virsraksts, šeit ir teksts, šeit ir attēls."
Sākt ar HTML nozīmē sākt ar kaut ko konkrētu. Divas stundas — un tev ir reāla mājaslapa. Nav abstraktu teoriju. Nav gaidīšanas. Rezultāts ir redzams uzreiz.
Četri pamattagи, kas tev jāzina
HTML darbojas ar tagiem. Tags ir kā konteiners — tas saka pārlūkprogrammai, kas atrodas iekšpusē. Vairumam tagu ir atvēršanas tags un slēgšanas tags. Vienkāršs piemērs:
<h1>Mans Pirmais Virsraksts</h1>
Tur ir četri pamattagи, ko iesācējiem vajag zināt. Virsraksti —
<h1>
līdz
<h6>
. Teksts —
<p>
tagis. Attēli —
<img>
tagis. Un saites —
<a>
tagis. Ar šiem četriem tu vari uzbūvēt reālu mājaslapa.
Pēc divām stundām tev būs skaidrs, kā katrs darbojas.
Kā uzbūvēt savu mājaslapa pēc soļiem
Šis ir procesa pārskats. Jūs vienkārši sākat ar teksta redaktoru.
01
Atvērt teksta redaktoru
Notepad, Visual Studio Code, vai jebkurš vienkāršs redaktors. Nav jāmaksā nekas. Nav jāinstalē sarežģīti softvērs.
02
Rakstīt HTML struktūru
Sākt ar vienkāršu skeletonu — html, head, body tagiem. Tad pievienot virsrakstu, paragrāfus, attēlus. Viena rinda pēc otras.
03
Saglabāt kā .html failu
Saglabā ar nosaukumu piemēram index.html. Fails tiek saglabāts uz tavā datorā.
04
Atvērt pārlūkprogrammā
Dubultklikšķis uz faila vai velc to pārlūkprogrammā. Redzēsi tavu mājaslapa dzīvā.
Kāpēc HTML ir tik svarīgs iesācējiem?
HTML dod tev uzreiz rezultātu. Nav gaidīšanas kompilācijas vai nogaidīšanas, lai sāktu. Jūs rakstat — jūs redz. Tas ir visvieglākais iespējams solis programmēšanā.
Plus, HTML ir universāls. Jebkura mājaslapa interneta pamatā ir HTML. Facebook, YouTube, Wikipedia — visi sākas ar HTML. Kad tu uzzini HTML, tu uzzini kaut ko, kas tiek izmantots visur.
Pēc HTML var pāriet uz CSS — lai mājaslapa izskatītos skaista. Bet sākt ar HTML nozīmē sākt ar fundamentiem. Pareizi.
Praktiskās padomi, ko izmantot no pirmās dienas
Nekas grūts. Vienkārši vērtīgas lietas.
Izmanto korektu indentāciju
Pieskaņo tagu vietas ar atstarpi. Tas padara kodu vieglāk lasāmu un tev pašam ir mazāk kļūdu.
Vienmēr slēdz tagus
Atvērt tag — slēgt tag. <p> sāk paragrāfu, </p> to beidz. Neatslēgtie tagi rada neprognozējamas problēmas.
Pievienojiet alt tekstu attēliem
Alt atribūts apraksta attēlu. Nepieciešams cilvēkiem ar redzes traucējumiem un palīdz SEO.
Vienkāršas saites darbojas
<a href="url"> un vairums cilvēku var nokļūt uz citu lapu. Nav jāpadara to sarežģītu.
Domā par mobilajiem lietotājiem
Vairums cilvēku pārlūko internetu mobilajā telefonā. Vienkāršs HTML automātiski darbojas labāk.
Izmanto semantiskos tagus
Tagi kā <header>, <nav>, <article> saka pārlūkprogrammai, kas ir svarīgs saturs.
Kādi rīki tev ir nepieciešami? (Spoileris: Ļoti maz)
Tas ir viens no labākajiem aspektiem par HTML sāknēšanu. Tev nav nepieciešami daudzi rīki. Teksta redaktors — tas ir tas. Notepad uz Windows darbojas. Textedit uz Mac darbojas. Linux? Vienkārši nano vai vi.
Ja vēlies kaut ko nedaudz labāku, Visual Studio Code ir bezmaksas un populārs. Tas sniedz tev krāsu kodam, pieņēmumus un atsauces. Bet tas nav obligāti. Pamats ir — teksts, tags, fails.
Pārlūkprogramma — tas arī jau ir tavā datorā. Chrome, Firefox, Safari. Jebkurs no tiem darbojas.
Secinājums: Sāc šodien
HTML ir skaists iesācēja punkts, jo tas ir vienkāršs un bezcerīgs. Divas stundas — un tev ir reāla mājaslapa. Nav teoriju. Nav abstraktu jēdzienu. Kods, ko rakstīsi, pārlūkprogramma to tūlīt parāda.
Nākamais solis ir CSS, kas padara mājaslapa skaista. Pēc tam JavaScript, kas padara to interaktīvu. Bet tas ir vēlāk. Tagad sāc ar HTML.
Atceries: visi tīmekļa izstrādātāji sākuši ar vienu HTML tagu. Vienu rindu koda. Vienā reizē. Tu vari to darīt arī.
Informācija par šo vadlīniju
Šis raksts ir paredzēts izglītības nolūkiem un nodrošina iepazīšanās materiālu ar HTML pamatiem. Tas nav pilns programmēšanas kurss. Dažādi rīki, redaktori un pārlūkprogrammas var nedaudz atšķirties. Vienmēr seko jaunākajiem labākās prakses padomiem un piesardzīgi testē savu kodu dažādos pārlūkprogrammas un ierīcēs. Turpmāka apmācība no sertificētiem izglītības resuriem ir ieteicama progresēšanai.
Saistītie raksti
