Ang HTML ay nangangahulugang Hypertext Markup Language. Ito ang karaniwang markup language para sa mga dokumentong idinisenyo upang ipakita sa isang web browser. Ang HTML ay maaaring tulungan ng mga teknolohiya tulad ng Cascading Style Sheets (CSS) at mga scripting language gaya ng JavaScript.
Sa kaibuturan nito, ang internet ay isang malawak na network ng mga computer na konektado sa buong mundo. Ang pangunahing paraan ng pakikipag-ugnayan natin sa network na ito ay sa pamamagitan ng World Wide Web (WWW), isang sistema ng magkakaugnay na hypertext na mga dokumento na na-access sa pamamagitan ng internet. Sa gitna ng WWW ay mga web page, na mga dokumentong nakasulat sa HTML. Ang HTML ay nagbibigay ng pangunahing istraktura ng mga site, na pagkatapos ay pinahusay at binago ng iba pang mga teknolohiya tulad ng CSS at JavaScript.
Ang isang HTML na dokumento ay nakaayos ayon sa isang hanay ng mga nested tag, na mga elementong nakapaloob sa mga anggulong bracket. Sinasabi ng mga tag na ito sa web browser kung paano ipakita ang nilalaman. Ang isang halimbawa ng isang simpleng istraktura ng HTML na dokumento ay:
<!DOCTYPE html>
<html>
<ulo>
<title>Pamagat ng Pahina</title>
</head>
<katawan>
<h1>Ito ay isang Heading</h1>
<p>Ito ay isang talata.</p>
</body>
</html>
Tinutukoy ng code na ito ang isang pangunahing webpage na may pamagat, isang heading, at isang talata ng teksto.
Ang mga HTML na dokumento ay binubuo ng mga elemento ng HTML. Ang bawat elemento ay kinakatawan ng isang panimulang tag, ilang nilalaman, at isang tag ng pagtatapos. Ang mga tag ng simula at pagtatapos ng isang elemento ay magkapareho, maliban na ang tag ng pagtatapos ay may kasamang forward slash bago ang pangalan ng elemento.
Halimbawa, ang tag na <code><p></code> ay nakapaloob sa isang talata ng teksto, at ito ay nakabalangkas tulad ng sumusunod:
<p>Ito ay isang halimbawang talata.</p>
Ang iba't ibang elemento ay nagsisilbi sa iba't ibang layunin. Halimbawa:
Ang mga elemento ng HTML ay maaaring magkaroon ng mga katangian na nagbibigay ng karagdagang impormasyon tungkol sa mga elemento. Ang mga katangian ay inilalagay sa loob ng panimulang tag ng isang elemento at kadalasang ibinibigay sa mga pares ng pangalan/halaga tulad ng <code>name="value"</code>.
Halimbawa, upang mag-embed ng larawan, ginagamit namin ang tag na <code><img></code> na may attribute na <code>src</code> (source) upang tukuyin ang URL ng larawan:
<img src="url to image.jpg" alt="Paglalarawan ng larawan">
Ang katangiang <code>alt</code> ay nagbibigay ng kahaliling teksto para sa larawan kung hindi ito maipakita.
Ang paggamit ng tag na <code><a></code> ay lumilikha ng mga hyperlink, na pundasyon ng pagkakaugnay ng Web. Ang isang hyperlink ay maaaring mag-link sa isa pang web page, ibang seksyon sa parehong pahina, o kahit isang nada-download na file. Halimbawa:
<a href="https://example.com">Bisitahin ang Example.com</a>
Lumilikha ito ng link sa <code>https://example.com</code>.
Nagbibigay ang HTML ng mga elemento para sa paglikha ng mga listahan. Mayroong dalawang pangunahing uri ng mga listahan:
Ang bawat item sa listahan ay nakapaloob sa tag na <code><li></code> (list item).
Ang HTML5 ay ang pinakabagong ebolusyon ng pamantayan, na nagpapakilala ng maraming bagong feature na nagpapakita ng mga modernong pangangailangan para sa multimedia at interactive na mga dokumento. Kabilang dito ang mga bagong elemento ng istruktura (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>) , mga graphic na elemento (<code><canvas></code> para sa pagguhit, <code><svg></code> para sa scalable vector graphics), at mga elemento ng media (<code><audio></code> at <code ><video></code>).
Ang Semantic HTML ay tumutukoy sa paggamit ng HTML markup upang palakasin ang semantika, o kahulugan, ng impormasyon sa mga webpage. Sa halip na tukuyin lamang kung paano ang hitsura o pag-uugali ng mga elemento (iyan ay isang trabaho para sa CSS at JavaScript), tumpak na inilalarawan ng semantic na HTML ang istraktura at ang uri ng nilalaman. Halimbawa, ang isang <code><article></code> tag ay nagpapahiwatig na ang nilalaman sa loob ay isang artikulo, habang ang isang <code><nav></code> tag ay nagpapahiwatig ng isang navigation menu.
Ang paggamit ng semantic HTML ay nagpapabuti sa pagiging naa-access at paghahanap ng nilalaman sa web, na ginagawa itong mas magagamit at natutuklasan.
Ang HTML ay isang pundasyong teknolohiya ng World Wide Web, na nagbibigay ng pangunahing istraktura para sa mga web page. Sa pamamagitan ng paggamit ng mga tag, attribute, at elemento, pinapayagan ng HTML ang paggawa ng mga structured na dokumento. Sa pamamagitan ng pag-unawa at paggamit ng HTML, makakalikha ang isa ng malawak na hanay ng nilalamang naa-access sa web, mula sa mga simpleng dokumento ng teksto hanggang sa mga kumplikadong interactive na karanasan sa multimedia. Bilang pundasyon para sa pagbuo ng web, ang pagiging mahusay sa HTML ay mahalaga para sa sinumang naghahanap upang magdisenyo o bumuo para sa web.