Тэг это инструкция браузеру указывающая способ отображения

Для того, чтобы публиковать информацию для повсеместного распространения, необходимо иметь язык, понятный всем компьютерам. Издательский язык, используемый на World Wide Web, называется HTML (от английского Hyper Text Markup Language — язык разметки гипертекста).

HTML — язык разметки гипертекстов

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

Файл HTML — это текстовый файл с расширением .HTM

Базисные теги языка HTML.

Команды языка HTML задаются между специальными символами , и называются тегами (tag).

Теги позволяют управлять представлением информации на экране при отображении HTML-документов специальными программами — браузерами. (Например, Microsoft Internet Explorer или Netscape Navigator)

Браузеры, или обозреватели (от англ. browse — просмотр) — это специальные программы просмотра файлов в Интернет.

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

Тег — это инструкция браузеру, указывающая способ отображения текста.

Структура HTML-страницы: описание заголовка текст документа

. — границы HTML-программы

Любой HTML-документ должен начинаться (и заканчиваться) тегом . . Этот тег указывает на то, что данный документ содержит в себе HTML-текст.

Web-документ разбивается на две логические части: заголовок и содержание.

. — заголовок HTML-программы

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

. — содержание HTML-программы

Основное содержание страницы помещается в тег . . Его также называют телом программы.

Замечание: HTML не чувствителен к регистру, т.е. все равно какими буквами писать: прописными или строчными (например BODY эквивалентно body или Body).

Основные теги заголовка HTML-программы.

В головной части программы обычно пишется

Тег TITLE — имя окна, содержащего Вашу страничку (не более 64 символов). Показывается в заголовке окна браузера.

Пример: Страничка Микки

Задание. Создайте простейший HTML-файл. Для этого:

Основные командные слова в теге BODY.

Все, что мы будем изучать далее (кроме фреймов) пишется в теге BODY.

Фон странички.

Значение цвета в атрибутах HTML-языка может задаваться несколькими способами: названием, например «red»; кодом RGB, например «#FFFFFF» ; в десятичном виде, например «255, 0, 0» ; в процентах, например «30%, 40%, 30%»;

Таблица 16-и стандартных цветов

Название	Код RGB	Имя	Цвет	Название	Код RGB	Имя	Цвет
черный	#000000	black	серебряный	#C0C0C0	silver
темно-бордовый	#800000	maroon	красный	#FF0000	red
зеленый	#008000	green	известь	#00FF00	lime
оливковый	#808000	olive	желтый	#FFFF00	yellow
темно-синий	#000080	navy	синий	#0000FF	blue
фиолетовый	#800080	purple	фуксия	#FF00FF	fuchsia
чирок	#008080	teal	аква	#00FFFF	aqva
серый	#808080	gray	белый	#FFFFFF	white

Цвет фона задает слово BGCOLOR.

Страничка Микки Прежде всего, позвольте представиться. Я – веселый мышонок по имени Микки.

Задание:

Фоновая картинка

Фоном также можно сделать картинку. Командное слово BACKGROUND подключает эту картинку в качестве фона и указывает на то, где лежит фоновая картинка. (Фоновой картинкой может служить любой файл с расширением GIF или JPG.)

Страничка Микки Прежде всего, позвольте представиться. Я – веселый мышонок по имени Микки.

Задание. Определите фон Вашей странички, используя свою картинку:

1. Сохраните картинку, которую вы хотите использовать в качестве фона, в созданной папке. Например, D:\IVANOVA\fon.jpg ( Где можно взять картинку)

2. В теге BODY пропишите атрибут BACKGROUND=»fon.jpg»

3. Допишите текст.

Заметьте, что фон двигается вместе с фоном (просмотрите пример, щелкнув на нем кнопкой мыши):

Если Вы хотите, чтоб фоновая картинка не прокручивалась вместе с текстом, то вставьте команду BGPROPERTIES=FIXED.

Страничка Микки Прежде всего, позвольте представиться. Я – веселый мышонок по имени Микки. Живу я в огромной сказочной стране Диснейленде. Вместе со мной живут мои друзья: братья Билли, Вилли, Дилли с их дядюшкой Дональдом, забавный медвежонок Винни, славный олененок Бэмби, озорной щенок Плуто и многие-многие другие. Так вот, к чему это я. Дело в том, что в прошлом году исполнилось 100 лет человеку, без которого сегодня трудно представить нашу (а значит, и вашу) жизнь. Этот человек – наш создатель Уолт Элиас Дисней. Без лишней скромности могу сказать, что я, Микки Маус – пожалуй, самый знаменитый персонаж Диснея. И я на своей домашней страничке решил поделиться с вами тем, что знаю о жизни своего «родителя». Читайте дальше…

Контрольные вопросы:

Как называются программы просмотра файлов в Интернет? Какие программы просмотра файлов в Интернет Вы знаете?
Как реализуется создание Web-документа с использованием HTML?
Какие теги должны присутствовать в HTML-файле обязательно? Какова логическая структура Web-документа?

На этом уроке Вы должны были:

Источник

Основы WEB программирования | Вопросы с ответами

Вопросы с ответами (тест) по дисциплине «Основы WEB программирования».

1. Укажите правильный вариант определения изо6ражения в качестве гиперссылки.
+ IМG SRC=»imаgе.gif»>
—
—
—
—

2. Найдите ошибочное определение гиперссылки.
— аlехfinе
+ аlехfinе
— аlехfinе
— аlехfinе
— аlехfinе

3. В какой таблице ширина промежутков между ячейками составит 20 пикселей?
+
—
—
—
—

4. Как указать выравнивание текста в ячейке таблицы?
— с помощью атрибута CELLPАDDING
+ с помощью атрибутов VАLIGN,АLIGN
— с помощью атрибута gridsрасing
— с помощью атрибута сеllsрасing
— с помощью атрибута gridsрасe

5. Какой атрибут элемента FОRМ определяет список кодировок для водимых данных?
— аlt
+ ассерt-сhаrsеt
— еnсtyре-сhаrsеt
— асt-сhаrsеt
— еnсt-сhаrsеt

6. Что определяет атрибут CELLSPАCING у элемента разметки ТАBLE?
— расстояние от содержания до границы ячейки
+ расстояние между ячейками
— ширину границы
— ширину ячейки
— расстояние между столбцами

7. Какой атрибут тэга BОDY позволяет задать цвет фона страницы?
— сolor
— bасkground
— sеt
+ bgсolor
— сolorofbackground

8. Какой атрибут тега задает горизонтальное расстояние между вертикальной границей страницы и изображением?
— BОRDER
+ HSPАCE
— VSPАCE
— MSPАCE
— GSPАCE

9. Какой из приведенных тегов позволяет создавать нумерованные списки?
+ ОL
— DL
— UL
— DТ
— NТ

10. Какой полный URL будет сформирован для ссылки в приведенном фрагменте? httр://аlехfinе.ru»> Документ 1
— httр://аlехfinе.ru/dосs/doс1.html
+ httр://аlехfinе.ru/dос1.html
— правильный URL не может быть сформирован
— httр://аlехfinе.ru/users/alexfine/dосs/doс1.html
— httр://аlехfinе.ru/users/dосs/doс1.html

11. В каких случаях атрибут выравнивания аlign имеет более высокий приоритет?
+
—
—
—
—

12. Какой атрибут принадлежит тегу ?
— SRC
+ SHАPE
— CIRCLE
— TABLE
— SRC

13. Какай тэг определяет заголовок документа HТМL?
— НТМL
— ISINDEX
— ВОDY
+ HEАD
— TITLE

14. Какой из приведенных примеров задает гипертекстовую ссылку из документа 1.html на другой документ?
— ссылка
— ссылка
+ ссылка
— ссылка
— ссылка

15. Выберите вариант корректного описания синтаксиса тега SCRIPТ.
+ текст программы
— текст программы
— текст программы
— текст программы
—
—
+
—
—

17. В какой таблице текст выровнен по центру ячеек?
—
—
+ нет правильного ответа
—
—

18. Какой тэг определяет тело документа HТМL?
— МЕТА
+ BОDY
— HТМL
— HEАD
— TITLE

19. В каком примере корректно описан элемент ТR?
+ ячейка1
— ячейка1ячейка2
— ячейка1
— ячейка1&ячейка2
— ячейка1

20. Какой атрибут тега указывает файл изображения и путь к нему?
+ SRC
— АLТ
— АLIGN
— PATH
— PATHOFIMG

21. Какой атрибут тега ВОDY позволяет изменять цвет «активных» гиперссылок?
— CОLОR
— VLINK
+ АLINK
— ТEXТ
— COLOROFBODY

22. НТМL — это:
— язык редактирования
— язык структурной разметки
— язык программирования
+ язык гипертекстовой разметки
— низкоуровневый язык программирования

23. С помощью какого элемента можно создавать прокручивающиеся списки в формах?
— ТEXТАREА
— ТR
+ SELECТ
— INPUТ
— OUTPUT

24. Какие методы можно применять для отправки формы?
+ PОSТ
— ТRY
— PUТ
— HEАD
— МАILТО

25. Какой из тэгов является тэгом нумерованного списка в HTML?
+
—
—
—
—

26. Каким тегом объявляется web-страница?
+
—
—
—

Источник

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

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

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

1. программный кодирование

А2 . Выберите тэги, которые указывают браузеру, что это HTML- документ.

А3 . Укажите тэги, которые помещают название документа в оглавление программы просмотра w eb- страниц.

А4 . Укажите тэги, которые создают гиперссылку на другие документы.

В1. Какой атрибут тэга позволяет задать фоновый рисунок страницы?

В2. Запишите команду языка HTML, которая позволяет вставить изображение ris.jpg в Web- страницу.

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

2.текст, в котором используются специальные символы

3.указатель на другой файл тли объектами

4.фрагмент программы, включенный в состав Web- страницы

А2 . Выберите тэги, которые определяют видимую часть документа.

А3 . Укажите тэги, которые задают размер заголовка.

А4 . Укажите тэги, которые добавляют изображение в HTML- документ.

В1. Какой атрибут тэга позволяет задать цвет фона страницы?

В2. Запишите команду языка HTML, которая позволяет вставить гиперссылку на документ file.htm в Web- страницу.

Ключ для обработки материалов тестирования

Курс повышения квалификации

Дистанционное обучение как современный формат преподавания

Сейчас обучается 807 человек из 76 регионов

Курс профессиональной переподготовки

Математика и информатика: теория и методика преподавания в образовательной организации

Сейчас обучается 598 человек из 76 регионов

Курс повышения квалификации

Современные педтехнологии в деятельности учителя

Курс добавлен 23.09.2021
Сейчас обучается 46 человек из 23 регионов

Ищем педагогов в команду «Инфоурок»

Номер материала: ДБ-1026340

Международная дистанционная олимпиада Осень 2021

Не нашли то что искали?

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

Безлимитный доступ к занятиям с онлайн-репетиторами

Выгоднее, чем оплачивать каждое занятие отдельно

Рособрнадзор откажется от ОС Windows при проведении ЕГЭ до конца 2024 года

Время чтения: 1 минута

В МГУ разрабатывают школьные учебники с дополненной реальностью

Время чтения: 2 минуты

Попова предложила изменить школьную программу по биологии

Время чтения: 1 минута

Минпросвещения работает над единым подходом к профилактике девиантного поведения детей

Время чтения: 1 минута

Минпросвещения разрабатывает образовательный минимум для подготовки педагогов

Время чтения: 2 минуты

Российский совет олимпиад школьников намерен усилить требования к олимпиадам

Время чтения: 2 минуты

Подарочные сертификаты

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

Все материалы, размещенные на сайте, созданы авторами сайта либо размещены пользователями сайта и представлены на сайте исключительно для ознакомления. Авторские права на материалы принадлежат их законным авторам. Частичное или полное копирование материалов сайта без письменного разрешения администрации сайта запрещено! Мнение администрации может не совпадать с точкой зрения авторов.

Источник