![]() | Ім'я файлу: Марафон GoIT. Конспект.pdf Розширення: pdf Розмір: 264кб. Дата: 07.08.2020 скачати Пов'язані файли: Ondriy.docx Слово не горобець.docx Мистецтво в естетичному вихованні дітей з ІП_Морока.pptx Что такое теги Теги - это простейшие элементы разметки веб-страницы, чтобы браузер при ее загрузке понимал, как именно отображать тот или иной элемент (текст, картинку, видео). Все теги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком ">". Обычно имеются два тега - открывающий: и закрывающий:.Различие в том, что в закрывающем имеется слеш "/". Всё содержимое, помещенное между открывающим и закрывающим тэгами, является содержимым тега. Тег определяет заголовок Базовая структура страницы 1. создаём файл index.html 2. ставим ! и нажимаем tab Теги верхнего уровня Эти теги предназначены для формирования структуры веб-страницы и определяют раздел заголовка и тела документа. html — корневой элемент документа, как контейнер который заключает в себе всё содержимое веб-страницы, включая теги head и body. head — предназначен для хранения технической информации о странице: заголовок, описание, ключевые слова для поисковых машин, кодировку и т.д. Вся эта информация не отображается в окне браузера, однако содержит данные, которые указывают браузеру, как следует обрабатывать страницу. body — предназначен для хранения содержания веб-страницы, отображаемого в окне браузера. Контент, который должен отображаться на странице, следует располагать именно внутри контейнера body. К такому контенту относятся текст, изображения, таблицы, списки и др. Атрибут тега Атрибуты позволяют изменять свойства и поведение элемента, для которого они заданы. Общее количество атрибутов достаточно велико, но их значения, как правило, можно сгруппировать по разным типам, например, задающих размер, адрес и др. Атрибуты записываются внутри открывающего тега, а их значения располагаются внутри кавычек. Атрибутов может быть несколько. Некоторые теги не могут использоваться без атрибутов. Основные теги - универсальный блочный парный тег предназначен для группирования элементов документа. В большинстве ситуаций используется как блок-обертка для логически связанного контента - определяет блок сбоку от контента для размещения рубрик, ссылок на архив, меток и другой информации. Такой блок, как правило, называется «сайдбар» или «боковая панель» - строчный, подчиняется правилу потока документа "слева направо" и занимает ширину по своему контенту. Предназначен для определения строчного элемента внутри документа, не заменяет тег p. Может использоваться для группировки и выделения строчного контента внутри абзаца для дальнейшей стилизации. - универсальный контейнер для группировки мелких фразовых элементов, отделения их друг от друга, и дальнейшей стилизации. Тег парный. Используется не только для указания параграфов, это скорее структурный тег нежели смысловой. ● src — обязательный и указывает браузеру, где можно найти изображение. Как и тег a, путь к картинке может быть абсолютным, или относительным. ● alt — является альтернативным описанием. Это необходимо для предоставления значимой информации для пользователей, которые не могут видеть изображение (например, если они слабовидящие), или если картинка попросту не загрузилась. ● width — задает ширину изображения. ● height — задает высоту изображения. <а> - предназначен для создания ссылок. Внутрь тега <a> помещается текст, который будет отображаться на веб-странице. Текст ссылки отображается в браузере с подчеркиванием, цвет шрифта — синий, при наведении на ссылку курсор мыши меняет вид. У ссылок есть возможность не только переходить на другие страницы и скачивать файлы, но и совершать звонки на телефоны, отправлять сообщения или звонить по скайпу. Атрибуты: ● href — обязательным атрибут, задает адрес веб-страницы или некого ресурса (может содержать как абсолютный так и относительный путь). ● download="путь к файлу" — сообщает браузеру, что указанный в href ресурс должен быть загружен в момент, когда пользователь щелкает по ссылке. Задавая имя для атрибута, мы таким образом задаем имя загружаемому файлу. Можно использовать атрибут без указания его значения. ● target — указывает на то, в каком окне должен открываться документ, к которому ведет ссылка. Интересным значением можно выделить blank, при котором страница открывается в новом окне браузера. ● rel — дополняет атрибут href информацией об отношении между текущим и связанным документом. и
|