Pēdējoreiz atjaunināts
HTML ir iezīmēšanas valoda, kuru vietņu izstrādātāji izmanto, lai izveidotu visas internetā atrodamās tīmekļa lapas.
HTML ir iezīmēšanas valoda, kuru vietņu izstrādātāji izmanto, lai izveidotu visas internetā atrodamās tīmekļa lapas.
Kas ir HTML?
HTML nozīmē Hyper Text Markup Language. Tas nosaka tīmekļa lapas izkārtojumu un struktūru, iekavās formatējot “tagus”, kas sastāv no simboliem, kas mazāki par “”.
Katrā tīmekļa lapas elementā ir īpaša etiķete, kas pārlūkam norāda, kā formatēt vai strukturēt šo lapas sadaļu. Tādējādi visa tīmekļa lapa ir vienkārši šo elementu virkne.
Piemēram, vienā no vienkāršākajām tīmekļa lapām būs:
- : Atzīmē HTML faila sākumu un beigas
- : Atzīmē tīmekļa lapas galvenes informācijas sākumu un beigas
- : Iezīmē nosaukumu, kas jāparāda pārlūkprogrammas virsraksta joslā
- : Atzīmē tīmekļa lapas satura sākumu un beigas
- uz: Lielumi visā dokumentā no lieliem (H1) līdz ļoti maziem (H6)
- : Ievieto rindkopu pārtraukumu, atgriežoties diviem pārvadājumiem (viena atstarpe starp rindām)
-
: Ievieto līnijas pārtraukumu (starp atstarpēm nav atstarpes) - : Teksts ir treknrakstā starp tagiem
- : Teksts tiek kursīvā starp tagiem
- : Ievieto attēlu visur, kur šis tags pastāv
- : Dokumentā ievieto saiti uz citu tīmekļa lapu
Ir daudz citu HTML tagu, kurus varat izmantot, taču iepriekš minētie ir visbiežāk sastopami lielākajā daļā tīmekļa lapu visā internetā.
HTML faila piemērs
Lai izveidotu savu tīmekļa lapu, nav nepieciešams programmēšanas fons. Patiesībā jūs varat tūlīt atvērt Notepad, ierakstīt vienkāršu tekstu un saglabāt to kā .html vai .htm failu. Šī varētu būt pirmā tīmekļa lapa, ko jebkad esat izveidojis, un viss, kas jums nepieciešams, ir jūsu pašu dators.
Šis ir ļoti vienkārša HTML faila piemērs.
Šī ir mana pirmā rindkopa.Šī ir pirmā galvene
Šī ir otrā līnija
Šī ir vēl viena rindkopa.
Lūk, kā darbojas šis hiperteksta marķējums:
- Pirmās divas rindas pārlūkam norāda, ka dokuments ir HTML formātā un ka valoda ir angļu.
- Lapas virsrakstu pievienoja
un iestatiet, lai pārlūkprogrammas vietne tiktu parādīta kā “Web lapas nosaukums”. - Sadaļa, kas pievienota un stāsta pārlūkprogrammai, ka šajās rindās ir saturs, kas jāparāda tīmekļa lapā.
- Galvene ir pievienota
un
tagi izveido “Šī ir pirmā galvene” lielākajā galvenes fontā, kas pieejams HTML. - The
un
tagi ievieto atstarpi pēc tagu. - The
tag ievieto vienu rindiņu pārtraukumu pēc šī teikuma. - pabeidz dokumentu, un šajā brīdī tiks pārtraukta tīmekļa lapas ielāde.
Šis ir iepriekš minētais tīmekļa lapas fails, kad to atverat ar pārlūku.
Kā redzat, ir vienkārši izveidot tīmekļa lapu, pat ja jums nav tīmekļa servera. Viss, kas jums nepieciešams, ir izveidot HTML failu un ielādēt to ar
Kā darbojas HTML
Acīmredzot lielākā daļa lapu netiek glabātas jūsu datorā. Tā vietā tie tiek glabāti tīmekļa serveros internetā. Tātad, kad jūs apmeklējat rakstu vai citu saturu jebkurā vietnē, serveris jūsu pārlūkprogrammai nosūta .html failu, kas satur šīs lapas saturu.
Jūs varat redzēt HTML kodu jebkurai tīmekļa pārlūkprogrammas pārlūkprogrammai, ar peles labo pogu noklikšķinot jebkurā vietā lapā un atlasot Skatīt lapas avotu.
Tas parādīs kodu, kas atrodas aiz tīmekļa lapas. Pēc pirmā taga faila augšdaļā varat redzēt, ka tas ir HTML fails.
Tomēr ievērosiet arī to, ka pirmkods satur cita veida tagus, kas nebūt nav HTML tagi.
Iegulti skripti HTML failos
Piemēram, jūs varat redzēt kodu, kas izsauc .php vai .js failus. Tie ir PHP un Javascript skripti, kas ļauj dinamiskām tīmekļa lapām ielādēt dažādu saturu atkarībā no lietotāja ieejas vai citi skripti kas darbojas tīmekļa serverī vai pārlūkprogrammā un piegādā saturu tajā pašā HTML failā, kuru lasa jūsu pārlūkprogramma.
Tā kā HTML ir “statiska” metode, ko izmanto tīmekļa lapas satura formatēšanai, tīmekļa dizaineriem ir nepieciešams dinamiskāks veids, kā mainīt lapas saturu atkarībā no tā, kur pārlūkprogrammas kursē vai klikšķina. Pārlūkprogrammas var lasīt un interpretēt Javascript kodu, mainot tīmekļa lapas formatējumu vai citus elementus, pamatojoties uz lietotāju mijiedarbību.
Piemēram, šādi lapas izvēlnes mainīs krāsu ikreiz, kad virzīsit kursoru virs katra izvēlnes vienuma.
Tīmekļa lapā iegultais PHP kods ļauj pareizi darboties, piemēram, dinamiskajām pogām. Piemēram, Komentāri Šajā vietnē redzamo rakstu apakšdaļā esošo pogu vada PHP kods, kas darbojas serverī un sniegs komentārus, kas publicēti katrā rakstā.
PHP ļauj tīmekļa administratoriem izveidot arī tādas novatoriskas funkcijas kā bezgalīga ritināšana, kas turpina ielādēt jaunus rakstus, ritinot uz leju vietnes galveno lapu.
Pateicoties modernajām tīmekļa skriptu valodām, mūsdienu tīmekļa lapas vairs nav tikai statiskas, un to atļauj tikai HTML kods.
Citi HTML tagi
Ja esat gatavs sākt veidot savus HTML failus, jums jāzina, kā izmantot visizplatītākos HTML tagus, kas pārsniedz iepriekš aprakstītos.
Tālāk ir sniegti daži piemēri vēl dažiem HTML tagiem, kurus varat izmantot, kodējot savas tīmekļa lapas.
HREF, lai ievietotu saites
Lai iegultu saiti savā tīmekļa lapā, izmantojiet href.
Atrodiet savu iPhone, izmantojot Hey Siri
Tas saistīs tekstu “Atrodiet savu iPhone, izmantojot Hey Siri”, ar URL saiti, kuru esat ievietojis pēdiņās pēc “href =”.
IMG SRC, lai ievietotu attēlus
Jūs varat ievietot attēlus Web lapā, izmantojot img src.
Tas no tīmekļa servera izvilks attēlu my-picture.jpg un parādīs to lapā, kurā ievietojāt šo tagu, kura platums ir 150 pikseļi un augstums 120 pikseļi.
The alt parametrs parāda tekstu “mans profila fotoattēls” pārlūkprogrammās, kuras nevar parādīt attēlu. Ja neiekļausit parametru “stils”, attēls tiks parādīts tā sākotnējā izšķirtspējā, kas var būt pārāk liels vai pārāk mazs tās lapas apgabalam, kurā to ievietojat.
UL un OL, lai izveidotu sarakstus
Ja savā saturā vēlaties izmantot aizzīmes vai numurētus sarakstus, to var izdarīt divi tagi.
Šis kods ievietos nenumurētu sarakstu (aizzīmes):
Izmantot
- saraksta sākumā un
To pašu pieeju numurētajam sarakstam varat izmantot, izmantojot
- kas nozīmē “Pasūtīto saraksts”.
Galdu ievietošana
Tīmekļa lapu formatēšanai tīmekļa dizaineri mēdza izmantot lielas tabulas. Bet, parādoties kaskādes stila lapām (CSS), tas vairs nav vajadzīgs. Tā vietā CSS faili tiek saglabāti tīmekļa serverī, un HTML lapas izsauc šos failus, lai noteiktu, kā formatēt tādas lietas kā piemales, fontu lielumus un krāsas un daudz ko citu.
Tomēr tabulas joprojām ir noderīgas, lai parādītu tādas lietas kā dati. Lai ievietotu tabulu, pievienojiet satura sākumu ar
Katru rindu aizveriet ar
Nosaukums Adrese Telefona numurs Raiens Dobē 100 Džonsa josla; Džonsonsitija, TN 317-555-1212
Tas tiks izvadīts uz tīmekļa lapu šādi:
Izmantojot tikai šos pamatelementus, varat izveidot noderīgas statiskas tīmekļa lapas, lai parādītu savu saturu internetā. Viss, kas jums nepieciešams, lai to padarītu publisku un pasaulei redzamu, ir pierakstīšanās uz tīmekļa mitināšanas konts un saglabājiet failus publiskajā mapē jūsu kontā.
Patiesībā, palaižot savu vietni ir pārsteidzoši viegli, it īpaši, ja izvēlaties izmantot satura pārvaldību platforma, piemēram, WordPress.
Kā notīrīt Google Chrome kešatmiņu, sīkfailus un pārlūkošanas vēsturi
Pārlūks Chrome lieliski veic pārlūkošanas vēstures, kešatmiņas un sīkfailu saglabāšanu, lai optimizētu pārlūkprogrammas veiktspēju tiešsaistē. Viņas kā ...
Cenu salīdzināšana veikalā: kā iegūt cenas tiešsaistē, iepērkoties veikalā
Pērkot veikalā, tas nenozīmē, ka jāmaksā augstākas cenas. Pateicoties cenu saskaņošanas garantijām, jūs varat saņemt atlaides tiešsaistē, iepērkoties ...
Kā dāvināt Disney Plus abonementu, izmantojot digitālo dāvanu karti
Ja esat izbaudījis Disney Plus un vēlaties to kopīgot ar citiem, lūk, kā iegādāties Disney + dāvanu abonementu ...
Jūsu ceļvedis dokumentu kopīgošanai pakalpojumā Google dokumenti, Izklājlapas un Prezentācijas
Jūs varat viegli sadarboties ar Google tīmekļa lietotnēm. Šis ir jūsu ceļvedis koplietošanai pakalpojumos Google dokumenti, Izklājlapas un Prezentācijas ar atļaujām ...