Лабораторная работа №12 Тема: создание и редактированиеweb-страниц
Цель работы: Изучить назначение и основные теги языка HTML.
Задание: Научиться создавать и редактировать web - страницы.
Литература: [1]-стр. 207-218, [2]-стр. 195-215.
Задание для выполнения работы: Создать статическую HTML-страницу с использованием:
списков (маркированных и нумерованных),
отображением картинок (сделать картинку гиперссылкой на вторую страницу),
форматирования текста,
бегущей строки,
списка выбора.
Примерный вид документа представлен ниже.
Основные теги HTML для формирования текста, создания таблиц, текстовых полей, списков.
HTML (HyperText Markup Language) означает "язык маркировки гипертекстов". Сегодня большинство клиентских Web-приложений основывается на HTML – простом языке описания документов, обеспечивающем представление текстовых и графических документов в Web-браузерах.
Браузер – это специальная клиентская программа, предназначенная для просмотра содержимого web узлов.
Структура html странички
<HTML>
<HEAD>
<TITLE>
</HEAD>
<BODY> -
--------\\-------- основной текст тело
</BODY>
</HTML>
<HTML> - начало документа
<HEAD> - Определяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе. (TITLE,BASE,STYLE,LINK,META).
<TITLE> - Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.
</HEAD> - закрыли
<BODY> - Указывает начало и конец тела HTML-документа. Между начальным и конечным тегами содержится текст документа, изображения и таблицы. Одним словом, все HTML-элементы, отвечающие за отображение документа, управление им и гипертекстовые ссылки. Элемент BODY должен встречаться в документе не более одного раза.
--------\\-------- основной текст тело
</BODY>
</HTML> - конец документа
Сохранили с расширением имя.html
Основные теги
<!-- начало
--> конец комментария
Форматирование текста
<B>… </B> Жирный шрифт
<I>… </I> Наклонный курсив
<U>… </U> Подчеркнутый
<H1><H2>…<H6> заголовки нескольких уровней
Атрибуты
ALIGN – определяет способ выравнивания заголовка по горизонтали. Возможные значения: left, right, center.
<H1 aling=left
right
center> текст</H1>
<FONT> установка стиля и размера шрифта
size=4 размер
face=”Areal”
color=red>
</FONT>
<FONT SIZE="+2" COLOR="#AA0000">Увеличенный красный шрифт</FONT>
<BIG> увеличение шрифта
<center> выравнивание по центру страницы </center>
<P> абзац
<BR> enter или пустая строка
<PRE> текст </PRE>
Создание списка
<UL TYPE=squere>
<Li>текст 1</Li>
<Li>текст 2</Li>
… … …
<Li>текст i<Li> Отображение маркированного списка
<OL start t=4>
<Li>текст 1</Li>
<Li>текст 2</Li>
… … …
<Li>текст i<Li> Отображение нумерованного текста
<select> выпадающие списки
<SELECT >
<OPTION VALUE="DOS">MS-DOS
<OPTION VALUE="WinXP">MS Windows98
<OPTION VALUE="Unix" SELECTED>UNIX
<OPTION VALUE="WinNT">MS Windows NT
</SELECT>
<input> поле ввода пользовательских данных
name=A имя поля
size=10 размер
tipe= тип button, checkbox, password, radio>
Фамилия <input type=text value="не более 15 символов" size=30>
<input type=radio name=s value="Мужск">Мужск
<MARQUEE *> бегущая строка </MARQUEE *>
behavior = поведение строки (scroll, slide, alternate)
bgcolor= цвет фона
direction=направление движения (left, right, down up)
loop=10 количество повторений
<marquee behavior=slide bgcolor=2366 loop=10><font color=gold>
Мне очень приятно, что ты зашел на мою страничку!
</br>
</marquee>