Kā izveidot vietni tikai dažu stundu laikā

Vietnes izveidei nav jābūt sarežģītai. Šajā rakstā, mēs apskatīsim html lapu izveides pamatus un to, kā izveidot mini-iekļauto sarakstu. Nākamais, mēs apspriedīsim, kā izmantot html>-tagu, lai izceltu tekstu. Galu galā, mēs jums parādīsim, kā izveidot vietni tikai dažu stundu laikā. Mēs apskatīsim arī dažas citas noderīgas metodes.

Html lapas izveide

HTML ir valoda, ko izmanto tīmekļa lapu veidošanai. Tas nosaka tīmekļa lapas struktūru, un CSS kontrolē satura attēlošanu. Nav grūti izveidot pamata HTML lapu. Šeit ir sniegts detalizēts ceļvedis darba sākšanai. Kad jums ir pamata HTML lapa, esat gatavs izveidot sarežģītākus un dinamiskākus. Lai sāktu, jums būs nepieciešams teksta redaktors un tīmekļa pārlūkprogramma.

Varat arī izmantot tekstapstrādes programmu, piemēram, MS Word, lai izveidotu tīmekļa lapas saturu. Lai savienotu tekstu savā starpā, varat izmantot hipersaites. Varat arī saglabāt failu kā html failu, tīmekļa lapa. Šī metode darbojas labi, taču šādi izveidotās lapas ir milzīgas un pārlūkprogrammas logā neizskatās labi. Vienīgais šīs metodes trūkums ir tas, ka jums jāiemācās izmantot pieejamos rīkus.

HTML ir iezīmēšanas valoda, kas nozīmē, ka, lai formatētu lapas saturu, ir jāiekļauj tagi. Katrs tags apzīmē vienu no lapas elementiem. Tagu identificē ar leņķa iekava. Dažiem elementiem ir nepieciešams tikai viens tags, savukārt citiem ir nepieciešami divi. Noslēguma tagā ir slīpsvītra. Piemēram, rindkopas tags izveido elementu, ko sauc par rindkopu. Teksts starp sākuma un beigu tagiem veido rindkopas tekstu. Līdzīgi, ul tags izveido nesakārtotu sarakstu.

Mini-iekļauto sarakstu izveide

Mini-iekļauto sadaļas izveide ir efektīvs veids, kā vienā tīmekļa lapā saistīt dažādus elementus. HTML lapu var iedalīt vairākās apakšsadaļās, katrā sadaļā ir elementu saraksts. Šie elementi kalpo dažādiem mērķiem. Varat izmantot atribūtu type, lai parādītu alfabētisko secību. Varat arī izmantot mazos burtus, lai izveidotu elementu sarakstu ar burtiem a, b, vai c.

Elementa pievienošana ir vienkārša. Vienkāršs HTML dokuments satur tagus, kas nosaka tā saturu. Šīs atzīmes parasti ir pa pāriem. Sākuma tags tiek izmantots, lai uzskaitītu tajā esošos elementus, kamēr noslēdzošais tags aizver elementu. Sākuma tags, vai galvu, ietver aprakstošu informāciju par dokumentu. Šī informācija var ietvert nosaukumu, stila lapas informācija, skripti, vai meta informāciju. Noslēguma atzīme, no otras puses, aizver elementu.

Izmantojot html>-tagu

html>-tagu izmanto, lai definētu HTML dokumenta galveno satura apgabalu. Galvenais satura apgabals sastāv no teksta, kas saistīts ar lapas centrālo tēmu vai funkcionalitāti. Tam ir jābūt unikālam no cita vietnes satura. Cits saturs var parādīties lapā sānjoslu veidā, navigācijas saites, informāciju par autortiesībām, vietņu logotipi, un meklēšanas veidlapas. HTML lapai ir jāseko html>-tagu uzskatīt par HTML lapu.

Atribūts href= atver saites elementu. Pēc “=” zīme, jāielīmē saites URL. Varat arī izmantot vairākas rindkopas vienā virsrakstā. Noslēdzošais kronšteins ir obligāts. Tas novērsīs jūsu saišu nepareizu interpretāciju. Lai html lapa būtu vieglāk lasāma, pievienojiet saiti uz savu vietni. html>-tags ļaus jums pievienot saites, kas norāda uz citu tīmekļa lapu.

HTML failam būs paplašinājums.html, kas paziņos jūsu datoram, ka tas ir HTML fails. Atstarpju vietā vislabāk ir izmantot defisi, jo atstarpes neļaus tīmekļa pārlūkprogrammai atrast failu. Kad esat pabeidzis HTML lapas izveidi, jums tas būs jāsaglabā. Nākamais, dodieties uz mapi ar HTML failu un ar peles labo pogu noklikšķiniet uz tās. Tam vajadzētu izskatīties līdzīgi kā zemāk redzamajā ekrānuzņēmumā.

Izmantojot html>-tagu, lai izceltu tekstu

Jūs varat izmantot zīmi> tagu, lai izceltu tekstu HTML dokumentos. Tas ir salīdzinoši jauns HTML 5 funkciju, un tas nosaka rindkopas izcelto daļu. Atzīme> tags darbojas, mainot pamatā esošā HTML dokumenta fona krāsas rekvizītu. Atzīme> tags atbalsta gan globālos, gan notikumu atribūtus. Tas iezīmēs tekstu dzeltenā vai melnā krāsā. Ir iespējams arī mainīt teksta krāsu pamatā esošā CSS failā.

Lielākā daļa ekrāna lasītāju nepaziņo atzīmes elementu, bet varat izmantot CSS satura rekvizītu or.before un.after pseidoelementi, lai būtu skaidrs, kuru tekstu vēlaties izcelt. Paziņojumi ir detalizēti un lapai pievieno nevajadzīgu informāciju, tāpēc jums tie jālieto taupīgi. Piemēram, varat izmantot paziņojumus, lai izceltu meklēšanas vienumu vai bloķētu citātus. Paziņojumus atbalsta visas galvenās pārlūkprogrammas.

Papildus fona krāsu stilam, varat izmantot izcēlumu’ klasē, lai izceltu tekstu savā HTML dokumentā. Fona krāsu stilu atbalsta visas pārlūkprogrammas. Varat arī izmantot vārdu "dzeltens".’ krāsas koda vietā. Varat izmantot to pašu kodu, lai iezīmētu rindkopu vai teksta sadaļu. Varat arī izmantot CSS klases, lai izceltu tekstu.

Izmantojot html>-tagu, lai izveidotu mini-iekļauto sarakstu

html>-tagu izmanto, lai izveidotu mini-iekļauto sarakstu. Tas satur atbilstošo beigu tagu, un elementa nosaukums ir ar mazajiem burtiem. HTML dokumenti tiek kodēti, izmantojot UTF-8 rakstzīmju kodējumu, kas atbalsta unikoda rakstzīmju iekļaušanu. Lietojot html>-tagu, noteikti atlasiet UTF-8 “saglabāt kā” dialoglodziņš.

Izmantojot html>-tagu, lai HTML lapai pievienotu mini-iekļauto sarakstu, ir viegli. Varat izmantot šo tagu jebkuram elementam, kas atbalsta nesakārtotu sarakstu. Jūs pat varat izmantot nesakārtotu sarakstu navigācijas izvēlnei. Elementam dl ir pievienots terminu un aprakstu pāru saraksts. Sakārtotā saraksta vienumi tiek parādīti ar pieaugošu skaitītāju pa kreisi. Varat arī izlaist dl elementu, ja saraksta vienumam uzreiz seko cits elements.

Vēl viens veids, kā ievietot mini-iekļauto sarakstu, ir pievienot HTML dokumentam kājenes elementu. Šis elements attēlo tuvākā sadaļas satura kājeni. Parasti tajā ir informācija par autoru, autortiesību dati, vai saites uz saistītajiem dokumentiem. Izmantojot html>-tagu, lai izveidotu mini-iekļauto sarakstu HTML lapā

Izmantojot html>-tagu, lai izceltu atsevišķus teksta blokus

HTML5 izceļ atsevišķus teksta blokus ar atzīmi> elements. Šis HTML5 tags maina satura krāsu avotā uz noteiktu dzeltenu vai melnu toni, ļauj lasītājam atšķirt svarīgu tekstu. To var arī izmantot, lai norādītu satura sadaļas, kurām jāpievērš lielāka uzmanība nekā citam tekstam. Atzīme> elements atbalsta globālos atribūtus un notikumu atribūtus HTML. Pareizi lietojot, šis HTML5 tags var uzlabot tīmekļa lapas lasāmību.

HTML4 standarts pārtrauc fiziskā stila rakstzīmju līmeņa tagus. Viņi nodarbojas ar prezentāciju, un šiem nolūkiem labāk ir izmantot CSS. HTML5 tos ir atkārtoti ieviesis. Tie vairs nav novecojuši, bet tie joprojām nav vienīgais veids, kā izcelt atsevišķus teksta blokus. Izmantojiet CSS, lai izceltu atsevišķus teksta blokus, izmantojot HTML5! Šī vienkāršā metode izcels atsevišķus teksta blokus satura daļā.

Pludiņš: Varat izmantot šo CSS rekvizītu, lai pārvietotu elementu uz saturošā elementa kreiso vai labo malu. To var izmantot, lai izveidotu režģi vai kolonnas. Varat arī izmantot CSS rekvizītu, ko sauc par float, lai pārvietotu iframe vai attēlu pārlūkprogrammas kreisajā vai labajā malā.. Šie atribūti atvieglo atsevišķu bloku izcelšanu, izmantojot CSS.