HTML (HyperText Markup Language) - це стандартна мова розмітки, яка використовується для створення та оформлення веб-сторінок. За допомогою HTML можна вивести інформацію на веб-сторінці і задати її структуру і зовнішній вигляд.
Для створення абзаців в HTML використовується тег p. Всередині тегу p можна розмістити будь-який текст або інші HTML-елементи. Наприклад:
Это первый абзац на веб-странице.
А это уже второй абзац. В нем можно использовать жирный и курсивный текст, а также другие стили и элементы.
Для більш складної структури інформації можна використовувати тег . За допомогою цього тега можна створити таблиці з осередками і стовпцями, що дозволяє впорядкувати і представити інформацію у вигляді таблиці.
Також можна використовувати тег для створення маркованого списку, де кожен пункт буде виглядати у вигляді маркованої точки. Тег дозволяє створити нумерований список, де кожен пункт буде автоматично нумеруватися.
Параграфи та текстові блоки
Щоб створити абзац, просто використовуйте відкриваючий та закриваючий теги
. Весь текст, укладений між цими тегами, відображатиметься як окремий абзац.
Это первый параграф.
Это второй параграф.
Це перший параграф.
Це другий параграф.
Якщо потрібно виділити окремий блок тексту, не створюючи новий параграф, можна використовувати тег . Тег являє собою контейнер, який дозволяє групувати вміст і застосовувати до нього стилі.
Это блок текста.Тег має більш широкий спектр використання та ролі в CSS-стилях. Він часто використовується для розмітки різних розділів сторінки або групування елементів.
Список
-
. Кожен елемент списку поміщається в тег
. Наприклад:
- Перший елемент
- Другий елемент
- Третій елемент
Результат буде виглядати наступним чином:
- Перший елемент
- Другий елемент
- Третій елемент
-
. Кожен елемент списку також поміщається в тег
. Наприклад:
- Перший елемент
- Другий елемент
- Третій елемент
Результат буде виглядати наступним чином:
- Перший елемент
- Другий елемент
- Третій елемент
Крім того, списки можна вкладати один в одного для створення вкладеної структури. Наприклад:
- Перший елемент
- Другий елемент
- Піделемент 1
- Піделемент 2
Результат буде виглядати наступним чином:
- Перший елемент
- Другий елемент
- Піделемент 1
- Піделемент 2
Таблиця
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Осередок 1 Осередок 2 Осередок 3 Осередок 4 Також можна додавати заголовки таблиці за допомогою тега . Заголовки комірок таблиці відображаються жирним шрифтом за замовчуванням.
Приклад використання тегу для додавання заголовків до таблиці:
Заголовок 1 Заголовок 2 Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Заголовок 1 Заголовок 2 Осередок 1 Осередок 2 Осередок 3 Осередок 4 Приклад об'єднання осередків:
Заголовок таблицы Ячейка 1 Ячейка 2 Заголовок таблиці Осередок 1 Осередок 2 Зображення та медіа
Ось основний синтаксис для вставки зображення:
Атрибут src визначає шлях до зображення. Шлях може бути абсолютним або відносним. Атрибут alt задає альтернативний текст, який буде відображатися, якщо зображення не може бути завантажено або прочитано програмами для читання з екрану.
Наприклад, наступний код вставить зображення із шляхом " images / myimage.jpg "і альтернативним текстом"моє зображення":
В HTML також можна вставляти аудіо і відео за допомогою тегів і відповідно. Наприклад, наступний код вставить аудіофайл "audio / mysong.mp3":
В даному прикладі також використаний атрибут controls, який додає елементи управління аудіо плеєра.
За допомогою HTML можна вставляти ще більше медіа-елементів, таких як аудіоплеєри, Відеоплеєри, галереї зображень і т.д. для створення інтерактивних і мультимедійних веб-сторінок.
Форми та введення даних
Для створення форми використовується тег . Всередині цього тегу ми можемо розміщувати різні елементи керування, такі як текстові поля, кнопки, прапорці тощо.
Одним з найбільш часто використовуваних елементів форми є текстове поле. Для його створення використовується тег з атрибутом type= "text". Також можна використовувати атрибут placeholder для відображення підказки всередині поля.
Також у формі може бути кнопка для надсилання даних. Для цього використовується тег з атрибутом type="submit" .
Введені користувачем дані можуть бути відправлені на сервер для обробки. Для цього використовується атрибут action в тезі , який вказує URL, на який повинні бути відправлені дані, і атрибут method , який вказує метод передачі даних (GET або POST).
Форми дозволяють збирати різні типи даних, такі як текст, цифри, дати та файли. Для цього використовуються різні типи елементів форми, такі як , , і .
Також форми можуть містити прапорці ( ) і радіокнопки ( ) для вибору опцій.