Лабораторная работа: Создание сайта на языке HTML
Элемент <UL>
Элемент <UL>, по сути является аналогом <OL> без дополнительных элементов <LI>, он используется с целью задания ненумерованых списков, имеет атрибут type=circle,square, или disc для задания вида маркера. Элемент <UL> включает в себя дополнительный элемент <LI>, который задает элементы списка.
Элемент <DL>
Элемент <DL>используется с целью задания словарей, глоссариев и прочих перечней. Элемент <DL> включает в себя дополнительные элементы <DT> и <DD>, которые обозначают соответственно термин и определение.
Элемент <MENU>
Элемент <MENU> используется с целью создания списков по логическому определению, такие списки могут связываться с другими элементами документа логически.
Элемент <DIR>
Элемент <DIR> используется с целью создания списков по логическому определению, такие списки могут связываться с другими элементами документа логически.
Гиперссылки
Гиперссылка используется с целью создания ссылок на другие элементы документа или даже на другие документы, такие ссылки являют собой основную причину ошеломляющей популярности пространства World Wide Web , где пользователь может легко перескочить с одного фрагмента текста на другой или со страницы на страницу, не задавая явным образом URL последних. Элемент выполняет два действия: задает имя ссылки и задает ссылку на имя. Имя ссылки броузер автоматически выделяет другим цветом и подчеркивает.
Name
Для задания имени
используется атрибут name, который задает привязку ссылки в тексте, на которую
и будет производиться ссылка.
<A name=имя> необязательный текст </A >
Href
Для организации ссылки используется атрибут href, который задает адрес ссылки. Он может указывать или на имя ссылки в тексте, или на URL и имя файла.
Вставка изображения
Элемент <IMG> используется для вставки в документ графического изображения.
Под графическим изображением подразумеваются: маленькие пиктограммы, рисунки, графические объекты и карты изображений. Кроме того элемент <IMG> поддержевает различные атрибуты, определяющие расположение изображения относительно окружающего текста и содержания Web-страницы в целом.
Src
Этот атрибут указывает на фаил графики, задавая его адрес.
Align
Этот атрибут задаёт расположение рисунка в окне и его выравнивание. Он может принимать значения:
Bottom-по нижнему краю
Top-по верхнему краю
Left-по левому
Right-по правому
Middle-по центру.
Таблицы
Элемент <TABLE> используется с целью внедрения таблиц в Web страницу. Они удобны тем, что броузер сам прорисовывает рамку таблицы. Размер рамки может задаваться как фиксированно, так и автоматически согласовываться с размерами окна просмотра броузера и с размерами, находящегося в ячейках текста и рисунков. Кроме того таблицы позволяют решать чисто дизайнерские задачи: выравнивать части таблицы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением, разбивать текст на колонки и т.д.
В этом случае хочется предостеречь от совершения очень распространенной ошибки, когда для выравнивания текста и задания отступов дизайнеры вставляют всю страницу в одну единственную таблицу, но забывают о такой особенности, что содержимое таблицы не прорисовывается частями и посетителю придется ждать пока загрузится все содержимое таблицы, особенно досадно, если общий обьем текста достаточно велик.
По правде говоря само по себе использование таблиц для визуального форматирования есть нарушение того принципа, которого рекомендует придерживаться W3C - таблицы должны использоваться только для внедрения таблиц, а позиционировать элементы необходимо при помощи слоев. При создании таблиц используется принцип вложения: между тэгами <TABLE> и </TABLE> задается заголовок вне рамки таблицы <CAPTION>, создается ряд элементов <TR>, определяющих начало строки, а внутри этих элементов размещаются элементы <TD>, описывающие ячейки и <TH>, описывающие заглавные ячейки.
Элемент <TABLE> может иметь атрибуты
Bgcolor
Этот атрибут задает фоновый цвет ячейкам, которые не обладают собственным атрибутом bgcolor или background.
<TABLE bgcolor=цвет>
Background
Этот атрибут задает фоновый рисунок ячейкам, которые не обладают собственным атрибутом bgcolor или background.
<TABLE background=URL файла изображения>
Bordercolor
Этот атрибут задает цвет рамки, используется только с атрибутом border.
<TABLЕ border=число bordercolor=цвет >
Align
Этот атрибут задает задает режим горизонтального выравнивания таблицы на странице, он может принимать значения left, center и right .
<TABLE align= способ >
Формы
Формы представляют собой наиболее важные интерактивные элементы HTML, позволяющие разработчикам страниц интерактивно взаимодействовать с посетителями. С их помощью пользователь может возвращать коментарии по поводу посещения определенного узла, пересылать запросы или регистрироваться. Разработчик задает вопросы, создавая форму, а пользователь отвечает на них, заполняя её. Содержимое формы передаётся по электронной почте, посылается получателю. Сам процесс создания формы состоит из двух этапов. Первый заключается в создании самой формы, а второй заключает в себе создание на сервере сценария CGI. Форма создается при помощи различных тэгов и атрибутов, заключенных в пару
<FORM></FORM>
Часть 2. Практика
Страница приветствия
<html>
<head><h4 align="center"><img src="zagolovok1.gif">
</head>
<body>
<body background="fon.gif">
<img src="lampa.gif" align="left" >
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p align="center">
<body link="brown"> <body alink="brown"><a href="index1.html"><img src="gla.gif"></a>
<br>
<body link="brown"> <body alink="brown"><a href="index5.html"><img src="slo.gif"></a>
<br>
<body link="brown"> <body alink="brown"><a href="index6.html"><img src="ank1.gif"></a>
</body>
Главная страница
<html>
<head>
<font face="Monotype Corsiva">
<font color="brown">
<h4 align="center"><img src="zagolovok1.gif"></h4>
</font>
</head>
<body>
<body background="fon.gif">
<p align="center">
<body link="brown"> <body alink="brown"><a href="index2.html"><img src="pal.gif"></a>
<body link="brown"> <body alink="brown"><a href="index3.html"><img src="mez.gif"></a>
<body link="brown"> <body alink="brown"><a href="index4.html"><img src="neo.gif"></a>
<body link="brown"> <body alink="brown"><a href="index5.html"><img src="slo.gif"></a>
<body link="brown"> <body alink="brown"><a href="index.html"><img src="naz.gif"></a>
<img src="4.gif"align="right">
<H2><a href="index7.html">Таблица временных периодов первобытного мира</a>
<br>
Первобытную культуру называют «детством человечества». Как и всякое детство, первобытная эпоха была временем озарений и открытии, постижения человеком тайн природы и мира; шёл процесс биологической и социальной эволюции человека. B первобытном обществе человек выступал как творец Культуры и сам формировался нa её основе.
Существуют два пути изучения первобытной культуры:
<p>
1) историка-археологический, т.е.. изучение следов человеческой деятельности: остатки жилища, предметы быта, орудия труда, культовые сооружения, произведения искусства и пр. В соответствии с. эти путем археологи периодизацию истории человечеcкого общества (в основе лежит материaл, из которого изгoтовляли орудие труда):
<p>
Таким обрaзом, первобытная эпоха занимает три огpомных по протяженности периода - палеолит, мезолит и неолит.
<p>
2) этнографический, т.е. перенесение наблюдений над бытом и культуpой примитивных народов, до недавнего времени находящихся на первобытной стадии развития (Австрaлия, Океания и пр.), на дaлёких предков человека. Учёные выделяют особенноcти первобытной культуры:
<p><img src="117.gif"align="left">
1. Однородность - постоянно воспроизводит своё первоначaльное уcтройство.
<p>
2. Синкретична - представляет собой единую неделимую сферу культуры, где нераздельно существовaли наука, мораль, искусство, религия и пр.
