Министерство образования республики беларусь учреждение образования гомельский государственный технический университет имени п. О. Сухого
Энергетический факультет
Кафедра «Информатика»
ОТЧЕТ ПО ЛАБОРАТОРНОЙ РАБОТЕ № 5
по дисциплине «Информатика»
на тему: «Создание Web-страниц на языке HTML»
Выполнил: студент гр. ТЭ-12
Хаванский К.А .
Принял: преподаватель Романькова Т.Л.
Дата сдачи отчета: _____________________
Дата допуска к защите: _____________________
Дата защиты: _____________________
Гомель 2012
Цель работы: научиться составлять простейшие Web-страницы на языке Html.
Ход работы
Теоретические сведения об основных тегах, используемых в работе
В документе HTML обычный текст, определяющий содержание документа, сочетается с элементами разметки – тэгами или тегами (tags).
Теги отвечают за форматирование документа
Между скобками записывается имя тега и, при необходимости, дополнительные параметры – атрибуты тега.
Атрибут тэга состоит из имени, знака равенства и значения, которое задается строкой символов.
Все теги можно разделить на
структурные;
теги разметки;
гипертекстовые ссылки и закладки;
формы для организации диалога.
Структурные теги описывают общие свойства документа, например, его название или используемую кодировку символов.
<html>...</html> - теги, являющиеся признаком начала и конца документа
<head>...</head> - эта пара тегов указывает на начало и конец заголовка документа. Помимо наименования документа сюда включается служебная информация.
<title>...</title> Текст, размещенный за тегом <title>, отображается в заголовке окна браузера и печатается в верхнем углу каждой страницы при выводе документа на принтер.
<body>...</body> - эта пара тегов указывает на начало и конец тела HTML-документа; все то, что заключено между этими тэгами, определяет информацию, отображаемую в окне браузера.
<frameset> …</ frameset> определяет расположение кадров страницы.
Кадры – не перекрывающиеся области окна браузера, в которых возможно одновременное отображение нескольких документов.
Атрибуты тега body:
bgcolor устанавливает цвет фона документа, используя значение цвета в виде RRGGBB или английское название цвета.
text устанавливает цвет текста документа, используя значение цвета в виде RRGGBB
link устанавливает цвет гиперссылок
vlink устанавливает цвет гиперссылок на которых вы уже побывали
background – фоновое изображение
Таблица начинается с тэга <table> и заканчивается тэгом </table>.
Атрибуты:
align - выравнивание таблицы по отношению к полям документа.
border – наличие и ширина рамки в пикселях. Если атрибут не установлен, таблица показывается без рамки.
bordercolor – цвет рамки
cellspacing – расстояние между рамками ячеек в пикселях
cellpading – расстояние между рамкой ячейки и данными в ячейке
width и height – ширина и высота в пикселях или процентах от ширины экрана
<td> … </td> задают ячейку таблицы.
Атрибуты:
nowrap означает, что содержимое ячейки должно быть показано в одну строку.
colspan устанавливает количество колонок, которые занимает ячейка по горизонтали.
rowspan устанавливает "размах" ячейки по вертикали.
align устанавливает выравнивание текста в ячейке.
valign устанавливает вертикальное выравнивание текста в ячейке.
width устанавливает ширину ячейки в пикселях
height устанавливает высоту ячейки в пикселях
<tr> …</tr> задает строку таблицы.
Атрибуты:
align – устанавливает выравнивание текста в ячейках строки. left (выравнивание влево), center (выравнивание по центру), right (выравнивание вправо).
valing - вертикальное выравнивание текста в ячейках строки( top, middle, bottom)
Для вставки изображения используется тег
<img src= имя файла>
Обязательный атрибут SRC указывает адрес графического файла
Дополнительные атрибуты:
align – выравнивание текста относительно изображения
Height и width указывают высоту и ширину изображения в пикселях или процентах
border присваивает значение ширины рамки в пикселях вокруг изображения
alt– альтернативный текст Например:
<p>
<img src= "IMG_0013.jpg" align=center alt= " Карпаты "
Width=50% Height =50%>
</p>
<a href=адрес перехода> ссылка(текст или изображение) </a>
В качестве параметра адрес перехода может использоваться:
имя другого HTML-документа, к которому нужно перейти.
Например: <a href= "index.html"> Перейти на главную </a>
полный URL-адрес web-страницы.
Например,
<a href="http://www.ns2.ripo.unibel.by/home/pr.htm">
Практическое руководство по HTML </a>