Синтаксис html, уроки, webreference
HTML розшифровується як HyperText Markup Language (мова розмітки гіпертексту):
Як і будь-яка мова, HTML поставляється з набором правил. Ці правила досить прості і зводяться до визначення меж. щоб знати, де щось починається і де закінчується.
Нижче наведено приклад абзацу в HTML:
Те, що ви бачите в кутових дужках <и> називається тегами HTML. Вони визначають, де щось починається і де воно закінчується.
Кожен з тегів несе певний сенс. У нашому випадку <р> позначає абзац тексту.
Як правило, вони йдуть парами:
- відкриває тег <р> визначає початок абзацу;
- закриває тег визначає його кінець.
Єдиним розходженням між відкриває і закриває тегами є слеш /, який передує імені тега.
При об'єднанні відкриває, закриває тегів і всього між ними, ви отримаєте елемент HTML. Рядок цілком являє собою елемент HTML, який використовує теги HTML <р> і
.Де писати HTML
Ви, ймовірно, стикалися c простими текстовими файлами, тими, які мають розширення .txt. Щоб такий текстовий файл став HTML-документом (замість текстового), вам потрібно використовувати розширення .html.
Збережіть цей файл як my-first-webpage.html, просто відкрийте його вашим браузером і ви побачите:
Це моя перша веб-сторінка!
Атрибути діють як додаткова інформація, прив'язана до елементу HTML. Вони пишуться всередині тега HTML. Таким чином, вони також не відображаються в браузері.
Наприклад, атрибут href використовується для визначення призначення посилання (яка створюється тегом ):
Є 16 атрибутів HTML. які можуть бути використані в будь-якому елементі HTML. Всі вони не є обов'язковими.
Ви в основному будете застосовувати class (який використовується для CSS) і title (підказка, яка з'являється при наведенні курсора на об'єкт, на зразок цього).
Деякі елементи HTML містять обов'язкові атрибути. Наприклад, при вставці зображення ви повинні вказати його розташування за допомогою атрибута src:
Беручи до уваги, що мета елемента полягає в показі зображення, то має сенс шлях до зображення зробити обов'язковим.
самозакриваються елементи
Деякі елементи HTML мають тільки відкриває тег:
Оскільки у них немає закриває тега і, отже, вони не можуть містити нічого всередині, самозакривних елементи зазвичай несуть із собою кілька атрибутів, які надають додаткову інформацію.