Тэг это фрагмент программы включенной в состав web страницы

HyperText Markup Language (HTML) — язык разметки гипертекста.

Гипертекст — информационная структура, позволяющая устанавливать смысловые связи между элементами текста на экране компьютера таким образом, чтобы можно было легко осуществлять переходы от одного элемента к другому. На практике в гипертексте некоторые слова выделяют путем подчеркивания или окрашивания в другой цвет (гиперссылки). Выделение слова говорит о наличии связи этого слова с некоторым документом, в котором тема, связанная с выделенным словом, рассматривается более подробно.

Отдельный документ, выполненный в формате HTML называется:

Такие страницы, как правило, имеют расширение HTM или HTML.

Гиперссылка — фрагмент текста, который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.

Группа Web-страниц, принадлежащих одному автору или одному издателю и взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом, или Web-сайтом.

HTML уроки. HTML теги. Тег DIV и другие. Уроки HTML CSS JS. Урок №2

Каждая HTML-страница имеет свой уникальный URL-адрес в Интернете.

Фрейм (Frame) — этот термин имеет два значения. Первое — область документа со своими полосами прокрутки. Второе значение — одиночное изображение в анимационном графическом файле (кадре).

Апплет (Applet) — программа, передаваемая на компьютер клиента в виде отдельного файда и запускаемая при просмотре Web-страницы.

Скрипт, или сценарий (Script) — программа, включенная в состав Web-страницы для расширения ее возможностей. Браузер Internet Explorer в определенных ситуациях выводит сообщение: «Разрешить выполнение сценариев на странице?» В этом случае имеются в виду скрипты.

CGI (Comon Gateway Interface) — общее название программ, которые, работая на сервере, позволяют расширять возможности Web-страниц. Например, без таких программ невозможно создание интерактивных Web-страниц.

Браузер (Browser) — программа для просмотра Web-страниц.

Элемент — конструкция языка HTML. Можно представить его себе как контейнер, содержащий данные и позволяющий отформатировать их определенным образом. Любая Web-страница представляет собой набор элементов. Одна из основных идей гипертекста — возможность вложения элементов.

Пример

Содержание элемента, данные, которые форматирует элемент

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

Атрибут – параметр или свойство элемента. Атрибуты располагаются внутри начального тэга и отделяются друг от друга пробелами. Если элемент содержит текст, то атрибуты могут задавать цвет и размер шрифта, выравнивание текстового абзаца и т. п. Если элемент содержит рисунок, то атрибуты могут задавать размер рисунка, наличие и размер рамки вокруг рисунка и пр.

Пример

Как сделать ▶ раскрывающийся текст ▶ список Теги details, summary, атрибут open Web Урок 32

Этот текст будет выровнен по центру экрана

В этом примере мы опять имеем дело с тэгом, определяющим начало и конец абзаца. Однако в начальном тэге находится атрибут align, который задает выравнивание текста по центру экрана.

не пытайтесь менять очередность написания тэгов при вложении одного элемента внутрь другого.

Этот текст будет расположен в отдельном абзаце и выделен курсивом

Структура HTML-документа

Любая независимо от содержания и оформления Web-страница начинается с тэга и заканчивается тэгом .

— указывает на начало разметки гипертекста.

— указывает на конец разметки гипертекста.

Здесь будет размещено описание Web-страницы.

Более подробно рассмотрим, что подразумевается под описанием Web-страницы.

Между тэгами и пишется название вашего сайта, Web-страницы, которое отбражается в строке заголовка окна при просмотре странички в браузере. Например, сайт называется «О братьях наших меньших». Тогда, чтобы это название отображалось в заголовке окна браузера, вы должны написать:

О братьях наших меньших

Тэг несет служебную информацию о Web-сайте и не отображается в экране браузера: это информация о кодировке Web-странички, имя автора странички, набор ключевых слов, отображающих сожержание сайта. Тэг имеет несколько атрибутов. Рассмотрим их подробнее.

Этот тэг несет служебную информацию и не отображается в экране браузера. В данном случае речь идет о кодировке Web-странички. Вам достаточно лишь каждый раз вставлять этот тэг в таком виде на всю страничку. Тогда ваша страничка будет использовать кодировку Windows-1251, наиболее распространенную на сегодняшний день.

Имя автора Web-страницы.

Ниже приведен пример кода Web-страницы с заполненным разделом . . Автор страницы Мосяева Света, страница посвящена животным.

О братьях наших меньших

Теперь рассмотрим, что может находиться между элементами и .

Этот элемент заключает в себе гипертекст, который определяет собственно Web-страницу. Это та произвольная часть документа, которую разрабатывает автор и которая отображается браузером. Внутри элемента могут располагаться атрибуты, обеспечивающие установки для всей страницы в целом. Это могут быть атрибуты, задающие:

-цвет фона Web-страницы;

-«обои» или рисунок фона страницы;

-цвет текста на всей странице;

-цвет гиперссылок (активных, выбранных, посещенных).

Форматирование текста

Для форматирования текста существует большое количество элементов. Форматировать текст можно с помощью традиционных элементов: выделять фрагменты курсивом, полужирным шрифтом, выбирать шрифт, размер и цвет шрифта, выравнивать текстовые фрагменты. Если автору не хватает простых вариантов форматирования текста, он может прибегнуть к таблицам стилей, которые существенно расширят возможности языка HTML по форматированию.

В этом разделе мы подробно рассмотрим стандартные элементы языка HTML, позволяющие форматировать текст.

Форматирование шрифта

Определение типа, размера и цвета шрифта. Все эти характеристики определяются при помощи соответствующих атрибутов.

Абсолютный размер шрифта задается атрибутом size (размер). Этот атрибут может принимать значение от 1 до 7, при этом шрифт первого размера — самый маленький, а седьмого — самый большой

Пример

Тише едешь — дальше будешь

Для элемента можно использовать атрибут color (цвет). Название цвета задается либо числом, написанным в шестнадцатеричной системе, например, color=»#ff0000″, либо просто его названием, написанным на английском языке, например, color=»red».

Пример

Атрибут face (вид) позволяет задавать определенный шрифт или несколько шрифтов (через точку с запятой).

Пример

Правда, есть одна проблема. Web-страницы просматривает множество людей, и нет гарантии, что у каждого из них окажется нужный шрифт. Если в системе не установлен шрифт точно с таким же названием, то браузер использует стандартный шрифт из чисел, назначенных по умолчанию: один пропорциональный, другой моноширинный.

Все эти атрибуты могут быть использованы совместно внутри тэга .

Пример

Выделение текста полужирным шрифтом. Очень популярный элемент.

Пример

Этот текст имеет обычное начертание , а этот будет выделен полужирным шрифтом

Выделение текста курсивом.

Пример

Этот текст имеет обычное начертание , а этот выделен курсивом .

Форматирование абзаца

Элемент абзаца один из самых полезных. Он позволяет использовать только начальный тэг, так как следующий элемент обозначает не только начало следующего абзаца, но и конец предыдущего. В тех случаях, когда по смыслу необходимо обозначить завершение абзаца, можно использовать и конечный тэг.

Вместе с элементом абзаца можно использовать и атрибут выравнивания align:

align=»left» — выравнивание по левому краю;

align=»right» — выравнивание по правому краю

align=»center» — выравнивание оп центру

Пример

Текст этого абзаца выровнен по центру экрана

Текст этого абзаца выровнен по правому краю

Текст выровнен по левому краю

— Элемент, обеспечивающий принудительный переход на новую строку. Он имеет только начальный тэг. В месте его размещения строка заканчивается, а оставшийся текст печатается с новой строки.

Пример

Уронили мишку на пол,
Оторвали мишке лапу,
Все равно его не брошу
Потому, что он хороший.

Если таким образом расставить элемент
в этом стихотворении, то в экране браузера мы увидим стандартным образом написанное четверостишие на четырех строках.

Список отличается от обычного текста тем, что пользователю не надо думать о нумерации его пунктов: эту задачу программа берет на себя. Если список дополняется новыми пунктами или укорачивается, нумерация корректируется автоматически. В случае ненумерованных списков программа ставит перед каждым пунктом маркеры: кружки, прямоугольники, ромбы или другие изображения. В результате список принимает удобочитаемый вид.

Структура нумерованного списка похожа на структуру ненумерованного списка.

. В этом случае каждый пункт маркируется арабскими или римскими числами, буквами латинского алфавита.

Способ нумерации задается при помощи атрибута type. В табл. 4.1 приведены все способы нумерации.

Атрибут Вид нумерации

type=»i» i, ii, iii, iv

type=»I» I, II, III, IV

Рис. 4.1. Способы нумерации

Пример

Самый большой заголовок

Основные структурные элементы html документа

Обязательные элементы

Название документа задаётся при помощи элемента TITLE. Это очень важный элемент. Он характеризует документ.

Простой пример html документа

Здесь будут располагаться элементы заголовка документа

Здесь будут располагаться элементы тела документа

Примечание: обратите внимание на закрывающиеся теги. Они имеют символ косой черты — «/».

Примечание: язык HTML нечувствителен к регистру, то есть теги , и будут равносильны.

Основные атрибуты элемента HEAD

Внутри элемента HEAD могут содержаться такие элементы:

— позволяет задать базовый адрес (URL) для всего документа.

— позволяет установить шрифт для документа.

— устанавливает связи с другими элементами.

— содержит информацию, необходимую браузеру пользователя или серверу для обработки документа.

— используется для описания внутренних таблиц стилей.

— задаёт название документа.

Код заголовка документа.

Примечание: Цвета можно задавать тремя способами:

C помощью ключевых слов:black, white, red и т.д..

Шестнадцатеричным кодом цвета в полной форме (#00FFCC, #000000) или сокращением (#0FC, #000).

Десятичным кодом в модели RGB. Например: rgb(255.255.0) Элементы html: head, body, title, base, basefont, link, meta, style, a, abbr, acronym, address, area, b, bdo, bgsound, big, blockquote, br, button, caption, center , cite, code, col, colgroup,

Источник: studfile.net

Тест по теме «Основы языка HTML»
тест по информатике и икт (9 класс) по теме

2. Инструкция браузеру, указывающая способ отображения текста:

3. Программа для создания Web-страницы с использованием языка HTML:

4. Web-страница (документ HTML) представляет собой:

1. Текстовый файл с расширением txt или doc
2. Текстовый файл с расширением htm или html
3. Двоичный файл с расширением com или exe
4. Графический файл с расширением gif или jpg

5. Программа для просмотра гипертекстовых страниц называется:

6. Гипертекст — это:

1. Текст очень большого размера
2. Текст, в котором используется шрифт большого размера
3. Структурированный текст, где возможны переходы по выделенным меткам
4. Текст, в который вставлены объекты с большим объемом информации

1. Инструкция браузеру, указывающая способ отображения текста
2. Текст, в котором используются спецсимволы
3. Указатель на другой файл или объект
4. Фрагмент программы, включённой в состав Web-страницы

8. Какие тэги указывают браузеру, что это HTML документ?

Источник: nsportal.ru

Форматирование текста (шрифт, абзац, списки). Урок 34

Основным понятием языка HTML является тег.
ТЕГ- инструкция браузеру, указывающая способ отображения информации.
Атрибут-компонент тега, содержащий указания о том, как браузер должен
воспринять и обработать тег
Теги могут быть парные и одиночные. Парные делятся на открывающие и
закрывающие
Контейнеры- это парные теги, содержащие открывающий и закрывающий тег

6.

Задание № 1. Создание простейшего файла HTML
Запустите программу Блокнот (Notepad).
Наберите в окне программы простейший файл HTML.

Учебныйфайл HTML

Расписание занятий на вторник

Сохраните файл под именем RASP.HTML (обязательно укажите тип файла HTML
при сохранении) в личной папке.
Для просмотра Web-страницы используйте любую программу браузера (Internet
Explorer, Opera, Mozilla Firefox или другую). Для этого, не покидая программу
Блокнот (сверните окно на панель задач), откройте личную папку и двойным кликом
по файлу RASP.HTML откройте окно браузера.

7.

На экране вы увидите результат работы, изображенный на рисунке.
Скриншот выполненной работы прислать учителю .
Данный код страницы запишите себе в тетрадь.
Далее выполните тест в тетради. Скриншот выполненной работы прислать
учителю

8.

Тест по теме «Основы языка разметки гипертекста HTML»
1. HTML (HYPER TEXT MARKUP LANGUAGE) является:
A. Одним из средств при создании Web-страниц
B. Системой программирования
C. Графическим редактором
D. Системой управления базами данных
2. Инструкция браузеру, указывающая способ отображения текста:
A. Программный код
B. Тэг
C. Файл
D. Кегль
3. Программа для создания Web-страницы с использованием языка HTML:
A. MS Word
B. Paint
C. Калькулятор
D. Блокнот
4. Web-страница (документ HTML) представляет собой:
A. Текстовый файл с расширением txt или doc
B. Текстовый файл с расширением htm или html
C. Двоичный файл с расширением com или exe
D. Графический файл с расширением gif или jpg

9.

5. Программа для просмотра гипертекстовых страниц называется:
A. Сервер
B. Протокол
C. HTML
D. Браузер
6. Гипертекст — это:
A. Текст очень большого размера
B. Текст, в котором используется шрифт большого размера
C. Структурированный текст, где возможны переходы по выделенным меткам
D. Текст, в который вставлены объекты с большим объемом информации
7. Тэг — это:
A. Инструкция браузеру, указывающая способ отображения текста
B. Текст, в котором используются спецсимволы
C. Указатель на другой файл или объект
D. Фрагмент программы, включённой в состав Web-страницы
8. Какие тэги указывают браузеру, что это HTML документ?
A.
B.
C.
D.

10.

9. Какие теги определяют видимую часть документа?
A.
B.
C.
D.
10. Какие тэги помещают название документа в оглавление программы
просмотра web-страниц?
A.
B.
C.
D.
11. Какие тэги задают размер заголовка?
A.
B.
C.
D.

11.

12. Какие тэги создают гиперссылку на другие документы?
A.
B.
C.
D.
13. Какие тэги создают абзац в документе?
A.
B.
C.
D.
14. Какой тэг добавляет изображение в HTML документ?
A.
B.
C.
D.

12.

Но даже если мы выучим все теги языка HTML, этого будет недостаточно, если мы не
будем знать структуру построения HTML-документа. Это всё равно, что иметь все
нужные для строительства дома материалы, но не знать, как строить и с чего вообще
начать. Поэтому важно знать структуру HTML-документа. Рассмотрим структурные
теги.
Тег ( … ) Этот тег помещают в начало и конец документа,
сообщая браузеру, что весь документ составлен на HTML. Обратите внимание: этот тег –
парный
Тег (. ) Тег определяет заголовок, то есть часть
документа, которая содержит информацию о документе. Тег не имеет собственных
атрибутов, он используется в качестве контейнера для других тегов заголовка, таких как
, и , которые заключаются между тегами и .
Тег определяет название документа, которое появится в верхней строке окна
браузера.
Тег (body>…) Тег определяет начало и конец основной части
(тела) HTML-документа. В теле документа находится его содержимое (часть документа,
которая выводится в окно браузера). Атрибуты этого тега оказывают влияние на весь
документ.

Источник: ppt-online.org