Hvernig á að búa til vefsíðu á örfáum klukkustundum

Það þarf ekki að vera erfitt að búa til vefsíðu. Í þessari grein, við förum í gegnum grunnatriði html-síðugerðar og hvernig á að búa til smá lista með innifalið. Næst, við munum ræða hvernig á að nota html>-merkja til að auðkenna texta. Að lokum, við munum sýna þér hvernig á að búa til vefsíðu á örfáum klukkustundum. Við munum einnig fjalla um nokkrar aðrar gagnlegar aðferðir.

Að búa til html síðu

HTML er tungumálið sem notað er til að búa til vefsíður. Það skilgreinir uppbyggingu vefsíðunnar og CSS stjórnar því hvernig efnið er birt. Það er ekki erfitt að búa til einfalda HTML síðu. Hér er skref-fyrir-skref leiðbeiningar til að byrja. Þegar þú hefur grunn HTML síðu, þú ert tilbúinn til að búa til flóknari og kraftmeiri. Til að byrja, þú þarft textaritil og vafra.

Þú getur líka notað ritvinnsluforrit eins og MS Word til að búa til efnið fyrir vefsíðuna þína. Þú getur notað tengla til að tengja texta hver við annan. Þú getur líka vistað skrána sem html skrá, vefsíðu. Þessi aðferð virkar vel, en síðurnar sem þú býrð til á þennan hátt eru risastórar og líta ekki vel út í vafraglugga. Eini gallinn við þessa aðferð er að þú þarft að læra að nota þau verkfæri sem eru í boði.

HTML er álagningarmál, sem þýðir að þú þarft að hafa merki til að forsníða efnið á síðunni. Hvert merki táknar einn af þáttum síðunnar. Merki er auðkennt með hornsvigi. Sumir þættir þurfa aðeins eitt merki, á meðan aðrir þurfa tvo. Lokamerki inniheldur skástrik. Til dæmis, málsgreinamerkið býr til þátt sem kallast málsgrein. Textinn á milli upphafs- og lokunarmerkja myndar málsgreinatextann. Á sama hátt, ul merkið býr til óraðaðan lista.

Að búa til lítinn innifalinn lista

Að búa til lítinn innifalinn hluta er áhrifarík leið til að tengja saman ýmsa þætti á sömu vefsíðu. HTML síðu má skipta í nokkra undirkafla, þar sem hver hluti inniheldur lista yfir þætti. Þessir þættir þjóna mismunandi tilgangi. Þú getur notað tegund eigindina til að birta stafrófsröð. Þú getur líka notað lágstafi til að búa til lista yfir þætti með bókstöfunum a, b, eða c.

Auðvelt er að bæta við þætti. Einfalt HTML skjal inniheldur merki sem skilgreina innihald þess. Þessi merki koma venjulega í pörum. Opnunarmerkið er notað til að skrá þættina í því, á meðan lokunarmerkið lokar þættinum. Opnunarmerkið, eða höfuð, inniheldur lýsandi upplýsingar um skjalið. Þessar upplýsingar geta innihaldið titil, upplýsingar um stílblað, handrit, eða meta upplýsingar. Lokamerkið, á hinn bóginn, lokar frumefninu.

Með því að nota html>-merki

Htmlið>-tag er notað til að skilgreina aðal innihaldssvæði HTML skjals. Aðalefnissvæðið samanstendur af texta sem tengist aðalefninu eða virkni síðunnar. Það verður að vera einstakt frá öðru efni á síðunni. Annað efni gæti birst á síðunni í formi hliðarstikur, siglingatenglar, höfundarréttarupplýsingar, lógó síðunnar, og leitarform. HTML síða verður að fylgja html>-tag til að teljast HTML síða.

Href= eigindin opnar tengiliðinn. Eftir að “=” merki, þú ættir að líma slóðina á hlekkinn. Þú getur líka notað margar málsgreinalínur í einni fyrirsögn. Lokafestingin er nauðsynleg. Þetta kemur í veg fyrir að hlekkirnir þínir séu rangtúlkaðir. Til að gera html síðuna auðveldari að lesa, bæta við hlekk á vefsíðuna þína. Htmlið>-merkið gerir þér kleift að bæta við tenglum sem vísa á aðra vefsíðu.

HTML skrá mun hafa a.html endingu sem segir tölvunni þinni að hún sé HTML skrá. Best er að nota bandstrik í stað bils, þar sem bil mun koma í veg fyrir að vafri finni skrána. Þegar þú hefur lokið við að búa til HTML síðu, þú verður að vista það. Næst, flettu í möppuna með HTML skránni og hægrismelltu á hana. Það ætti að birtast svipað og skjámyndin hér að neðan.

Með því að nota html>-merkja til að auðkenna texta

Þú getur notað merkið> tag til að auðkenna texta í HTML skjölum. Það er tiltölulega nýtt HTML 5 eiginleiki, og það skilgreinir auðkenndan hluta málsgreinar. Merkið> tag virkar með því að breyta bakgrunnslitareiginleikum undirliggjandi HTML skjalsins. Merkið> tag styður bæði alþjóðlegt og viðburðareigindi. Það mun auðkenna texta í gulu eða svörtu. Það er líka hægt að breyta litnum á textanum í undirliggjandi CSS skránni.

Flestir skjálesarar tilkynna ekki merkisþáttinn, en þú getur notað CSS efniseiginleika eða.before and.after gerviþætti til að gera það augljóst hvaða texta þú vilt undirstrika. Tilkynningar eru orðnar og bæta óþarfa upplýsingum á síðuna, svo þú ættir að nota þá sparlega. Til dæmis, þú getur notað tilkynningar til að auðkenna leitarorð eða loka fyrir tilvitnanir. Tilkynningar eru studdar af öllum helstu vöfrum.

Til viðbótar við bakgrunnslitastíl, þú getur notað „highlightme’ bekk til að auðkenna textann í HTML skjalinu þínu. Bakgrunnslitastíllinn er studdur af öllum vöfrum. Þú getur líka notað orðið „gulur’ í stað litakóðans. Þú getur notað sama kóða til að auðkenna málsgrein eða hluta af texta. Þú getur líka notað CSS flokka til að auðkenna texta.

Með því að nota html>-merki til að búa til lítinn innifalinn lista

Htmlið>-tag er notað til að búa til lista yfir mini-includes. Það inniheldur samsvarandi lokunarmerki og nafn frumefnisins er lágstöfum. HTML skjöl eru kóðuð með UTF-8 stafakóðun, sem styður innlimun Unicode stafi. Þegar þú notar html>-merki, vertu viss um að velja UTF-8 í “vista-sem” valmynd.

Með því að nota html>-Auðvelt er að bæta við smá-innihaldslista við HTML-síðu. Þú getur notað þetta merki fyrir hvaða þátt sem styður óraðaðan lista. Þú getur jafnvel notað óraðaðan lista fyrir yfirlitsvalmynd. Dl þátturinn fylgir lista yfir pör af hugtökum og lýsingum. Atriðin í röðuðum lista eru sýnd með stigvaxandi teljara til vinstri. Þú getur líka sleppt dl einingunni ef listaatriðinu fylgir strax annar þáttur.

Önnur leið til að setja inn smá-innihaldslista er að bæta við fótsæti í HTML-skjali. Þessi þáttur táknar síðufót næsta hluta efnis. Það inniheldur venjulega upplýsingar um höfundinn, höfundarréttargögn, eða tengla á tengd skjöl. Með því að nota html>-merki til að búa til smá-inniheldur lista á HTML-síðu

Með því að nota html>-merki til að auðkenna einstaka textablokka

HTML5 undirstrikar einstaka textablokka með merkinu> þáttur. Þetta HTML5 merki breytir lit efnisins í upprunanum í ákveðinn lit af gulum eða svörtum, gerir lesandanum kleift að greina mikilvægan texta. Það er einnig hægt að nota til að gefa til kynna hluta efnis sem þarfnast meiri athygli en annar texti. Merkið> frumefni styður Global Attributes og Event Attributes í HTML. Þegar það er notað rétt, þetta HTML5 merki getur aukið læsileika vefsíðu.

HTML4 staðallinn afneitar tög á eðlisstigi. Þeir fást við framsetningu, og það er betra að nota CSS í þessum tilgangi. HTML5 hefur tekið þau upp aftur. Þau eru ekki lengur afskrifuð, en þeir eru samt ekki eina leiðin til að auðkenna einstaka textablokka. Notaðu CSS til að auðkenna einstaka textablokkir með HTML5! Þessi einfalda aðferð mun auðkenna einstaka textablokka innan efnis.

Fljóta: Þú getur notað þennan CSS eiginleika til að láta frumefni fljóta til vinstri eða hægri brúnar þáttarins sem inniheldur. Það er hægt að nota til að búa til rist eða dálka. Þú getur líka notað CSS eign sem kallast float til að láta iframe eða mynd fljóta á vinstri eða hægri spássíu vafrans. Þessir eiginleikar gera það auðveldara að auðkenna einstaka blokkir með CSS.