Ja vēlaties izveidot savu tīmekļa lapu, jums ir jābūt izpratnei par HTML. This article explains how to create an HTML page. Arī, jūs uzzināsiet, kā izveidot xml vietnes karti un kā pievienot attēlu un saiti. Ir svarīgi arī izveidot xml vietnes karti, kas var palīdzēt sakārtot vietni un palielināt trafiku. Nākamais solis ir izvēlēties veidni.
Creating a html page
HTML ir iezīmēšanas valoda. Katrs tīmekļa lapas elements ir attēlots ar tagu. Tagu identificē ar leņķa iekavām, un katram elementam ir viens vai vairāki tagi. Dažiem elementiem ir nepieciešams tikai viens tags; citiem var būt nepieciešami divi. Atvēršanas un aizvēršanas tagiem ir slīpsvītra uz priekšu (/). Piemēram, rindkopas elements tiek attēlots ar p tagu. Teksts starp sākuma un beigu tagiem ir rindkopas teksts.
Lai izveidotu HTML dokumentu, jums būs jāizmanto teksta redaktors. Lielākajai daļai datoru pēc noklusējuma ir teksta redaktors. Windows lietotāji izmantos Internet Explorer, kamēr Mac lietotāji var izmantot TextEdit. Varat instalēt izdomātu teksta redaktoru, lai izveidotu profesionāla izskata tīmekļa lapu, bet jūsu pirmajai HTML lapai, tas nav nepieciešams. Varat arī izmantot vienkāršu teksta redaktoru un jebkuru tīmekļa pārlūkprogrammu. Ja neesat pārliecināts, kuru programmu izmantot, mēģiniet lejupielādēt bezmaksas HTML redaktoru.
HTML lapai ir divas galvenās sadaļas: ķermenis un galva. Pamata sadaļā ir ietverts faktiskais vietnes saturs, bet virsrakstam un metainformācijai tiek izmantota galvas sadaļa. Ķermenis satur visus citus elementus, ieskaitot attēlus un citas grafikas. Galvenes sadaļa ir vieta, kur ievietot savas navigācijas saites. Kad esat pabeidzis rakstīt pamattekstu, esat gatavs ievietot dokumenta saturu. Noteikti izmantojiet ķermeņa un galvas elementus, lai nodrošinātu, ka jūsu vietne ir pieejama ikvienam.
Creating a xml sitemap
If you have an HTML page, iespējams, vēlēsities izveidot XML vietnes karti, lai palīdzētu meklētājprogrammām pārmeklēt jūsu vietni. Lai gan tas neietekmēs jūsu meklēšanas klasifikāciju, tas palīdzēs meklētājprogrammām izprast jūsu saturu un pielāgot to pārmeklēšanas ātrumu. Šādā veidā, jūsu vietne būs labāk redzama meklētājprogrammu rezultātos. Šeit ir daži vienkārši soļi, lai sāktu:
HTML vietnes kartes izveide ir vienkārša. Viss, kas jums jādara, ir izveidot vienkāršu savas vietnes lapu tabulu, ar saitēm uz katru lapu. Pēc tam galvenē vai kājenē saiti uz šo vietnes kartes lapu. Šādā veidā, neatkarīgi no jūsu vietnes lapu skaita, cilvēki var viegli pārvietoties pa tiem. Turklāt, jums nav jāiesniedz SEO, lai izveidotu vietnes karti.
Tiklīdz jūsu HTML lapa ir pieejama, iesniedziet to Google Search Console. Varat izmantot jebkuru faila paplašinājumu un nosaukt savu XML vietnes karti. Jūs varat iesniegt XML vietnes karti uzņēmumam Google, bet tas nav nepieciešams. Google rāpuļprogrammas parasti diezgan labi spēj atklāt jaunu saturu, un jums nav viņiem jāiesniedz vietnes karte. Varat to iesniegt arī citām meklētājprogrammām, taču tas negarantē, ka Google jūs atklās.
Nav nepieciešams savai tīmekļa lapai pievienot XML vietnes karti, bet tas palielinās jūsu vietnes SEO. Meklētājprogrammas izmanto vietņu kartes, lai palīdzētu tām rādīt lapas, uz kurām tīmekļa lapa nav tieši saistīta. Vietņu kartes arī palīdz uzlabot multivides satura pieejamību. Vietnes kartes pievienošana savai vietnei var palīdzēt padarīt vietni pieejamāku meklētājprogrammu robotiem.
Adding a picture
In HTML, varat pievienot lapai attēlu, izmantojot img tagu. Šajā tagā ir tikai attēls un tā atribūti; tam nav nepieciešama beigu atzīme. Šis attēla tags ir jāievieto HTML dokumenta pamatteksta sadaļā. Papildus attēla platumam un augstumam, jums ir jāiekļauj alt atribūts, kas apraksta attēlu. Alt tags ir jāraksta tā, it kā jūs rakstītu aprakstu personai, kura to neredz.
Lai pievienotu attēlu HTML dokumentam, ir nepieciešamas CSS un HTML zināšanas. Attēla izmērs un izšķirtspēja ir divi no vissvarīgākajiem faktoriem, kas jāņem vērā. Attēla izmērs noteiks, kā tas iederēsies dokumenta saturā. Ja vēlaties izmantot citu izšķirtspēju vai malu attiecību, varat arī mēģināt mainīt attēla izmēru. Tomēr, atcerieties, ka mērogošana ne vienmēr darbojas tā, kā jūs gaidāt.
Labs noteikums attēla izmēra pielāgošanai ir palielināt tā platumu. Platumam jābūt vismaz par vienu pikseļu mazākam par augstumu. Ja attēls ir pārāk mazs, lai to parādītu, varat pievienot apmali, un pēc tam pielāgojiet to, lai tas atbilstu attēla izmēram. Varat arī pielāgot attēla apmali, pievienojot to apmales atribūtam. Apmales biezums ir noklusējuma vērtība, bet jūs varat iestatīt to uz jebkuru vērtību. Pārliecinieties, vai attēlam ir src atribūts.
Adding a link
You can add a link in HTML to your document using an a> tagu ar href atribūtu. Tādējādi dokumentam tiks izveidota grāmatzīme un tas tiks atvērts jaunā cilnē. Varat arī izmantot atribūtu href, lai dokumentā ievietotu attēlu. Varat arī izmantot saiti ar JavaScript kodu, lai pārvērstu HTML pogu par saiti. Kad esat to izdarījis, varat veidot savu saiti ar CSS vai JavaScript kodu.
Saite ir savienojums no viena tīmekļa resursa uz citu. Tas sastāv no diviem galiem, avota enkurs un galamērķa enkurs. Saite var būt jebkas, sākot no attēla līdz teksta failam. Lielākā daļa sociālo tīklu vietņu un vietņu izmanto saites, lai novirzītu lietotājus uz noteiktu URL. HTML var izmantot arī, lai norādītu saites atrašanās vietu. Tas ir’ atribūts ļauj saistīt koda elementus ar URL.
Veidojot saiti, noteikti apsveriet, kā jūsu apmeklētāji izmantos saturu. Saites tekstam jābūt aprakstošam, lai viņi precīzi zinātu, kas viņiem jāsagaida. Viena un tā paša URL atkārtošana ir neglīta ekrāna lasītājiem, un tas viņiem nesniedz nekādu noderīgu informāciju. Ekrāna lasītāji arī informē lietotājus par saitēm, padarot tām atšķirīgu stilu vai pasvītrojot. Pa šo ceļu, viņi var viegli atrast vajadzīgo informāciju.
Adding a table
Adding a table to an HTML page is simple, taču ir dažas lietas, kas jums jāņem vērā, pirms to darāt. Jūsu galda fona krāsai ir izšķiroša nozīme, lai piesaistītu apmeklētāju uzmanību un pievērstu uzmanību svarīgai informācijai. Varat iestatīt citu krāsu tabulas galvenes elementam un datu elementam, izmantojot hex krāsu kodus vai krāsu nosaukumus. Lai nu kā, jūsu galds būs viegli pamanāms.
Tabulas galveni un tabulas datus var pievienot ar elementu td, kas definē indivīdu “kastes” par saturu. Tabulas galvenes pievienošana ir pirmais solis datu parādīšanai tīmekļa lapā, un, ja vēlaties, pievienojiet pirmo. Tabulā jābūt arī trīs rindu virsrakstiem. Vienai galvenei jābūt tukšai. Ja jūsu tabulā ir kolonnas, jums vajadzētu arī izveidot rindu galvenes katrai kolonnai.
Tabulai varat pievienot arī parakstus. Paraksts ir neobligāts elements, kas apraksta tabulas mērķi. Paraksti ir noderīgi arī pieejamībai. Tabulā var būt arī šūnas, kas apraksta datu grupas. Beidzot, varat pievienot reklāmas elementu, lai definētu rindu un kolonnu kopu. Varat izmantot abus elementus kopā vai atsevišķi. Jūs pat varat tos izmantot kombinācijā, bet paraksts ir vissvarīgākais.
Adding a div
Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. Div elements ir īpašs teksta konteiners, attēlus, un citi elementi. Varat to nosaukt jebko, kas jums patīk, un mainīt tā atribūtus atbilstoši savām vajadzībām. Varat arī pievienot klasi vai piemali, lai izveidotu atstarpi starp div un citiem lapas elementiem.
Varat arī izmantot atribūtu innerHTML, lai ievietotu kodu div. Šī metode pieņem kodu, kas ietverts virknē, un, ja tas neatrodas div, saturs tiks noņemts. Šādā veidā jums vajadzētu izvairīties no koda ievietošanas div, jo tas var pakļaut jūsu vietni starpvietņu skriptēšanas ievainojamībām. Ja izmantojat skriptu valodu, piemēram, JavaScript, varat izmantot innerHTML atribūtu.
Div ir pamata HTML tags, ko izmanto koda grupēšanai dokumentā. Tajā var būt rindkopa, bloķēt citātu, attēlu, audio, vai pat galveni. Tās pozīcija ļauj piemērot vienotu stilu un valodu dažādām lapas sadaļām. Divus vislabāk izmantot, lai atzīmētu semantiku, kas ir kopīga secīgu elementu grupām. Div ir jāizmanto, ja vēlaties sadaļai pievienot stilu, nepārrakstot visu lapu.