Пример атрибута:

Перейти на сайт

В данном примере атрибут href задает URL для перехода по ссылке.

3. Создание первого HTML-документа

Основы синтаксиса HTML:

Теги в HTML должны быть заключены в угловые скобки (< >).

Большинство тегов имеют пару: открывающий () и закрывающий ().

Некоторые теги, например или
, являются самозакрывающимися и не требуют закрывающего тега.

HTML не чувствителен к регистру, но принято использовать теги в нижнем регистре.

Ваш первый веб-документ:

Вот пример простого HTML-документа:

Привет, мир!

Добро пожаловать в мир веб-разработки.

Перейти на сайт

Этот код создаст веб-страницу с заголовком "Привет, мир!" и текстом, а также ссылкой на внешний сайт.

Глава 2: Основы HTML

1. Теги заголовков

Теги заголовков в HTML используются для разделения текста на логические блоки и для структурирования информации. Они играют важную роль в улучшении восприятия контента и для SEO (поисковая оптимизация).

Разделение текста на заголовки (h1-h6):

: Главный заголовок страницы. На одной странице должен быть только один тег

.

Наша миссия

Цели

Основные задачи

Малые задачи

Правильное использование заголовков:

Использование тега

для основного заголовка страницы.

Заголовки с уровнем

и ниже должны использоваться для организации контента и структурирования текста.

Использование заголовков помогает улучшить восприятие контента как пользователями, так и поисковыми системами.

2. Абзацы и текстовые элементы

HTML предоставляет теги для разделения текста на абзацы, а также для различных типов форматирования текста.

Теги

,
,

---

и другие:

: Тег для абзацев текста. Он автоматически создает отступы перед и после текста.

Это абзац текста.

: Перевод строки. Используется для вставки разрывов строк в тексте.

Это первый абзац.
А это второй абзац.

---

: Горизонтальная линия, используется для разделения контента.

---

: Жирный текст.

Жирный текст

: Курсивный текст.

Курсивный текст

: Подчеркнутый текст.

Подчеркнутый текст

Форматирование текста: жирный, курсив, подчеркивание:

Жирный текст: Используется для выделения важной информации.

Это важная информация

Курсив: Используется для выделения текста в контексте или для указания названий.

Это курсивный текст

Подчеркивание: Чаще используется для выделения ссылок, но также можно применять к обычному тексту.

Это подчеркнутый текст

3. Списки

Списки – это удобный способ представления информации в виде элементов, каждый из которых является частью общего перечня.

Нумерованные и маркированные списки:

Нумерованные списки используют тег

и внутри него теги
1. для каждого элемента.

   1. Первый элемент
   2. Второй элемент
   3. Третий элемент

   Маркированные списки используют тег

   и аналогично используют теги
   • для каждого элемента.

     • Первый пункт
     • Второй пункт
     • Третий пункт

     Вложенные списки:

     Списки могут быть вложенными друг в друга, что позволяет создавать многоуровневые структуры.

     • Первый пункт

       • Вложенный пункт 1
       • Вложенный пункт 2

     • Второй пункт

     4. Ссылки и якоря

     Ссылки – это важная часть HTML, с помощью которых можно перемещаться по страницам или внутри одной страницы.

     Тег для создания ссылок:

     используется для создания гиперссылок. Атрибут href указывает, на какой URL или якорь нужно перейти.

     Перейти на сайт

     Атрибут href и относительные/абсолютные пути:

     Абсолютный путь указывает полный URL, включая протокол (например, https://).

     Перейти на сайт

     Относительный путь указывает путь относительно текущего местоположения файла.

     Перейти на другую страницу

     Внутренние и внешние ссылки:

     Внутренние ссылки – это ссылки на страницы или разделы внутри того же сайта.

     Внешние ссылки – это ссылки на ресурсы, расположенные на других веб-сайтах.

     5. Таблицы

     Таблицы в HTML позволяют представлять данные в виде строк и столбцов.

     Основы создания таблиц с использованием

     , ,

     : : Определяет таблицу. : Определяет строку таблицы. : Определяет ячейку в таблице. Пример таблицы: Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Работа с таблицами (заголовки, слияние ячеек): : Заголовок таблицы. colspan: Атрибут для объединения ячеек по горизонтали. rowspan: Атрибут для объединения ячеек по вертикали. Пример слияния ячеек: Заголовок Ячейка 1 Ячейка 2 Ячейка 3 6. Изображения Изображения могут быть вставлены в документ с помощью тега . Вставка изображений с помощью тега : Тег используется для вставки изображений на страницу. Атрибуты src, alt, title: src: Указывает путь к изображению. alt: Описание изображения для пользователей, которые не могут его увидеть. title: Показывает всплывающую подсказку при наведении на изображение. Пример вставки изображения: Глава 3: Формы в HTML 1. Основы создания форм Конец ознакомительного фрагмента. Текст предоставлен ООО «Литрес». Прочитайте эту книгу целиком, купив полную легальную версию на Литрес. Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом. Купить и скачать всю книгу Вход В личный кабинетРегистрация Email:* Пароль:* Забыли пароль