HTML

1.

Совместный учебный проект
«Основные теги
HTML»
Подготовили Петрова Екатерина, Затуряева
Анастасия, Бабынина Анна

HTML - Hyper Text Markup Language
HTML(HyperText Markup Language) –
стандартный язык разметки, который
используется для создания и
структурирования контента на вебстраницах.
HTML позволяет форматировать
страницы, придавая им необходимый вид.
Если такой задачи нет, то знание тегов
поможет отредактировать код
встраиваемого виджета.

3.

Теги в HTML
— это части языка разметки, которые
используются для обозначения начала и
конца элемента HTML. Они помогают
браузерам преобразовывать HTMLдокументы в веб-страницы

4.

Классификация тегов HTML
• Команды HTML <strong> и <em> используются для выделения текста жирным
шрифтом и курсивом соответственно.
• Теги <u> и <del> используются для подчеркивания и зачеркивания текста
соответственно.
• Тег <a> используется для создания гиперссылок, позволяющих переходить с
одной страницы на другую. Чтобы эта команда HTML корректно сработала,
нужно использовать элемент href, который содержит адрес ссылки.

5.

Классификация тегов HTML
• Списки помогают организовать информацию на странице путем перечисления
ключевых идей или объектов. Неупорядоченные списки создаются с помощью
тега <ul>, упорядоченные (нумерованные)— с помощью тега <ol>. Каждая
новая строчка списка определяется тегом <li>.
• Тег <img> используется для вставки изображений. Для корректной работы
этого тега используется атрибут src, который указывает путь к изображению
• Таблицы создаются с помощью тегов <table>, <tr>, <td> и <th>, которые
позволяют организовать данные в строках и столбцах.
• Тег <th> используется для заголовков столбцов, а тег <td> — для данных
ячеек.

6.

Базовые теги

7.

Базовые теги
• 1)  Тег для добавления комментариев в документ. Помещённые внутри
него теги не интерпретируются браузером.
• 2) <!DOCTYPE> Показывает браузеру тип документа, сообщает его версию и
язык.
• 3) <html></html> Корневой тег, который сообщает браузеру, что это HTMLдокумент. Все остальные элементы помещаются внутри него.
• 4) <head></head> Контейнер, в который помещаются метаданные документа, не
видимые пользователям, но считываемые поисковыми роботами: например, <title>
или <style>.
• 5) <meta> Тег для оформления метаданных документа, используемых браузером
для обработки страницы, а поисковиками — для индексации.

8.

Базовые теги
• 6) <body></body> Тег, обрамляющий видимую пользователям часть
документа. Всё, что вы укажите внутри этого контейнера, отобразится на
странице.
• 7) <body bgcolor=?> Цвет фона документа в формате RGB.
• 8) <body text=?> Цвет текста
• 9) <body link=?> Цвет гиперссылок
• 10) <title></title> Метатег, который задаёт название страницы, отображаемое
на вкладке браузера.
• 11) <header></header> Определяет содержимое блока с вводной информацией
сайта или группой ссылок.

9.

Заключение
Понимание и правильное использование
основных команд HTML — это
фундаментальный навык для вебразработчиков, который позволяет
создавать структурированные, доступные и
функциональные веб-страницы.

10.

Спасибо за
внимание!

English Русский Правила