Основные понятия HTML. Структура HTML-документа
Конспект по основным понятиям HTML и структуре HTML-документа:
1. HTML (HyperText Markup Language) - язык разметки гипертекста, используемый для создания веб-страниц.
2. Теги - основные строительные блоки HTML-документа. Они обрамляют содержимое и определяют его тип и структуру.
3. Элементы - составные части HTML-документа, создаваемые с помощью тегов. Они могут быть пустыми или содержать текст, изображения, ссылки и другие элементы.
4. Структура HTML-документа:
- <!DOCTYPE> - объявление типа документа.
- <html> - корневой элемент HTML-документа.
- <head> - содержит метаданные и информацию о документе.
- <title> - задает заголовок документа, отображаемый в окне браузера.
- <body> - содержит основное содержимое документа, видимое пользователю.
- <h1> - заголовок первого уровня.
- <p> - абзац текста.
- <a> - ссылка.
- <img> - изображение.
- <ul> - неупорядоченный список.
- <ol> - упорядоченный список.
- <li> - элемент списка.
- <table> - таблица.
- <tr> - строка таблицы.
- <td> - ячейка таблицы.
5. Атрибуты - дополнительные параметры, которые могут быть присвоены тегам. Они определяют свойства элементов и их поведение.
6. Каскадные таблицы стилей (CSS) - используются для определения внешнего вида HTML-документа, таких как цвета, шрифты, размеры и расположение элементов.
7. Семантическая разметка - использование тегов согласно их семантическому значению, чтобы улучшить доступность и поисковую оптимизацию веб-страницы.
8. Валидация HTML - процесс проверки соответствия HTML-документа стандартам и правилам языка.
9. Разработка адаптивных веб-страниц - создание веб-страниц, которые автоматически адаптируются к различным устройствам и экранам.
10. Оптимизация загрузки страницы - использование оптимальных методов для ускорения загрузки веб-страницы, таких как сжатие изображений, минификация кода и кэширование ресурсов.
11. Семантические элементы HTML5 - новые теги, предназначенные для более точного определения содержимого веб-страницы, такие как <header>, <nav>, <section>, <article>, <footer> и другие.
12. Видео и аудио в HTML - возможность вставки и воспроизведения видео и аудио контента на веб-странице с помощью тегов <video> и <audio>.
13. Формы в HTML - создание интерактивных форм для ввода данных пользователем с помощью тегов <form>, <input>, <textarea>, <select> и других.
14. Веб-графика - использование графических форматов, таких как JPEG, PNG и GIF, для отображения изображений на веб-странице.
15. Веб-шрифты - использование специальных шрифтов, которые могут быть загружены и отображены на веб-странице, независимо от наличия шрифта на компьютере пользователя.
16. Мета-теги - информация о документе, которая не отображается на странице, но используется поисковыми системами и социальными сетями для отображения заголовков, описаний и других данных.
17. Валидация форм - проверка введенных пользователем данных на соответствие определенным правилам и форматам.
18. Использование фреймов - вставка веб-страницы внутрь другой веб-страницы с помощью тега <iframe>.
19. Метаданные - информация о документе, которая используется браузерами, поисковыми системами и другими инструментами для обработки и анализа веб-страницы.
20. Мобильная разработка - создание веб-страниц, оптимизированных для просмотра на мобильных устройствах, с использованием медиа-запросов и других техник.