Коли ми говоримо про HTML-код, напевно, багато хто з вас думає про мову, яка використовується для структурування інформації, яка надається нам, коли ми входимо в браузер або веб-сторінку. Але це не закінчується, щоб краще зрозуміти, що таке HTML і для чого він потрібен, ми повинні заглибитися в цю тему набагато глибше.
Цей код, про який ми будемо говорити, є фундаментальною основою веб-розробки. Кожного разу, коли ми переглядаємо різні сторінки, HTML більш ніж присутній на всіх з них, будь то сторінка моди чи особистий блог. Якщо вам цікаво дізнатися більше про цю тему, візьміть ручку та папір, і ми почнемо.
Що таке HTML-код і для чого він використовується?
Як ми зазначали на початку цієї публікації, HTML — це мова, за допомогою якої ми можемо визначати вміст нашої веб-сторінки. Іспанською мовою абревіатура відповідає визначенню мови гіпертекстової розмітки. Тобто ряд міток, які наш браузер здатний інтерпретувати і за допомогою яких ми можемо визначати наші тексти та інші типи аспектів, які будуть частиною веб-сторінки, зображень, графіки тощо.
Ця мова, якою ми розмовляємо Він має функцію опису структури, якій дотримується сторінка, а також допомагає нам організувати спосіб, у який вони будуть відображатися.. На додаток до всього цього, HTML дозволить вам включати різні переспрямовані посилання на інші типи сторінок або навіть документів.
Це не мова програмування, оскільки вона не виконує певних арифметичних функцій. Таким чином, ми можемо зазначити, що його основна функція полягає в створенні статичних веб-сторінок. Це дуже корисно, оскільки, поєднавши його з іншим типом мови програмування, ви можете отримати найдинамічніші сторінки, як багато з тих, які ми відвідуємо щодня.
Трохи історії HTML
graffica.info
Ця мова народилася в 1980 році, коли вчений Тім Бернерс-Лі представив ідею нової системи гіпертексту.. Це було засновано на необхідності мати можливість обмінюватися документами та файлами. У цій публікації, яка розповідає про HTML, описано загалом 22 теги, які навчають початковому та простому дизайну того, що таке ця мова.
Наразі деякі з цих міток, згаданих кілька років тому, все ще зберігаються, порівняно з іншими, які були залишені осторонь, і іншими, які були додані з часом. З того, що ми можемо зазначити, що протягом його історії існували різні версії HTML.
Пам'ятайте, що цей тип мови можна обробляти лише через браузер як ті, які ми зараз використовуємо на цьому веб-сайті для читання зазначеної публікації.
Види етикеток
Одна з речей, на яку ми звернули увагу в попередньому розділі, полягає в тому, що мова HTML складається з різних тегів. Ці мітки для тих, хто не знає, це свого роду текстові фрагменти, захищені дужками або фігурними дужками, метою яких є написання зазначеного коду.
ці мітки, Зазвичай вони розмежовані тим, що ми знаємо в дужках у підказці <>, тобто;. Вони використовуються для опису того, що ви хочете відображати в Інтернеті, з точки зору зовнішнього вигляду.
У HTML іми виявили, що визначено велику різноманітність різних міток. Нижче ми побачимо деякі з них, залежно від того, як це буде використано.
- відкриваючий тег: ті, що використовуються на початку сторінок. Він говорить нам, де починається або закінчується певний елемент. Ім'я елемента має бути між загостреними дужками.
- закриваючі теги: те саме, що й у попередньому випадку, але вони вказують на кінець елемента. Вони відрізняються в основному способом написання, оскільки з'являється діагональна лінія.
- теги заголовків: вони вкажуть, що далі буде заголовок нашої сторінки.
- етикетки тіла: в даному випадку мова йде про теги, які вказують на частину тексту, тобто наступні блоки тексту.
- тег заголовка: як видно з назви, це мітка, яка вказує на заголовок або заголовок нашої сторінки.
- тег субтитрів: у цьому випадку ми говоримо про субтитри рівня 2.
- тег абзацу: це ті, які використовуються для того, щоб наш текст з’являвся в рядку згрупованим способом.
- Етикетка нижнього розділу: вказує на нижню частину тексту. Його можна ідентифікувати з висновком або з кінцевою частиною сторінки, де розміщена контактна інформація чи соціальні мережі.
- Етикетка верхнього розділу: ми посилаємося на верхню частину тексту або заголовок на сторінці.
- жирний ярлик: як ми всі знаємо, вони відповідають за виділення деяких елементів, які охоплюють наш текст.
- курсивні написи: аналогічно попередньому випадку, але тут з'являється те, що вказано курсивом.
- тег зображення: це той, який ми використовуємо, коли хочемо вставити зображення на нашу сторінку.
- теги посилань: якщо ми хочемо додати посилання будь-де на нашому веб-сайті, ми повинні додати цей тег. <a>
Це деякі з основних тегів, які використовуються в мові HTML. Для кожного тегу, який ми відкриваємо, ми повинні пам’ятати, що ми повинні його закрити, інакше ми не будемо правильно включити цей тег. Зробивши це правильно, ви отримаєте добре структуровану мову HTML. Погано написаний код може спричинити помилки під час створення сторінки. Крім того, браузер не розпізнає його, і нам показується порожній екран або сторінка відображається як є.
Тепер, коли ви знаєте, що таке HTML, для чого він призначений і деякі з його найпростіших тегів, ви маєте розуміння базової структури цієї мови, про яку ми говоримо. Коли ви це дізнаєтесь, ми заохочуємо вас використовувати різні мітки, які ми назвали, і додавати нові, щоб створювати та практикувати те, що ви навчилися.