HTML (Hypertext Markup Language) er staðlað álagningarmál sem notað er til að búa til og skipuleggja efni á vefnum. Það notar sett af merkjum og eiginleikum til að skilgreina uppbyggingu og framsetningu texta, mynda og annarra miðla á vefsíðu.
HTML stendur fyrir Hypertext Markup Language. Það er kóðunarmál notað til að búa til og skipuleggja efni á vefsíðum. Það notar merki til að skilgreina mismunandi þætti eins og fyrirsagnir, málsgreinar, myndir og tengla. Í meginatriðum er HTML burðarás vefsíðu sem gerir kleift að búa til efni sem hægt er að skoða á internetinu.
HTML er skammstöfun sem stendur fyrir HyperText Markup Language. Það er grundvallareiningin á veraldarvefnum. HTML er notað til að búa til vefsíður og skilgreina uppbyggingu þeirra og innihald. Það er álagningarmál sem notar merki til að lýsa innihaldi vefsíðu.
HTML er auðvelt að læra og nota, sem gerir það tilvalið val fyrir byrjendur sem vilja búa til vefsíður. Það er tungumál sem byggir á texta sem er túlkað af vöfrum. HTML er notað í tengslum við aðra tækni eins og CSS og JavaScript til að búa til sjónrænt aðlaðandi og gagnvirkar vefsíður.
Í þessari grein munum við kanna grunnatriði HTML, þar á meðal uppbyggingu þess, þætti og eiginleika. Við munum einnig ræða algenga notkun og skilgreiningareiginleika HTML. Hvort sem þú ert byrjandi eða reyndur vefhönnuður mun þessi grein veita þér traustan skilning á HTML og hlutverki þess við að búa til vefsíður.
Hvað er HTML?
HTML, eða Hypertext Markup Language, er álagningarmál sem notað er til að búa til vefsíður. Það er burðarás hverrar vefsíðu þar sem það skilgreinir uppbyggingu og innihald vefsíðunnar. HTML er einfalt tungumál sem notar merki til að skilgreina mismunandi þætti á vefsíðu.
The Basics
HTML er álagningarmál sem notar merki til að skilgreina mismunandi þætti á vefsíðu. Merki eru umkringd hornklofum, eins og „<“ og „>“. HTML skjöl byrja með DOCTYPE yfirlýsingu, sem segir vafranum hvaða útgáfu af HTML er verið að nota. Rótþáttur HTML skjals er HTML merkið, sem inniheldur höfuð- og meginhluta skjalsins.
HTML þættir og merki
HTML þættir eru byggingareiningar vefsíðu. Þeir geta verið notaðir til að skilgreina fyrirsagnir, málsgreinar, myndir, tengla og fleira. Hver HTML þáttur hefur sérstakan tilgang og hægt er að aðlaga hann með eiginleikum. HTML merki eru notuð til að skilgreina þessa þætti og þau koma í pörum. Opnunarmerkið er umkringt hornklofum og lokamerkið er það sama og opnunarmerkið, en með skástrik á undan merkisheitinu.
HTML uppbygging
Uppbygging HTML skjals er mikilvæg fyrir bæði leitarvélar og notendur. Höfuðhluti HTML skjals inniheldur upplýsingar um skjalið, svo sem titil og meta lýsingu. Líkamshlutinn inniheldur innihald vefsíðunnar, sem hægt er að forsníða með HTML merkjum. HTML gerir einnig kleift að nota tóma þætti, sem þurfa ekki lokunarmerki.
Að lokum er HTML einfalt álagningarmál notað til að búa til vefsíður. Það notar merki til að skilgreina mismunandi þætti á vefsíðu og uppbygging HTML skjals er mikilvæg fyrir bæði leitarvélar og notendur. Með því að skilja grunnatriði HTML geturðu búið til fallegar og hagnýtar vefsíður.
HTML innihald
Í HTML er innihald upplýsingarnar sem birtast á vefsíðu. Þetta getur falið í sér texta, myndir, margmiðlun, tengla og flakk. Skilningur á því hvernig á að skipuleggja og forsníða efni er nauðsynlegt til að búa til árangursríkar vefsíður.
Innihald texta
Textaefni er undirstöðuform innihalds í HTML. Það er venjulega skipulagt í málsgreinar með því að nota <p> merki. Einnig er hægt að nota fyrirsagnir til að veita efninu uppbyggingu, með <h1> vera mikilvægastur og <h6> vera minnst mikilvægur.
Listar eru önnur leið til að skipuleggja textaefni. Pantaðir listar nota <ol> merkið og óraðaðir listar nota <ul> merki. Listaatriði eru merkt með <li> tags.
Myndir og margmiðlun
Hægt er að bæta myndum og margmiðlun við HTML síður með því að nota <img> merkið og <audio> og <video> merki, í sömu röð. Hægt er að breyta stærð mynda með því að nota width og height eiginleika og margmiðlun er hægt að fella inn með því að nota src eigindi.
Tenglar og siglingar
Tenglar eru ómissandi hluti af HTML efni, sem gerir notendum kleift að flakka á milli síðna og vefsíðna. Tenglar eru búnir til með því að nota <a> merki, með href eigind sem tilgreinir áfangastað hlekksins.
Einnig er hægt að búa til leiðsöguvalmyndir með HTML. The <nav> tag er notað til að gefa til kynna hluta síðunnar sem inniheldur flakktengla.
Í stuttu máli er HTML-efni þær upplýsingar sem birtast á vefsíðu, þar á meðal texti, myndir, margmiðlun, tengla og flakk. Með því að nota viðeigandi merki og eiginleika er hægt að skipuleggja og forsníða efni til að búa til árangursríkar vefsíður.
HTML5 og víðar
Með aukinni eftirspurn eftir ríkulegu margmiðlunarefni og gagnvirkum vefforritum hefur HTML5 orðið staðallinn fyrir vefþróun. HTML5 er nýjasta útgáfan af HTML, sem býður upp á nýja eiginleika og eiginleika sem gera hana öflugri og fjölhæfari en forverar hans.
Nýir eiginleikar og virkni
HTML5 kynnir ný merki og þætti sem gera forriturum kleift að búa til kraftmeiri og gagnvirkari vefsíður. Sumir af áberandi eiginleikum HTML5 eru:
- Canvas: Nýr þáttur sem gerir forriturum kleift að búa til kraftmikla grafík og hreyfimyndir beint í vafranum, án þess að þurfa viðbætur eða utanaðkomandi hugbúnað.
- Video og Audio: HTML5 inniheldur innbyggðan stuðning fyrir myndband og hljóð, sem gerir það auðveldara að fella margmiðlunarefni inn á vefsíður.
- Nýir formþættir: HTML5 kynnir nýja formþætti, eins og dagsetningarval og rennibrautir, sem gera það auðveldara að búa til notendavæn eyðublöð.
- Bætt aðgengi: HTML5 inniheldur nýja eiginleika sem gera það auðveldara að búa til aðgengilegar vefsíður, svo sem möguleikann á að bæta texta og texta við mynd- og hljóðefni.
Vefþróun með HTML5
HTML5 er orðið aðal forritunarmálið fyrir vefþróun og ekki að ástæðulausu. Nýir eiginleikar þess og virkni gera það auðveldara að búa til kraftmiklar og gagnvirkar vefsíður sem eru fínstilltar fyrir nútíma vefinn. Hér eru nokkur ráð fyrir vefþróun með HTML5:
- Byrjaðu á traustum grunni: Áður en þú byrjar að kóða skaltu ganga úr skugga um að þú hafir góðan skilning á setningafræði og uppbyggingu HTML5. Þetta mun hjálpa þér að forðast algeng mistök og tryggja að kóðinn þinn sé fínstilltur fyrir vefinn.
- Hönnun fyrir vefinn: Þegar þú hannar vefsíður með HTML5 er mikilvægt að hafa í huga gildi veraldarvefsins. Þetta þýðir að hanna síður sem eru aðgengilegar, notendavænar og fínstilltar fyrir leitarvélar.
- Notaðu HTML5 merki og þætti: HTML5 inniheldur mikið úrval af merkjum og þáttum sem gera það auðveldara að búa til kraftmiklar og gagnvirkar vefsíður. Notaðu þessi merki og þætti til að búa til grípandi efni sem heldur notendum að koma aftur til að fá meira.
- Bjartsýni fyrir SEO: HTML5 inniheldur nýja eiginleika sem gera það auðveldara að fínstilla vefsíður fyrir leitarvélar. Nýttu þér þessa eiginleika til að bæta síðustöðu þína og auka sýnileika.
Á heildina litið er HTML5 öflugt forritunarmál sem býður upp á úrval nýrra eiginleika og virkni fyrir vefþróun. Hvort sem þú ert vanur verktaki eða nýbyrjaður, þá er HTML5 frábær kostur til að búa til kraftmiklar og grípandi vefsíður.
HTML og CSS
HTML og CSS eru tvö af mikilvægustu tækni sem notuð eru í vefþróun. HTML er grunnurinn að vefsíðu sem skilgreinir uppbyggingu hennar og innihald. CSS er notað til að stíla og auka sjónrænt vefsíðuna, sem gerir hana aðlaðandi og notendavænni.
Stíll HTML með CSS
CSS gerir vefhönnuðum kleift að beita stílum á HTML þætti, svo sem að breyta letri, lit og útliti. Hægt er að nota stíla á einstaka þætti eða hópa af þáttum með því að nota flokka. Til dæmis, til að stilla allar efnisgreinar á síðu, gætirðu notað eftirfarandi CSS:
p {
font-size: 16px;
color: #333;
}
Til að stilla ákveðna málsgrein með bekk gætirðu notað:
.intro {
font-size: 20px;
color: #555;
}
Einnig er hægt að nota CSS til að stilla tiltekna HTML þætti, svo sem haus, nav, aðal og greinarmerki. Til dæmis, til að stíla haus á vefsíðu, gætirðu notað:
header {
background-color: #f2f2f2;
padding: 20px;
}
Bestu starfsvenjur í HTML og CSS
Þegar þú notar HTML og CSS er mikilvægt að fylgja bestu starfsvenjum til að tryggja að kóðinn þinn sé hreinn og skilvirkur
HTML og JavaScript
JavaScript er forritunarmál sem er oft notað í tengslum við HTML til að búa til kraftmiklar og gagnvirkar vefsíður. Það er forskriftarmál viðskiptavinarhliðar, sem þýðir að það keyrir á tölvu notandans frekar en á vefþjóninum. Þetta gerir kleift að fá hraðari og móttækilegri vefsíður.
Að nota JavaScript með HTML
JavaScript er venjulega innifalið í HTML skjali með því að nota <script> merki. Þetta merki er hægt að setja í <head> kafla skjalsins eða í lok þess <body> kafla. JavaScript er hægt að nota til að vinna með HTML þætti, svo sem að breyta texta eða stíl frumefnis, eða til að búa til nýja HTML þætti á flugu.
Ein algeng notkun JavaScript með HTML er að búa til gagnvirk eyðublöð. JavaScript er hægt að nota til að sannreyna inntak notenda og veita notanda endurgjöf í rauntíma. Það er einnig hægt að nota til að búa til fellivalmyndir, sprettiglugga og aðra gagnvirka þætti.
HTML og JavaScript API
HTML og JavaScript eru með fjölda API (Application Programming Interfaces) sem gera þeim kleift að hafa samskipti sín á milli og við aðra veftækni. Sum algeng API eru:
- Document Object Model (DOM): Þetta API gerir JavaScript kleift að fá aðgang að og vinna með þætti HTML skjals.
- Striga: Þetta API gerir JavaScript kleift að búa til og vinna með grafík á vefsíðu.
- Hljóð og myndskeið: HTML5 kynnti nýja þætti til að fella hljóð- og myndefni inn á vefsíður. JavaScript er hægt að nota til að stjórna spilun og öðrum þáttum þessara þátta.
- Geolocation: Þetta API gerir vefsíðum kleift að fá aðgang að staðsetningarupplýsingum notandans, sem hægt er að nota til að veita staðsetningartengda þjónustu.
Að lokum er JavaScript mikilvægt tæki til að búa til kraftmiklar og gagnvirkar vefsíður. Þegar það er notað í tengslum við HTML getur það veitt ríka og grípandi notendaupplifun. Með því að nýta mörg API sem til eru fyrir HTML og JavaScript geta vefhönnuðir búið til öflug og nýstárleg vefforrit.
Að læra HTML
Að læra HTML er mikilvægt fyrsta skref í að verða vefhönnuður. HTML (HyperText Markup Language) er staðlað álagningarmál sem notað er til að búa til vefsíður. Það veitir uppbyggingu vefsíður og gerir vefhönnuðum kleift að búa til efni sem allir sem hafa nettengingu geta nálgast.
Að byrja með HTML
Til að byrja með HTML þarftu grunnskilning á setningafræði þess og uppbyggingu. Góðu fréttirnar eru þær að það eru mörg úrræði í boði á netinu til að hjálpa þér að læra HTML. Einn frábær staður til að byrja er W3Schools vefsíðan, sem býður upp á alhliða HTML kennslu fyrir byrjendur.
Önnur frábær auðlind er World Wide Web Consortium (W3C), sem er stofnunin sem ber ábyrgð á að þróa og viðhalda vefstöðlum. W3C veitir mikið af upplýsingum um HTML, þar á meðal forskriftir, leiðbeiningar og bestu starfsvenjur.
HTML kennsluefni og tilföng
Auk W3Schools og W3C eru margar aðrar vefsíður og úrræði í boði til að hjálpa þér að læra HTML. Sumir vinsælir valkostir eru Codecademy, Udemy og Coursera.
Þessar vefsíður bjóða upp á úrval af HTML námskeiðum, frá byrjendum til lengra komna, og bjóða upp á praktískar æfingar til að hjálpa þér að æfa það sem þú hefur lært. Þeir bjóða einnig upp á málþing og samfélög þar sem þú getur tengst öðrum vefhönnuðum og fengið hjálp við allar spurningar sem þú gætir haft.
Ef þú vilt frekar læra í gegnum bækur, þá eru margir frábærir möguleikar í boði líka. Sumar vinsælar HTML bækur eru „HTML and CSS: Design and Build Websites“ eftir Jon Duckett og „Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics“ eftir Jennifer Niederst Robbins.
Footer
Að lokum, að læra HTML er nauðsynleg færni fyrir alla sem hafa áhuga á að gerast vefhönnuður. Með þeim fjölmörgu úrræðum sem til eru á netinu er auðveldara en nokkru sinni fyrr að byrja. Hvort sem þú vilt frekar læra í gegnum kennsluefni, bækur eða praktískar æfingar, þá er til námsaðferð sem hentar þér. Svo hvers vegna að bíða? Byrjaðu að læra HTML í dag og taktu fyrsta skrefið í átt að því að verða vefhönnuður!
Meira lestur
HTML stendur fyrir HyperText Markup Language. Það er staðlað álagningarmál til að búa til vefsíður. HTML lýsir uppbyggingu vefsíðu með því að nota röð af þáttum sem merkja mismunandi efnishluta, svo sem fyrirsagnir, málsgreinar og myndir. HTML er grunneining vefsins og skilgreinir merkingu og uppbyggingu vefefnis (heimild: MDN vefskjöl og W3Schools).
Skilmálar tengdir vefþróun