Как нам уже известно, HTML — это язык тегов. А тег (дескриптор) представляет собой специальный код, вставляемый в текст и используемый при форматировании элементов HTML-документа. Тег является основным элементом кодирования, принятым в HTML-стандарте. Тег заключается в угловые скобки (например, — тег абзаца, — тег горизонтальной линии).
Различают 2 типа тегов: контейнеры и одиночные.
Контейнеры представляют собой дескрипторную пару, включающую в себя начальный (открывающий) и конечный (закрывающий) теги. Начальный тег имеет вид , где TAG — это имя реального HTML-тега. Конечный тег имеет вид . Суть использования контейнеров заключается в хранении определенной информации (текста или других HTML-тегов). В связи с этим содержимое контейнера заключается между начальным и конечным тегами.
Пустой тег отличается от контейнера тем, что не содержит информации. Он содержит только начальный тег. Такой дескриптор обычно используется для выполнения самостоятельной задачи, не связанной с конкретным текстом (тег создаёт горизонтальную линию).
Лекция №4. Знакомство с Google Tag Manager (2019)
Элемент документа состоит из начального и конечного тегов контейнера вместе с заключённым между ними содержимым. В качестве элемента могут использоваться изображения, фрагменты текста, формы, таблицы, списки, ссылки, текстовые поля, кнопки, заголовок документа или его основная часть.
Границы документа
Определение 2
Основным HTML-тегом является одноименный тег . Он всегда стоит в начале и открывает документ, а тег стоит в последней строке и закрывает документ.
Эти 2 тега указывают на то, что строки, которые находятся между ними, являются единым HTML-документом. Это очень важно, поскольку сам по себе документ представляет собой обычный текстовый файл типа ASCII. Без этих тегов браузер не сможет идентифицировать формат документа и правильно его интерпретировать.
«Структура документа в HTML»
Готовые курсовые работы и рефераты
Решение учебных вопросов в 2 клика
Помощь в написании учебной работы
- определить название документа;
- установить отношения между несколькими документами;
- указать браузеру на создание формы для поиска;
- определить метод отправки специальных сообщений для определенного браузера или другой программы просмотра.
Раздел HEAD открывает тег , который стоит сразу после тега . Закрывающий тэг указывает на конец этого раздела. Между ними находятся остальные теги раздела заголовка документа.
Название документа
Раздел TITLE представляет собой единственный обязательный элемент заголовка документа, дающий документу название, которое обычно отображается в заголовке окна браузера. Содержимое раздела TITLE нельзя отождествлять с названием файла документа, поскольку оно является текстовой строкой, которая не зависит от имени и места нахождения файла. Имя самого файла, как правило, определено операционной системой того компьютера, на котором хранится.
Название документа располагается между тегами и и является текстовой строкой. Оно не заключается в кавычки. Как правило, раздел TITLE занимает одну строку.
Занятие 9. Работа с формами в Google Tag Manager (2020)
Замечание 1
В принципе название может быть любой длины и включать в себя любые символы, кроме некоторых зарезервированных. На практике лучше использовать одну строку, учитывая появление названия в заголовке окна браузера. Также рекомендуется не забывать о том, как название документа будет выглядеть при сворачивании окна браузера, в связи с этим нужно постараться разместить наиболее важные слова в начале названия.
Тело документа
This is an example document
Enter body text here
Атрибуты элемента BODY
В элемент BODY может входить большое количество атрибутов. Все они важны, так как определяют общий вид документа. Эти атрибуты приведены ниже в таблице.
Рассмотрим эти атрибуты.
Определять цвет составных частей документа нужно в самом начале его создания, так как если этого не сделали, будут использоваться цвета по умолчанию, которые устанавливаются программой просмотра.
При выборе цветовой палитры нужно стараться поддерживать высокую контрастность текста и фона и избегать соседства областей с близкими цветами, чтобы пользователи не испытывали неудобства.
Цвет в HTML определяется шестнадцатеричным кодом. Цветовая система базируется на красном, синем и зеленом цветах.
Атрибут BGCOLOR определяет цвет фона документа. При наличии на странице фонового изображения данный атрибут обеспечивает цвет наиболее близкий к общему тону рисунка, чтобы пользователь смог легко прочитать текст на странице.
Атрибутом TEXT определяется цвет текста документа. Необходимо стараться на странице поддерживать высокую контрастность текста. Используя шрифт с тонким начертанием лучше сделать его темным на светлом фоне.
С помощью атрибута LINK браузер показывает еще не просмотренные ссылки. Рекомендуется выделять их цветом на фоне основного текста.
Атрибут VLINK показывает просмотренные ссылки. Как правило, они окрашиваются более темным оттенком того же цвета, что и не просмотренные ссылки.
Атрибутом ALINK определяется цвет активной ссылки. Этот атрибут обычно используется при просмотре многокадровых документов.
Замечание 2
Один из популярных способов украшения страницы – это размещение на ней фоновой графики. Этот прием подчеркивает целостность документа или же делит его на логические части. Большинство фоновых изображений малы по размеру, поэтому окно программы просмотра заполняют их копиями. Очень популярными являются текстурные (узорчатые) изображения. При более продуманном оформлении страниц используют фон, который соответствует содержанию.
С помощью атрибутов LEFTMARGIN и TOPMARGIN устанавливаются расстояния между левым и верхним краями текста и соответствующими краями окна браузера. Местоположение других краев текста не регулируется для обеспечения возможности просмотра страниц любым браузером.
Атрибутом LEFTMARGIN устанавливается расстояние между левым краем окна браузера, измеряемым в пикселях. Пользователь использует этот атрибут, когда ему необходимо слева свободное от текста поле, которое отличается узором или цветом от остальной части фонового изображения.
Атрибутом TOPMARGIN устанавливается расстояние между верхним краем текста и верхним краем окна браузера. Атрибут используют при большом значении верхней части фонового изображения, которую нужно оставить открытой.
Включение комментариев
В HTML-документы включают комментарии, которые не будет видеть читатель. Они начинаются с тега . Все, что находится внутри этих тегов, при просмотре страницы остается невидимым.
Элемент Address
Site Builder
Cайто-Cтроитель.рф
Поиск по Сайту
Понятия слова «Теги». Основные теги в HTML.
Каким браузером вы пользуетесь, Google Chrome, Internet Explorer, Mozilla Firefox, или Opera? В прочем это не важно. Все они программы для чтения и отображения веб документа, а точнее то, что вы видите на экранах своих мониторов. Открывая любое печатное издания книгу, или газету мы чётко видим своим глазом абзацы, колонки, фото, цвет текста, в общем, всё визуальное оформление таким, какое оно есть.
Но браузер это робот, которому необходимо понять, как отображать, показывать нам то, что мы видим и если мы обычным языком попробуем ему сказать что фразу «Привет Мир», надо отобразить жирным курсивом, или красным цветом, то он нас не поймёт. Именно для этого и были придуман язык гипертекстовой разметки HTML, с его набором различных тегов и атрибутов к ним.
Теги.
Слово «Тег» происходит от английского «tag» (дескриптор). Дескриптор, это элемент языка, в разметки гипертекста HTML. Что бы легче понять, как это работает, давайте проведём не большой эксперимент и напишем несколько раз фразу «Я учу HTML».
Рисунок 1.
На рисунке №1, мы видим четыре варианта нашей фразы. Сначала она выделена полужирным текстом, затем красным цветом, далее наклонным курсивом и наконец, наш текст стал просто кнопкой. Но как это браузер смог понять? Для этого давайте посмотрим и разберём его исходный код.
Рисунок 2.
На рисунке №2 мы видим, что в первом случае между фразой присутствует парный тег
(от английского bold, полужирный). В который, заключив нашу фразу «Я учу HTML» мы получили полужирный текст.
Далее мы видим что фраза «Я учу HTML» стала красного текста, это потому что мы использовали тег
(от английского шрифт) и указали цвет (color) код которого #F34C0C (в данном случае имеет красный оттенок).
Затем наш текст покосило вправо, то есть курсив стал наклонным, это произошло, потому что мы использовали парный тег (от английского emphasis-акцент).
И наконец, при помощи тега
(от английского button-кнопка), мы сделали его просто кнопкой.
Как вы заметили, между строками мы использовали тег
(от английского break-ломать, разрыв), это дало нам возможность написать каждую фразу с новой строки. То есть тег позволяет начать новый абзац, строку при этом не требуется парный закрывающий тег
.
Вот таким образом наши поисковые машины (браузеры), способны читать ту информацию, которую мы хоти передать через них. В таблицах ниже приведены основные теги, которые используются более часто при написании веб страниц в формате HTML. Данные таблицы используются всего лишь как шпаргалки и при необходимости со временем обновляются и дополняются.
- Основные теги документа HTML.
- Теги документа и мета-теги.
- Атрибуты тела документа (для тега ).
- Теги формата и стиля текста.
- Теги форматирования и управления текстом.
- Гиперссылки и их атрибуты.
- Теги графики, графические элементы.
- Таблицы и их атрибуты.
- Фреймы и их атрибуты.
- Ифрейм и и атрибуты.
- Формы.
Основные теги документа HTML.
Теги документа мета-теги.
| Теги | Краткое описание и назначение | Закрывающий, или парный тег |
| Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью) | -//- | |
| Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра) | -//- | |
| Указание для поисковых роботов как следует сканировать данную страницу | -//- | |
| Указание для поисковых роботов относится ли данная страница к мировым | -//- | |
| Указание для поисковых роботов как следует сканировать данную страницу | -//- | |
| Указание автора странички | -//- | |
| Описание содержащийся информации (для поисковых машин) | -//- | |
| Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.) | -//- | |
| Ключевые слова странички (для поисковых машин) | -//- | |
| Помещает название документа в оглавление программы просмотра страниц | -//- |
Источник: xn—-7sbqldprbrfejdd6m.xn--p1ai
Технология
1. HTML (HYPER TEXT MARKUP LANGUAGE) является:
а) Одним из средств при создании Web-страниц
б) Системой программирования
в) Графическим редактором
г) Системой управления базами данных
2. Инструкция браузеру, указывающая способ отображения текста:
а) Программный код
б) Тэг
в) Файл
г) Кегль
3. Программа для создания Web-страницы с использованием языка HTML:
а) MS Word
б) Paint
в) Калькулятор
г) Блокнот
4. Web-страница (документ HTML) представляет собой:
а) Текстовый файл с расширением txt или doc
б) Текстовый файл с расширением htm или html
в) Двоичный файл с расширением com или exe
г) Графический файл с расширением gif или jpg
5. Программа для просмотра гипертекстовых страниц называется:
а) Сервер
б) Протокол
в) HTML
г) Браузер
6. Гипертекст — это:
а) Текст очень большого размера
б) Текст, в котором используется шрифт большого размера
в) Структурированный текст, где возможны переходы по выделенным меткам
г) Текст, в который вставлены объекты с большим объемом информации
7. Тэг — это:
а) Инструкция браузеру, указывающая способ отображения текста
б) Текст, в котором используются спецсимволы
в) Указатель на другой файл или объект
г) Фрагмент программы, включённой в состав Web-страницы
8. Какие тэги указывают браузеру, что это HTML документ?
9. Какие теги определяют видимую часть документа?
10. Какие тэги помещают название документа в оглавление программы просмотра web-страниц?
а)
б)
в)
г)
11. Какие тэги задают размер заголовка?
а)
б)
в)
г)
12. Какие тэги создают гиперссылку на другие документы?
а)
б)
в)
г)
13. Какие тэги создают абзац в документе?
а)
б)
в)
г)
14. Какой тэг добавляет изображение в HTML документ?
а)
б)
в)
г)
Следующая страница Тест по основам HTML. Вариант 1
Источник: xn—-7sbbfb7a7aej.xn--p1ai