Когато говорим за HTML код, много от вас вероятно се сещат за език, използван за структуриране на информацията, която получаваме, когато достъпваме браузър или уебсайт. Но това не спира дотук. За да разберем по-добре какво е HTML и за какво се използва, трябва да се задълбочим в темата.
Този код, за който ще говорим, е фундаменталната основа на уеб разработката . Всеки път, когато разглеждаме различни страници, HTML присъства във всички тях, от моден уебсайт до личен блог. Ако се интересувате да научите повече по тази тема, вземете химикал и хартия, защото предстои да започнем.
Какво е HTML код и за какво се използва?
Както споменахме в началото на тази публикация, HTML е език, който можем да използваме, за да дефинираме съдържанието на нашия уебсайт . На испански език акронимът означава език за маркиране на хипертекст. Това е поредица от тагове, които нашият браузър може да интерпретира и с които можем да дефинираме текста и други елементи, които ще бъдат част от уебсайта, като изображения, графики и др.
Този език, който обсъждаме, описва структурата на уеб страница и ни помага да организираме как тя ще се показва . Освен това, HTML ви позволява да включвате различни връзки, които пренасочват към други страници или дори документи.
Това не е език за програмиране, тъй като не изпълнява специфични аритметични функции. Следователно можем да кажем, че основната му функция е да създава статични уеб страници. Изключително полезен е, защото в комбинация с други езици за програмиране може да се използва за създаване на силно динамични страници, като много от тези, които посещаваме всеки ден.
Малко история на HTML
graffica.info
Този език се ражда през 1980 г., когато ученият Тим Бърнърс-Ли представя идеята за нова хипертекстова система . Тя се основава на необходимостта от споделяне на документи и файлове. В тази публикация, която обсъжда HTML, са описани общо 22 тага, показващи първоначален и опростен дизайн на това, в което ще се превърне този език.
В момента няколко от споменатите преди години тагове все още се използват , докато други са изоставени, а трети са добавени с течение на времето. Следователно можем да кажем, че през цялата му история са съществували различни версии на HTML.
Не забравяйте, че този тип език може да бъде обработен само от браузър, подобен на този, който използваме в момента на този уебсайт, за да четем тази публикация.
Видове етикети
Едно от нещата, които посочихме в предишния раздел, е, че езикът HTML е съставен от различни тагове. За тези, които не знаят, тези тагове са вид текстов фрагмент, затворен в квадратни или къдрави скоби, чиято цел е да напишат кода.
Тези тагове обикновено са оградени в скоби <>, т.е. <tag> . Те се използват за описание на външния вид на уебсайта.
В HTML откриваме, че са дефинирани голямо разнообразие от различни тагове . В зависимост от предназначението им, някои от тях са изброени по-долу.
- отварящ етикет: са използваните в началото на страниците. Той ни казва къде започва или свършва определен елемент. Името на елемента трябва да е между заострените скоби.
- затварящи тагове: същото като в предишния случай, но те показват края на елемент. Те се различават главно по начина на изписване, тъй като се появява диагонална линия.
- заглавни тагове: Те ще посочат, че следващото е заглавието на нашата страница.
- етикети на тялото: в този случай говорим за тагове, които указват частта от тялото на текста, т.е. последваните блокове от текст.
- заглавен таг: както разкрива името му, това е етикет, който показва заглавието или заглавката на нашата страница.
- етикет за субтитри: в случая говорим за субтитри от ниво 2.
- абзац таг: те са тези, които се използват, за да накарат нашия текст да се появи в ред по групиран начин.
- Етикет на долната секция: Сочи към долната част на текст. Може да се идентифицира със заключението или с последната част на страницата, където се появява информацията за контакт или социалните мрежи.
- Етикет на горната част: препращаме към горната част на текст или заглавка на страницата.
- удебелен етикет: както всички знаем, те са отговорни за подчертаването на някой елемент, който обхваща нашия текст.
- курсивни етикети: подобно на предишния случай, но тук се появява това, което е посочено в курсив.
- етикет за изображение: е този, който използваме, когато искаме да вмъкнем изображение на нашата страница.
- етикети за връзки: ако искаме да добавим връзки навсякъде в нашия уебсайт, трябва да добавим този етикет.
Това са някои от основните тагове, използвани в езика HTML. За всеки таг, който отваряме, трябва да запомним, че трябва да го затворим, в противен случай няма да сме включили правилно споменатия таг. Ако го направите по правилния начин, ще постигнете добре структуриран HTML език. Лошо написан код може да генерира грешки при създаването на страницата. Освен това браузърът не го разпознава и ни се показва празен екран или страницата се показва директно такава, каквато е.
Сега, след като знаете какво е HTML, за какво служи и някои от най-основните му тагове, имате представа за основната структура на този език, за който говорим. След като разберете това, препоръчваме ви да използвате различните етикети, които сме наименували, и да добавите нови, за да изградите и практикувате това, което сте научили.