- •Основы html
- •1. Понятие о html
- •2. Структура документа html
- •3. Элементы, теги и атрибуты html
- •4. Основные теги и атрибуты форматирования html документа
- •5. Тег вставки изображения
- •6. Стандартные цвета html-документа
- •7. Контрольные вопросы
- •Ссылки в документах html
- •2. Понятие о ссылках и гипертексте
- •3. Типы ссылок
- •4. Адрес web-документа
- •5. Теги ссылок
- •6. Контрольные вопросы
- •1. Понятие о списках
- •2. Простые и вложенные списки
- •3. Описание списков в html
- •4. Описание элементов списков
5. Тег вставки изображения
<img src=”путь_к_файлу/имя_файла”>
Тег img является непарным (пустым) и, следовательно, не имеет закрывающей формы тега.
Большинством браузеров поддерживаются изображения в форматах GIF, JPG, BMP, PNG и некоторых других. Из перечисленных форматов изображений не следует без крайней необходимости пользоваться форматом BMP, так как, во-первых, изображения в этом формате имеют значительно больший объём, чем в других, и, во-вторых, формат BMP не поддерживается некоторыми браузерами, работающими в операционных системах, отличных от Windows.
Изображения в формате GIF, в отличие от других форматов, могут быть анимированными, т.е. содержать короткие мультипликационные клипы. Формат JPG более всего подходит для отображения цветных фотографий. Для рисунков лучше других подходят форматы GIF и PNG.
Обязательный атрибут src указывает путь и имя файла, содержащего изображение. В качестве разделителя каталогов в пути используются обычный слэш (/). Если путь не указан, то файл изображения будет взят из каталога, содержащего просматриваемую WEB-страницу. Если файл с нужным именем не существует (например, если имя или путь указаны неверно) или не доступен, то браузер вместо изображения выводит прямоугольник с условным значком отсутствующего изображения (Internet Explorer выводит значок ).
Пример использования тега вставки изображения: <img src=”pics/pic1.gif”>
Тег img может иметь некоторые другие атрибуты.
6. Стандартные цвета html-документа
Black чёрный Green зелёный
Silver серебристый (светло-серый) Lime ярко-зелёный
Gray серый Olive оливковый
White белый Yellow жёлтый
Maroon бордовый Navy тёмно-синий
Red красный Blue синий
Purple пурпурный Teal серо-зелёный
Fuchsia сиреневый Aqua бирюзовый
Большинство браузеров поддерживают множество других названий цветов, например, brown, darkblue и т.д. В таблице приведены лишь цвета, соответствующие спецификации HTML.
7. Контрольные вопросы
Что такое язык HTML и для каких целей его используют?
Какие программы используются для создания и редактирования документов HTML?
Какие программы используются для просмотра WEB-страниц, написанных на HTML?
Каким важнейшим свойством обладает HTML, благодаря которому он называется языком разметки гипертекстовых документов
Какова структура документа HTML?
Каковы основные особенности языка HTML?
Повтор каких символов в документе HTML игнорируется?
Что такое тег в языке HTML?
Чем отличаются парные и непарные (пустые) теги? Приведите примеры.
Что такое атрибут?
Как поступает браузер с тегами и атрибутами, записанными неправильно или несуществующими?
Будет ли правильно отображаться HTML-документ, в котором отсутствуют теги <html>, <head>, <body>?
Какой тег служит для записи комментариев в HTML документе и не выводится браузером на экран?
Как изменить цвет фона всего документа?
Какие теги позволяют разбивать текст документа на строки и абзацы?
Какие теги используются для форматирования текста жирным, наклонным и подчеркнутым шрифтом?
Какие теги используются для форматирования фрагмента текста стилем заголовков?
Сколько уровней заголовков описано в стандарте HTML?
Какой тег применяется для изменения цвета и размера шрифта?
Какой тег используется для вставки изображения в HTML-документ?
Что отобразится в случае, если файл, указанный в атрибуте src тега <img> несуществует?
Какие форматы графических файлов поддерживаются браузерами?
Опишите особенности графических форматов BMP, GIF и JPG с точки зрения HTML-дизайна.
Как вставить горизонтальную линию в документ?
Что будет выведено при отображении следующего фрагмента HTML-кода?
<p>Строка 1
Строка 2
Строка 3</p>
А что получится при отображении этого фрагмента?
<p>Строка 1
<center>
Строка 2</center>
Строка 3</p>
Что получится при выполнении этого фрагмента?
S<sub>кр.</sub>=πR<sup>2</sup>