Язык программирования HTML: его функции и применение

1.

Язык программирования
HTML: его функции и
применение
Добро пожаловать в мир HTML!
by R oma Darking

2.

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

3.

Теги HTML: как они работают и для чего используются
Заголовок
Абзац
Тег <h1> используется для определения заголовка страницы. <h2>
Тег <p> определяет абзац текста. Используйте <p> для разделения
- для подзаголовков, <h3> - для подзаголовков более низкого
текста на логические блоки.
уровня.
Изображение
Ссылка
Тег <img> используется для добавления изображения на веб-
Тег <a> используется для создания гиперссылки. Он имеет атрибут
изображения.
ссылка.
страницу. Он имеет атрибут src, который указывает путь к файлу
href, который указывает URL-адрес, на который будет переходить

4.

Создание веб-страниц с помощью HTML
Создание файла
Добавление тегов
Просмотр в браузере
Создайте текстовый файл с
Введите HTML-теги, чтобы
Откройте файл в браузере, чтобы
определить структуру и содержание
увидеть, как веб-страница выглядит
веб-страницы.
в реальности.
расширением .html.

5.

Форматирование текста и добавление изображений в
HTML
Шрифты и цвета
Изображения
Размер и выравнивание
Используйте теги <font> и <color>
Добавляйте изображения с
Используйте атрибуты width и
текста.
путь к файлу изображения в
для изменения шрифта и цвета
помощью тега <img> и указывайте
атрибуте src.
height для изменения размера
изображения и атрибут align для
выравнивания текста и
изображений.

6.

Использование ссылок и списков в
HTML
1
Гиперссылки
Создавайте ссылки на другие веб-страницы или файлы с помощью
тега <a>. Используйте атрибут href для указания адреса ссылки.
2
Неупорядоченные списки
Используйте тег <ul> для создания неупорядоченного списка.
Каждый элемент списка должен быть заключен в тег <li>.
3
Упорядоченные списки
Используйте тег <ol> для создания упорядоченного списка.
Каждый элемент списка должен быть заключен в тег <li>.

7.

Таблицы и формы в HTML
Таблицы
Используйте тег <table> для создания таблицы. Теги <tr> и
<td> определяют строки и ячейки в таблице.
Формы
Используйте тег <form> для создания формы, которая
позволяет пользователям отправлять данные на сервер.
Элементы форм
Используйте теги <input>, <select> и <textarea> для
создания различных полей ввода, таких как текстовые поля,
раскрывающиеся списки и текстовые области.

8.

Откуда в сыре дырки?
1
2
Бактерии
Углекислый газ
Дырки в швейцарском сыре - это
Выделяемый газ образует пузырьки,
результат деятельности бактерий,
которые застревают в сыре во время
которые ферментируют молочный
созревания.
сахар, выделяя углекислый газ.
3
Созревание
По мере созревания сыра пузырьки
газа увеличиваются в размере,
создавая характерные дырки.

9.

Интеграция HTML с CSS и JavaScript
HTML
1
2
3
Структура
CSS
Стиль
JavaScript
Функциональность

10.

Сферы применения языка программирования
HTML