Hvernig á að búa til HTML síðu

Ef þú vilt búa til þína eigin vefsíðu, þú verður að hafa skilning á HTML. Þessi grein útskýrir hvernig á að búa til HTML síðu. Einnig, þú munt læra hvernig á að búa til xml vefkort og hvernig á að bæta við mynd og tengli. Það er líka mikilvægt að búa til xml vefkort, sem getur hjálpað þér að skipuleggja síðuna þína og auka umferð þína. Næsta skref er að velja sniðmát.

Að búa til html síðu

HTML er álagningarmál. Sérhver þáttur vefsíðu er táknaður með merki. Merki er auðkennt með hornklofum, og hver þáttur hefur eitt eða fleiri merki. Sumir þættir þurfa aðeins eitt merki; aðrir gætu þurft tvo. Opnunar- og lokunarmerkin eru með skástrik (/). Til dæmis, málsgreinaþátturinn er táknaður með p taginu. Textinn á milli upphafs- og lokamerkja er málsgreinatextinn.

Til að búa til HTML skjal, þú þarft að nota textaritil. Flestar tölvur eru sjálfgefið með textaritli. Windows notendur munu nota Internet Explorer, á meðan Mac notendur geta notað TextEdit. Þú getur sett upp fínan textaritil til að búa til vefsíðu sem lítur út fyrir fagmannlega útlit, en fyrir fyrstu HTML síðuna þína, það er ekki nauðsynlegt. Þú getur líka notað einfaldan textaritil og hvaða vafra sem er. Ef þú ert ekki viss um hvaða forrit þú átt að nota, prófaðu að hlaða niður ókeypis HTML ritstjóra.

HTML síðan hefur tvo meginhluta: líkaminn og höfuðið. Líkamshlutinn inniheldur raunverulegt innihald vefsíðunnar, en höfuðhlutinn er notaður fyrir titilinn og metaupplýsingar. Líkaminn inniheldur öll önnur frumefni, þar á meðal myndir og önnur grafík. Haushlutinn er staðurinn til að setja siglingatenglana þína. Eftir að þú hefur lokið við að skrifa meginmálið, þú ert tilbúinn til að setja inn innihald skjalsins. Gakktu úr skugga um að nota líkama og höfuð þætti til að tryggja að vefsíðan þín sé aðgengileg öllum.

Að búa til xml vefkort

Ef þú ert með HTML síðu, þú gætir viljað búa til XML vefkort til að hjálpa leitarvélum að skríða vefsíðuna þína. Þó að þetta hafi ekki áhrif á leitarstöðu þína, það mun hjálpa leitarvélunum að skilja efnið þitt og stilla skriðhraða þeirra. Þessa leið, vefsíðan þín verður sýnilegri í niðurstöðum leitarvéla. Hér eru nokkur einföld skref til að byrja:

Það er auðvelt að búa til HTML vefkort. Allt sem þú þarft að gera er að búa til einfalda töflu yfir síður síðunnar þinnar, með tenglum á hverja síðu. Tengdu síðan á þá vefkortssíðu í haus eða síðufæti. Þessa leið, sama hversu margar síður síðan þín hefur, fólk getur auðveldlega farið í gegnum þær. Þar að auki, þú þarft ekki að senda inn SEO til að búa til vefkort.

Þegar HTML síðan þín er komin í loftið, sendu það til Google Search Console. Þú getur notað hvaða skráarendingu sem er og nefnt XML vefkortið þitt. Þú getur sent inn XML vefkortið til Google, en það er ekki nauðsynlegt. Skriðar Google eru almennt nokkuð góðir í að uppgötva nýtt efni, og þú þarft ekki að senda inn vefkort til þeirra. Þú getur líka sent það til annarra leitarvéla, en þetta tryggir ekki að þú verðir uppgötvaður af Google.

Það er ekki nauðsynlegt að bæta XML sitemap við vefsíðuna þína, en það mun auka SEO vefsíðunnar þinnar. Veftré eru notuð af leitarvélum til að hjálpa þeim að skrá síður sem ekki eru beintengdar af vefsíðu. Veftré hjálpa einnig til við að bæta aðgengi margmiðlunarefnis. Að bæta vefkorti við vefsíðuna þína getur hjálpað til við að gera síðuna þína aðgengilegri fyrir vélmenni leitarvéla.

Bætir við mynd

Í HTML, þú getur bætt mynd við síðu með því að nota img merkið. Þetta merki inniheldur aðeins myndina og eiginleika hennar; það þarf ekki lokunarmerki. Þetta myndmerki ætti að vera sett inn í meginhluta HTML skjalsins. Auk breiddar og hæðar myndarinnar, þú ættir að hafa alt eigind sem lýsir myndinni. Alt tagið ætti að vera skrifað eins og þú værir að skrifa lýsinguna fyrir mann sem gæti ekki séð það.

Að bæta mynd við HTML skjal krefst smá CSS og HTML þekkingu. Myndastærðin og upplausnin eru tveir af mikilvægustu þáttunum sem þarf að hafa í huga. Stærð myndarinnar mun ákvarða hvernig hún passar inn í innihald skjalsins. Ef þú vilt frekar nota aðra upplausn eða stærðarhlutfall, þú getur líka prófað að breyta stærð myndarinnar. Hins vegar, mundu að mælikvarði virkar ekki alltaf eins og þú býst við.

Góð þumalputtaregla til að stilla stærð myndar er að auka breidd hennar. Breiddin ætti að vera að minnsta kosti einum pixli minni en hæðin. Ef myndin er of lítil til að sýna, þú getur bætt við ramma, og stilltu það svo að stærð myndarinnar. Þú getur líka stillt ramma myndar með því að bæta henni við landamæraeiginleikann. Rammaþykktin er sjálfgefið gildi, en þú getur stillt það á hvaða gildi sem er. Gakktu úr skugga um að myndin hafi src eiginleika.

Bætir við tengli

Þú getur bætt við hlekk í HTML við skjalið þitt með því að nota a> merkja með href eigindinni. Þetta mun búa til bókamerki fyrir skjalið og opna það í nýjum flipa. Þú getur líka notað href eigind til að setja mynd inn í skjalið. Þú getur líka notað tengil með JavaScript kóða til að breyta HTML hnappi í tengil. Þegar þú hefur gert þetta, þú getur stílað tengilinn þinn með CSS eða JavaScript kóða.

Hlekkur er tenging frá einni vefsíðu til annarrar. Það samanstendur af tveimur endum, upprunaakkeri og áfangaakkeri. Hlekkur getur verið allt frá mynd til textaskrár. Flestar netsíður og vefsíður nota tengla til að beina notendum á tiltekna vefslóð. HTML er einnig hægt að nota til að tilgreina staðsetningu hlekks. Það er’ eiginleiki gerir þér kleift að tengja kóðaþætti við vefslóð.

Þegar hlekkur er hannaður, vertu viss um að íhuga hvernig gestir þínir munu nota efnið. Tengill texti ætti að vera lýsandi, svo að þeir viti nákvæmlega hverju þeir ættu að búast við. Endurtekning á sömu vefslóð er ljót fyrir skjálesendur, og það gefur þeim engar gagnlegar upplýsingar. Skjálesarar segja notendum líka þegar tenglar eru til með því að gera þá mismunandi stíla eða undirstrikaða. Á þennan hátt, þeir geta auðveldlega fundið þær upplýsingar sem þeir þurfa.

Að bæta við töflu

Það er einfalt að bæta töflu við HTML síðu, en það eru nokkur atriði sem þú ættir að íhuga áður en þú gerir það. Bakgrunnsliturinn á borðinu þínu skiptir sköpum til að fanga athygli gesta og vekja athygli á mikilvægum upplýsingum. Þú getur stillt annan lit fyrir hauseiningu og gagnaeiningu töflunnar með því að nota hex litakóða eða litaheiti. Hvort heldur sem er, borðið þitt verður auðveldlega sýnilegt.

Þú getur bætt við töfluhaus og töflugögnum með td frumefninu, sem skilgreinir einstakling “Kassar” fyrir innihaldið. Að bæta við töfluhaus er fyrsta skrefið til að birta gögn á vefsíðu, og þú ættir að bæta því fyrsta við ef þú vilt. Tafla ætti einnig að hafa þrjár línufyrirsagnir. Einn haus ætti að vera tómur. Ef taflan þín hefur dálka, þú ættir líka að búa til línuhausa fyrir hvern dálk.

Þú getur líka bætt texta við borðið þitt. Yfirskriftin er valfrjáls þáttur sem lýsir tilgangi töflunnar. Skjátextar eru einnig gagnlegir fyrir aðgengi. Taflan getur einnig innihaldið hólf sem lýsa gagnahópum. Loksins, þú getur bætt við thead þættinum til að skilgreina sett af línum og dálkum. Þú getur notað báða þættina saman eða sitt í hvoru lagi. Þú getur jafnvel notað þau í samsetningu, en yfirskriftin er mikilvægust.

Bætir við div

Með því að bæta div við HTML skrá geturðu bætt við hluta af vefsíðunni þinni án þess að endurskrifa alla síðuna. div þátturinn er sérstakur ílát fyrir texta, myndir, og öðrum þáttum. Þú getur nefnt það hvað sem þú vilt og breytt eiginleikum þess til að henta þínum þörfum. Þú getur líka bætt við flokki eða spássíu til að búa til bil á milli div og annarra þátta á síðunni þinni.

Þú getur líka notað innerHTML eigindina til að setja kóða inn í div. Þessi aðferð tekur við kóða sem er lokaður í streng, og ef það er ekki innan div, efnið verður fjarlægt. Þú ættir að forðast að setja kóða inn í div á þennan hátt, þar sem það kann að fletta ofan af vefsíðunni þinni fyrir veikleika í forskriftarfærslum á milli vefsvæða. Ef þú ert að nota forskriftarmál eins og JavaScript, þú getur notað innerHTML eigindina.

div er einfalt HTML merki sem notað er til að flokka kóða innan skjals. Það getur innihaldið málsgrein, blokkartilboð, mynd, hljóð, eða jafnvel haus. Staða þess gerir þér kleift að beita samræmdum stíl og tungumáli á mismunandi hluta síðunnar. Divs eru best notuð til að merkja merkingarfræði sem eru sameiginleg hópum samfelldra þátta. Nota skal div þegar þú vilt bæta stíl við hluta án þess að þurfa að endurskrifa alla síðuna.