Изучение HTML

HTML как язык для обмена научной и технической документации. Начальный код и его элементы: комментарий, кодировка страниц, титлы. Создание заголовков текста, разбивка его на смысловые уровни - разделы и подразделы. Придание тексту размера, шрифта и цвета.

Рубрика Программирование, компьютеры и кибернетика
Вид книга
Язык русский
Дата добавления 23.10.2010
Размер файла 137,0 K

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Содержание

Введение

1. Что такое HTML?

2. Урок 1

3. Урок 2

4. Урок 3

Введение

Об этой книге. Добро пожаловать в первое издание «HTML странички или как сделать сайт самому» в ней вы найдете всю ту информацию на доступном языке для чайников которую нужно при изучении HTML.

О чем эта книга? Книга которую вы читаете - это первое введение в мир Web-программирования.

В этой книге будет описано все подробно и понятно + в книге добавлены иллюстрации и примеры. Эта книга вас введет более глубже в мир программирования и опишет все прелести и чудеса HTML.

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

1. Что такое HTML?

Что такое HTML? HTML (от англ. HyperText Markup Language -- «язык разметки гипертекста») -- стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.

HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. XHTML же является приложением XML.

Общее представление. Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991-1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов -- дескрипторов. Дескрипторы также часто называют «тегами».

С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

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

Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE>, несколько раз использованный для форматирования страницы, которую вы сейчас читаете, предназначен для создания в документах самых обычных таблиц, но, как можно убедиться, здесь нет ни одной таблицы.

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

Урок 1

Здравствуйте дорогие друзья и изучатели языка программирования! В этом уроку мы поговорим из чего состоит язык программирования HTML!

Первое что хотелось сказать при изучении языка было бы хорошо если вы сразу изучали его с помощью программы «СatsHTML». Я считаю сто вот эта программа более удобна в программировании. Эту программу можно найти в интернете в поисковике GOOGLE.RU введя CatsHTML и скачав его.

Итак начнём!

Вот с чего мы начнем свой первый урок: для начало мы выучим так можно назвать выучим элементы.

1. Все страницы хранят в себе начальный код, например:

<!--Сделано в HTML редакторе-->

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title></title>

<meta name="description" content="">

<meta name="keywords" content="">

</head>

<body>

</body>

</html>

В начальный код входят элементы такие как: комментарий, кодировка страниц, титлы, и на конец основа страницы.

2. Второе что хочу сказать о начальном коде это так называемый тег «<title></title>».

В нем мы можем написать название сайта или коротко о сайте. Например «<title> www.mybook.narod.ru - сайт моих книг</title>» то тогда при отображения сайта в интернете у вас на браузере ( Internet Explorer) будет отображаться.

3. Ну а в третьих «<body></body>» это оболочка страниц. Основной текст вашей страницы будет располагаться между тегами «<body></body>». Например напиши между ними какой-нибудь текст.

Вот мы и выучили введение в начало программирования. Теперь я вам опишу все теги с чем их едят и с чем их пьют!

Для начало я вам напишу все теги!

<div align="center">

<div align="left"></div>

<div align="right"></div>

<div style="text-align:justify;"></div>

<b></b>

<i></i>

<u></u>

<s></s>

<p class="text"></p>

<br>

<ul></ul>

<ol type="1"></ol>

<li type=square></li>

<li></li>

<small></small>

<big></big>

<sub></sub>

<sup></sup>

<Pre></Pre>

<TT></TT>

<H1></H1>

<a href="http://"></a>

&nbsp;

<hr>

&lt;

&gt;

<Frameset rows="" cols="" frameborder="yes" framespacing="">

</Frameset>

<Frame src="" name="">

<Noframes></Noframes>

<marquee></marquee>

<style>

<!--

body

{background-color: {T_BODY_BGCOLOR};

scrollbar-face-color:#CBCA03;

scrollbar-shadow-color:#000000;

scrollbar-highlight-color:#000000;

scrollbar-3dlight-color: #000000;

scrollbar-darkshadow-color: #000000;

scrollbar-track-color:#000000;

scrollbar-arrow-color:#000000}

</style>

<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="" HEIGHT="" CODEBASE="http://active.macromedia.com/flash6/cabsswflash.cab#version=6,0,0,0">

<PARAM NAME="MOVIE" VALUE="">

<PARAM NAME="QUALITY" VALUE="high">

<PARAM NAME="MENU" VALUE="false">

<PARAM NAME="WMODE" VALUE="transparent">

</OBJECT>

<table border="1">

</table>

<tr></tr>

<td></td>

<table border="1">

<tr><td>

</td></tr>

</table>

<FORM ACTION="mailto:anonim@rambler.ru?subject=привет" Name="" enctype="text/plain" method="post">

</FORM>

<INPUT TYPE="" SIZE="" NAME="" VALUE="">

<textarea name="" cols="" rows="" wrap="virtual"></textarea>

<input type="radio" name="" value="" checked>

<input type="password" name="" width="">

<input type="reset" value="">

<input type="submit" value="">

<SELECT NAME="">

</SELECT>

<option>

<font color=""></font>

bgcolor=""

· <div align="center"> Ваш текст </div> - Используется для отделения блока html документа от остальной части документа. Находящиеся между начальным и конечным тэгами текст или html элементы оформляются как отдельный параграф, с выравниванием текста по центру.

· <div align="left"> Ваш текст </div> - Используется для отделения блока html документа от остальной части документа. Находящиеся между начальным и конечным тэгами текст или html элементы оформляются как отдельный параграф, с выравниванием текста по левому краю.

· <div style="text-align:justify;"> Ваш текст </div> - Используется для отделения блока html документа от остальной части документа. Находящиеся между начальным и конечным тэгами текст или html элементы оформляются как отдельный параграф, с выравниванием текста по всей ширине страницы.

· <b> Ваш текст </b> - Текст, заключенный между начальным и конечным тэгами, будет выделен жирным шрифтом.

· <i> Ваш текст </i> - Текст, заключенный между начальным и конечным тэгами, будет выделен курсивом (наклонным шрифтом).

· <u> Ваш текст </u> - Данный элемент отображает помещенный между начальным и конечным тэгами текст как перечеркнутый.

· <s> Ваш текст </s> - Данный элемент отображает помещенный между начальным и конечным тэгами текст как перечеркнутый.

· <p class="text" align="center"> Ваш текст </p> - Используется для разметки параграфов.

Параметры: Align - Используется для разметки параграфов. определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right. По умолчанию имеет значение left.

· Первое предложение <br> Второе предложение на следующей строке - Данный элемент осуществляет перевод строки, то есть практически аналогичен нажатию Enter в текстовом редакторе.

· <ul> <li> первый пункт списка <li> второй пункт списка <li> третий пункт списка </ul>.

Создает неупорядоченный список. Между начальным и конечным тэгами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.

· <ol type="i" start="2"> <li> пункт два <li> пункт три <li> пункт четыре </ol>.

Создает упорядоченный список. Между начальным и конечным тэгами должны присутствовать один или несколько элементов LI, обозначающих отдельные пункты списка.

Параметры:

Start - определяет первое число, с которого начинается нумерация пунктов. (только целые числа)TYPE- определяет стиль нумерации пунктов. Может иметь значения: "A" - заглавные буквы A, B, C ... "a" - строчные буквы a, b, c ... "I" - большие римские числа I, II, III ... "i" - маленькие римские числа i, ii, iii ... "1" - арабские числа 1, 2, 3 ...По умолчанию используется TYPE="1".

· <ol type="A" start="2"> <li type=square> пункт, озаглавленный буквой B<li value="8" type=square> пункт, озаглавленный буквой F<li type=square> пункт, озаглавленный буквой G</ol>.

Создает пункт в списке (со значком квадратной формы). Располагается внутри элементов OL или UL

Параметры:

Value- изменяет порядок нумерации элементов списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.

· <ol type="A" start="2"> <li > пункт, озаглавленный буквой B<li value="8" > пункт, озаглавленный буквой F<li > пункт, озаглавленный буквой G</ol>.

Создает пункт в списке (со значком круглой формы). Располагается внутри элементов OL или UL. Параметры: Value- изменяет порядок нумерации элементов списка. Используется только если элемент LI находится внутри элемента OL. В качестве значения указывается порядковый номер элемента.

· Небоскребы, небоскребы, а я <SMALL>маленький</SMALL> такой. - Текст, заключенный между начальным и конечным тэгами, отображается уменьшенным шрифтом (относительно текущего).

· Текст с <BIG>увеличенным</BIG> словом. - Текст, заключенный между начальным и конечным тэгами, отображается увеличенным шрифтом (относительно текущего).

· <SUB>мелкий текст</SUB> - Отображает текст со сдвигом вниз (нижний индекс) и уменьшением размера текущего шрифта на единицу.

· Microsoft <SUB>TM</SUB> - Отображает текст со сдвигом вверх (верхний индекс) и уменьшением размера текущего шрифта на единицу.

· <PRE>Я здесь И здесь И здесь тоже </PRE>.

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

· <TT>Моноширинной текст </TT> Обычный текст - Данный элемент отображает помещенный между начальным и конечным тэгами текст моноширинным шрифтом.

· <H1 ALIGN="center">Самый большой заголовок посередине</H1> <H2>Заголовок поменьше</H2>...<H6>Малюююсенький такой заголовочек</H6>.

Используются для создания заголовков текста. Существует шесть уровней заголовков, различающихся величиной шрифта. С их помощью можно разбивать текст на смысловые уровни - разделы и подразделы.

Параметры:

Align - Используется для разметки параграфов. определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right. По умолчанию имеет значение left.

· <!-- Использование параметра HREF: --> <A HREF="ftp://ftp.cdrom.com" TARGET="_blank">FTP-site</A> <A HREF="http://opengl.rdc.ru">Русский проект по OpenGL</A>.

Пример3: <!-- Создадим ссылку для письма с указанием кучи параметров --> <A HREF="mailto:green@igf.ru?subject=Приглашение &cc=bg@microsoft.com&body=Приезжай на вечеринку.">Отправить приглашение </A>. <!-- или просто письмо: --> <A HREF="mailto:green@igf.ru?subject=Привет">авторам</A>.

Самый необходимый элемент, без которого Интернет просто немыслим. Используется для создания и использования гипертекстовых ссылок.

Параметры:

HREF - определяет находящийся между начальным и конечным тэгами текст или изображение как гипертекстовую ссылку (URL, или линк) на документ (и/или область документа), указанный в значении данного параметра. Возможные значения: http://... - создает ссылку на www-документ; ftp://... - создает ссылку на ftp-сайт или расположенный на нем файл; mailto:... - запускает почтовую программу-клиент с заполненным полем имени получателя. Если после адреса поставить знак вопроса, то можно указать дополнительные атрибуты, разделенные знаком "&"; news:.. - создает ссылку на конференцию сервера новостей; telnet://... - создает ссылку на telnet-сессию с удаленной машиной; wais://... - создает ссылку на WAIS - сервер; gopher://... - создает ссылку на Gopher - сервер;Если тип соединения и адрес машины не указаны, в качестве отправной точки используется адрес текущего документа. Это позволяет использовать относительные ссылки. Например, линк <A HREF="docs/title.html"> Документация </A> будет ссылаться на файл title.html в подкаталоге docs (относительно текущего).

NAME - помечает находящуюся между начальным и конечным тэгами область документа как возможный объект для ссылки. В качестве значения нужно латиницей написать любое слово-указатель, уникальное для данного документа. Например: <A NAME="part">Раздел1</A>. Теперь вы можете ссылаться на помеченную область простым указанием ее имени после имени документа. Например, линк <A HREF="document.html#part">Раздел1</A> отправит вас в раздел "part" файла document.html, а линк <A HREF="#bottom">В конец документа</A> - в раздел "bottom" текущего документа. (см. Пример 1) TARGET - определяет окно(фрэйм), на которое указывает гипертекстовая ссылка. Этот параметр используется только совместно с параметром HREF. В качестве значения необходимо задать либо имя одного из существующих фрэймов, либо одно из следующих зарезевированных имен: _self - указывает, что определенный в параметре HREF документ должен отображаться в текущем фрэйме; _parent - указывает, что документ должен отображаться во фрэйме-родителе текущего фрэйма. Иначе говоря, _parent ссылается на окно, содержащее FRAMESET, включающий текущий фрэйм; _top - указывает, что документ должен отображаться в окне-родителе всей текущей фэймовой структуры; _blank - указывает, что документ должен отображаться в новом окне.

Пример1:

<IMG src="picture\/img/picture.gif" WIDTH="45" HEIGHT="53" ALT="Рысь" HSPACE="10" ALIGN="left"> Этот текст обтекает картинку с рысью справа и находится от нее на расстоянии 10 пикселов.

Пример2: Использование изображения в качестве гиперссылки:<A HREF="carlson.html"> <IMG src="picture\/img/button.bmp" WIDTH="70" HEIGHT="30" ALIGN="right" BORDER="0" ALT="Досье Карлсона"></A>Для просмотра досье нажмите на кнопку справа.

Используется для вставки изображений в HTML-документ. Это один из самых популярных элементов, незаменимый инструмент web-дизайнера. Элемент допускает вставку изображений в форматах JPEG (в том числе progressive jpeg) и Compuserve GIF (включая прозрачные и анимированные). Элемент IMG не имеет конечного тэга.

Параметры:

SRC - обязательный параметр. Указывает адрес (URL) файла с изображением.

HEIGHT и WIDTH - определяют ширину и высоту изображения соответственно. Если указанные значения не совпадают с реальным размером изображения, изображение масштабируется (порой с заметной потерей качества).

HSPACE и VSPACE - определяют отступ картинки (в пикселах) по горизонтали и вертикали от других объектов документа. Просто необходимо при обтекании изображения текстом.

ALIGN - обязательный параметр. Указывает способ выравнивания изображения в документе. Может принимать следующие значения:

- left - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа;

- right - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева;

- top и texttop - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки;

- middle - выравнивает базовую линию текущей текстовой строки с центром изображения;

- absmiddle - выравнивает центр текущей текстовой строки с центром изображения;

- bottom и baseline - выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки;

- absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.

NAME - определяет имя изображения, уникальное для данного документа. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр. Имя необходимо, если вы планируете осуществлять доступ к изображению, например, из JavaScript-сценариев.

ALT - определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим. В качестве значения задается текст с описанием изображения.

BORDER - определяет ширину рамки вокруг изображения в пикселах. Рамка возникает, только если изображение является гипертекстовой ссылкой. В таких случаях значение BORDER обычно указывают равным нулю.

LOWSRC - указывает адрес (URL) файла с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в параметре SRC. Браузеры, поддерживающие данный параметр, сначала загрузят картинку из LOWSRC, a затем заменят ее картинкой из SRC.

· «______________________________________».

Вставить пробел. Это необходимо, так как при печатании в редакторе пробелов через клавиатуру, язык html все пробелы будет считать за один.

· Текст, разделенный <HR NOSHADE WIDTH="50%"> сплошной горизонтальной линией.

Вставляет в текст горизонтальную разделительную линию.

Параметры:

WIDTH - определяет длину линии в пикселах или процентах от ширины окна браузера.

SIZE - определяет толщину линии в пикселах.

ALIGN - определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения:

- left - выравнивание по левому краю документа;

- right - выравнивание по правому краю документа;

- center - выравнивание по центру документа (используется по умолчанию).

NOSHADE - определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной.

COLOR - определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

· Вставить символ "<". Необходимо использовать эту кнопку, а не печатать такой знак с клавиатуры, так как язык html посчитает знак за начало тега и не будет его отображать.

· Вставить символ ">". Необходимо использовать эту кнопку, а не печатать такой знак с клавиатуры, так как язык html посчитает знак за начало тега и не будет его отображать.

· Кнопка Frame.

...<FRAMESET FRAMEBORDER="0" FRAMESPACING="0" BORDER="0" COLS="265,*">

<FRAME src="picture\frame1.html" NAME="page">

<FRAMESET ROWS="165,*">

<FRAME src="picture\frame2.html" NAME="menu1" MARGINWIDTH="0">

<FRAME src="picture\frame3.html" NAME="menu2" MARGINWIDTH="0">

</FRAMESET>

<NOFRAMES>Ваш браузер не поддерживает фреймы</NOFRAMES>

</FRAMESET>

<BODY>

</BODY>...

Определяет фрэймовую (оконную) структуру документа: размеры и расположение фрэймов на странице. Открывает и закрывает список фрэймов, определяемых с помощью элемента FRAME. Между начальным и конечным тэгами кроме элементов FRAME и NOFRAME могут находиться другие элементы FRAMESET. То есть элемент FRAMESET поддерживает вложенные конструкции фрэймов.

Параметры:

ROWS - определяет количество и размеры горизонтальных фрэймов (фрэймов-строк) в окне браузера. В качестве значения задается список размеров фрэймов через запятую. Способы задания размеров:

· в процентах от высоты рабочей области окна браузера. Например: "30%,30%,40%";

· в виде знака "*" (звездочка), говорящего о том, что фрэйм занимает все свободное пространство окна браузера, незанятое другими фрэймами с явно указанными размерами. Например, звездочка в записи "25%,25%,*" равносильна 50%;

· в пикселах. Например: "75,*";

Все три способа можно совмещать. Например, "25%,40,*" разобъет экран на три горизонтальных фрэйма, первый из которых будет высотой в четверть окна браузера, второй - в 40 пикселов, а третий займет всю оставшуюся площадь.

COLS- определяет количество и размеры вертикальных фрэймов (фрэймов-столбцов) в окне браузера. В качестве значения задается список размеров фрэймов через запятую. Размеры задаются так же, как и в предыдущем параметре ROWS.

BORDER- определяет ширину рамок фрэймов в пикселах. Данный параметр действует только в браузерах Netscape;

FRAMEBORDER - определяет наличие рамок у содержащихся внутри FRAMESET фрэймов. Возможные значения:

- Yes - отображать рамки;

- No - не отображать рамки;

- Браузеры Netscape не поддерживают данный параметр в полной мере и для глобального определения ширины рамок используют параметр BORDER.

FRAMESPACING - определяет расстояние (так называемую "серую область") между фрэймами в пикселах. Данный параметр необходим для создания фрэймов без рамок.

Определяет фрэйм и его свойства внутри FRAMESET-структуры. (см. элемент FRAMESET).

Параметры:

SRC - обязательный параметр. Указывает адрес (URL) HTML-файла, отображаемого в данном фрэйме.

NAME - определяет имя данного фрэйма, которое будет в дальнейшем использоваться для ссылки на него из других документов с помощью параметра TARGET (см. элемент A). В качестве значения нужно указать любое имя без пробелов с использованием латинских символов и цифр. Имя не должно начинаться с цифр и специальных символов.

MARGINWIDTH - определяет ширину (в пикселах) левого и правого полей фрэйма. Если параметр не указан, браузер самостоятельно определит оптимальный размер отступа.

MARGINHEIGHT - определяет ширину (в пикселах) верхнего и нижнего полей фрэйма. Если параметр не указан, браузер самостоятельно определит оптимальный размер отступа.

SCROLLING - определяет наличие линеек прокрутки содержимого фрэйма. Возможные значения:

- yes - отображать линейки прокрутки;

- no - не отображать линейки прокрутки;

- auto - отображать линейки прокрутки при необходимости (если документ, указанный в параметре SRC, не умещается во фрэйме).

NORESIZE - не позволяет изменять размеры фрэйма. Данный параметр является флагом и не требует указания значения.

FRAMEBORDER - определяет наличие рамок у фрэйма. Возможные значения:

- yes - отображать рамки;

- no- не отображать рамки;

· Все, что находится между начальным и конечным тэгами данного элемента, будет отображено браузером, если он не поддерживает фрэймы. Элемент NOFRAMES не имеет параметров и должен находиться внутри элемента FRAMESET.

· <marquee>Бегущая строка</marquee> - Текст, заключенный между начальным и конечным тэгами, будет отображен бегущей строкой.

· <style><!--

· Body;

· {background-color: {T_BODY_BGCOLOR};

· scrollbar-face-color:#CBCA03;

· scrollbar-shadow-color:#000000;

· scrollbar-highlight-color:#000000;

· scrollbar-3dlight-color: #000000;

· scrollbar-darkshadow-color: #000000;

· scrollbar-track-color:#000000;

· scrollbar-arrow-color:#000000;

· }-->

· </style>

· Возможно у вас браузер никак не отреагирует на данный стиль. Попробуйте убрать элементы выделенные красным цветом. Если все равно не работает, значит браузер абсолютно не поддерживает данный стиль.

Используется изменения цвета скроллбара. Значения будут по умолчанию.

· <OBJECT CLASSID=.

· "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="" HEIGHT="".

· CODEBASE="http://active.macromedia.com/flash6/.

· cabsswflash.cab#version=6,0,0,0">.

· <PARAM NAME="MOVIE" VALUE="">.

· <PARAM NAME="QUALITY" VALUE="high">.

· <PARAM NAME="MENU" VALUE="false">.

· <PARAM NAME="WMODE" VALUE="transparent">.

· </OBJECT>.

Кнопка вставляет flash графику в документ html.Сами флэшки нужно скачивать с интернета!!!

Атрибуты тега Object:

Align - Используется для разметки параграфов. определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right.

По умолчанию имеет значение left.

Если окно Web - обозревателя меньше, чем нужно, три другие границы фильма будут обрезаны.

Если атрибут пропущен, окно проигрывателя располагается в центре Web - страницы.

CLASSID - Задет идентификатор компонента ActiveX. В случае проигрывателя Flash должен быть равен “clsid:D27CDB6E-AE6D-11cf-96B8-444553540000”.

CODEBASE - Задает интернет - адрес дистрибутива компонента ActiveX. В случае проигрывателя Flash должен быть равен “http://active.macromedia.com/flash6/cabs/swflash.cab#version=6,0,0,0”.

HEIGHT - Задает ширину окна проигрывателя Flash в пикселях или процентах от ширины окна Web - обозревателя.

Параметры проигрывателя Flash:

BASE - Необязательный параметр, задающий базовый интернет - адрес, используемый как точка для отсчета всех относительных адресов.

BGCOLOR - Необязательный параметр, задающий цвет фона фильма в формате 0xRRGGBB. Изменяет цвет фона, заданный при настройке параметров фильма в среде Flash.

DEVICEFONTS - Необязательный параметр, разрешающий или запрещающий проигрывателю Flash подставлять шрифты - псевдонимы вместо шрифтов, не установленных на клиентском компьютере. Может принимать одно из двух значений:

- True - подстановка разрешена;

- False - подстановка запрещена (значение по умолчанию).

Имейте в виду, Что такая подстановка работает только в обычных текстовых блоках.

LOOP - Необязательный параметр. Если равен true, то фильм будет воспроизводиться бесконечно, “зациклится”. Если равен false, то проигрывание фильма остановится после его завершения. Значение по умолчанию - true.

MENU - Необязательный параметр, разрешающий или запрещающий проигрывателю Flash выводить контекстное меню при щелчке правой кнопкой мыши. Может принимать одно из двух значений:true или false.

MOVIE -Задает имя файла Shockwave/Flash, в котором сохранен фильм.

PLAY - Необязательный параметр. Если равен true, то фильм будет запущен на воспроизведение сразу же после загрузки. Если равен false, то фильм не будет запущен после загрузки; вам будет нужно сделать это самостоятельно из сценария на JavaScript. Значение по умолчанию - true.

QUALITY - Необязательный параметр, задающий качество графики. Может принимать одно из шести значений:

- “low” - скорость воспроизведения имеет приоритет перед качеством графики, сглаживание не используется. Самое низкое качество;

- “autolow” - изначально качество графики низкое, сглаживание не используется. Потом, если компьютер окажется достаточно мощным, Flash повысит качество графики и включит сглаживание;

- “autohigh” - изначально качество графики высокое, используется сглаживание. Потом, если компьютер окажется недостаточно мощным, Flash понизит качество графики и отключит сглаживание;

- “medium” - используется сглаживание для векторной графики, но не для растровой. Среднее качество;

- “high” - качество графики имеет приоритет над скоростью воспроизведения, используется сглаживание векторной графики, а если нет анимации, то и растровой графики. Это значение по умолчанию;

- “best” - используется сглаживание и векторной, и растровой графики. Самое высокое качество, которое не уменьшается ни в каких случаях.

SALIGN -Не обязательный параметр, задающий выравнивание фильма в окне проигрывателя Flash. Может принимать одно из восьми значений;

- “l” - выравнивание по левому краю;

- “t” - выравнивание по верхнему краю;

- “r” - выравнивание по правому краю;

- “b” - выравнивание по нижнему краю;

- “tl” - выравнивание по верхнему и левому краю;

- “tr” - выравнивание по верхнему и правому краю;

- “br” - выравнивание по нижнему и правому краю;

- “bl” - выравнивание по нижнему и левому краю;

Если параметр пропущен, фильм располагается в центре окна проигрывателя.

SCALE Необязательный параметр, задающий параметры масштабирования фильма. Может принимать одно из трех значений:

- “showall” - будет показано все изображение, для чего может быть применено масштабирование. Однако пропорции изображения искажены не будут, в результате этого вдоль горизонтальных или вертикальных сторон его могут появиться границы;

- “noborder” - то же самое, что “showall”, но границы появляться не будут - Flash обрежет изображение по горизонтали или вертикали, чтобы их избежать;

- “exactfit” - будет показано все изображение, для чего может быть применено масштабирование, в результате которого могут исказиться размеры изображения.

Значение по умолчанию - “showall”.

Этот параметр имеет смысл задавать только тогда, когда значения атрибутов HEIGHT и WIDTH заданы в процентах.

WMODEНе - обязательный параметр, задающий вид окна проигрывателя на Web - странице. Может принимать три значения:

- “window” - фильм отображается на Web - странице в собственном “окошке”. Самая высокая скорость воспроизведения. Это значение по умолчанию;

- “opaque” - фильм не будет отображаться в собственном “окошке”. Элементы, находящиеся на Web - странице “ниже” этого фильма, не будут видны;

- “transparent” - фильм не будет отображаться в собственном “окошке”. Элементы, находящиеся на Web - странице “ниже” этого фильма, будут видны. Учтите, что в этом случае может ухудшиться качество проигрывания фильма.

· <DIV ALIGN="center">

· <TABLE WIDTH="70">

· </TABLE>

· </DIV>.

Элемент для создания таблицы. Обязательно должен иметь начальный и конечный тэги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Ячейки внутри таблицы создаются с помощью элементов TR, TD. Для более автоматизированного создания таблицы используйте Мастер создания таблицы.

Параметры:

Align - Используется для разметки параграфов. определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right.

По умолчанию имеет значение left.

VALIGN - должен определять способ вертикального выравнивания для содержимого таблицы. Возможные значения: top, bottom, middle.

BORDER -определяет ширину внешней рамки таблицы (в пикселах). При BORDER="0" или при отсутствии этого параметра рамка отображаться не будет.

CELLPADDING -определяет расстояние (в пикселах) между рамкой каждой ячейки таблицы и содержащимся в ней материалом.

CELLSPACING - определяет расстояние (в пикселах) между границами соседних ячеек.

WIDTH - определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.

HEIGHT- определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.

BGCOLOR- определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

BACKGROUND- позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.

· <TABLE BORDER>

· <TR>

· <TH COLSPAN=2>Video</TH>

· </TR>

· <TR>

· <TD>Matrox G400</TD>

· <TD ALIGN="right">115$</TD>

· </TR>

· <TR>

· <TD>Voodoo III</TD><TD ALIGN="right">129.95$</TD>

· </TR>

· </TABLE>

Создает новый ряд (строку) ячеек таблицы. Ячейки в ряду создаются с помощью элементов TD.

Параметры:

Align - Используется для разметки параграфов. определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right.

По умолчанию имеет значение left.

VALIGN - должен определять способ вертикального выравнивания для содержимого таблицы. Возможные значения: top, bottom, middle.

BGCOLOR - определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

· <TABLE BORDER>

· <TR>

· <TH COLSPAN=2>Video</TH>

· </TR>

· <TR>

· <TD>Matrox G400</TD>

· <TD ALIGN="right">115$</TD>

· </TR>

<TR>

TD>Voodoo III</TD><TD ALIGN="right">129.95$</TD>

</TR>

</TABLE>

Элемент TD создает ячейку с данными (столбец по-русски) в текущей строке. В качестве содержимого ячейки можно использовать другие таблицы.

Параметры:

Align - Используется для разметки параграфов. определяет способ горизонтального выравнивания параграфа. Возможные значения: left, center, right.

По умолчанию имеет значение left.

VALIGN - должен определять способ вертикального выравнивания для содержимого таблицы. Возможные значения: top, bottom, middle.

WIDTH - определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.

HEIGHT- определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.

COLSPAN- определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

ROWSPAN- определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1.

BGCOLOR- определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

BACKGROUND- позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.

· <table border="1">

· <tr><td>

· Ваш текст

· </td></tr>

· </table>.

Применяется для быстрого создания таблицы с одной строкой и одним столбцом.

· <!-- Создаем форму -->

· <FORM ACTION="www.igf.ru/cgi-bin/thanks.pl" NAME="TestForm">

· <!-- Внутри формы создаем милое такое окошечко -->

· <INPUT TYPE="text" SIZE="20" VALUE="Ф/И/О/Возраст/Размер ботинок">

· <INPUT TYPE="submit" VALUE="Отправить">

· </FORM>

· <!-- Все, конец форме -->.

Используется для создания заполняемой формы. Необходимо присутствие начального и конечного тэгов. Внутри элемента FORM разрешается использовать большинство HTML-элементов.

Параметры:

NAME - определяет имя формы, уникальное для данного документа. Используется, если в документе присутствует несколько форм.

ACTION - обязательный параметр. Определяет URL, по которому будет отправлено содержимое формы. Это может быть либо адрес электронной почты, либо путь к скрипту сервера, обслуживающему данную форму.

METHOD - определяет способ отправки содержимого формы. Возможные значения GET (по умолчанию) - отправить сразу и POST - отправить при следующем включении почтового клиента.

ENCTYPE - определяет способ кодирования содержимого формы при отправке. По умолчанию используется "application/x-www-form-urlencoded".

TARGET определяет имя окна, в которое возвращается результат обработки отправленной формы. Возможные значения: _self, _parent, _top, _blank или явно указанное имя окна. Подробное описание значений смотрите в параметре TARGET элемента A (гиперссылка).

· <FORM NAME="Form1" ACTION="http://www.igf.ru/cgi-bin/banya.pl">

· <INPUT TYPE="hidden" NAME="info" VALUE="Запись в баню на воскресенье">

· <INPUT TYPE="radio" NAME="sex" VALUE="Male" CHECKED> Мужик<BR>

· <INPUT TYPE="radio" NAME="sex" VALUE="Female"> Баба<BR>

· Имя:<BR>

· <INPUT TYPE="text" NAME="textfield" VALUE="Вася Пупкин" SIZE="30" MAXLENGTH="60"><BR>

· Пароль:<BR>

· <INPUT TYPE="password" WIDTH="10" NAME="passwd"><BR><BR>

· <INPUT TYPE="submit" VALUE="Запулить">

· </FORM>

Пример2:

· Хочу получать следующие издания:<br>

· <FORM NAME="Form2" ACTION="http://www.igf.ru/cgi-bin/magazines.pl">

· <INPUT TYPE="checkbox" NAME="m1">Страшная газета<br>

· <INPUT TYPE="checkbox" NAME="m2">6 соток<BR>

· <INPUT TYPE="checkbox" NAME="m3" CHECKED>Мурзилка<BR>

· <INPUT type="image" src="picture\/img/button.gif" WIDTH="60" HEIGHT="30">

· </FORM>.

Элемент INPUT создает поле формы (кнопку, поле ввода, чекбокс и т.п.), содержание которого может быть изменено или активизировано пользователем. Элемент не имеет конечного тэга. Элемент INPUT должен располагаться внутри элемента FORM.

Параметры:

NAME - определяет имя, используемое при передаче содержания данной формы на сервер. Этот параметр необходим для большинства типов (параметр TYPE - cм. ниже) элемента INPUT и обычно используется для идентификации поля или для группы полей, связанных логически.

TYPE - определяет тип поля для ввода данных. По умолчанию - это "text". Возможные значения:

- text - создает поле ввода под одну строку текста. Как правило используется совместно с параметрами SIZE и MAXLENGTH;

- textarea - создает поле ввода для текста в несколько строк. Но для этих целей лучше использовать элемент TEXTAREA;

- textarea - создает поле ввода для текста в несколько строк. Но для этих целей лучше использовать элемент TEXTAREA;

- file - дает возможность пользователю приобщить файл к текущей форме. Возможно использование совместно с параметром ACCEPT;

- password - создает поле ввода под одну строку, однако текст, вводимый пользователем, отображается в виде значков "*", скрывая тем самым его содержание от любопытных глаз;

- checkbox - создает поле ввода для атрибутов типа Boolean ("да"/"нет") или для атрибутов, которые могут одновременно принимать несколько значений.

Эти атрибуты представляют собой несколько полей CHECKBOX, которые могут иметь одинаковые имена. Каждое выбранное поле CHECKBOX создает отдельную пару name/value в информации, посылаемой на сервер, даже если результатом будут дублирующиеся имена. Поле типа CHECKBOX обязательно должно иметь параметры NAME и VALUE, а также необязательный атрибут CHECKED, который указывает на то, что поле активизировано;

- radio - создает поле ввода для атрибутов, которые принимают одно значение из нескольких возможных. Все кнопки (radio buttons) в группе должны иметь одинаковые имена, но только выбранная кнопка в группе создает пару name/value, которая будет послана на сервер. Как и для полей CHECKBOX, атрибут CHECKED необязателен; он может быть использован для определения выделенной кнопки в группе кнопок (radio button);

- submit - создает кнопку, при нажатии которой заполненная форма посылается на сервер. Параметр VALUE в данном случае изменяет надпись на кнопке, содержание которой, заданное по умолчанию, зависит от браузера. Если параметр NAME указан, то при нажатии данной кнопки к информации, посылаемой на сервер, добавляется пара name/value, указанная для для параметра SUBMIT, в противном случае пара не добавляется;

- image - создает графический образ для кнопки, инициализирующей передачу данных на сервер. Местонахождение графического изображения можно задать с помощью параметра SRC. При передаче данных серверу сообщаются координаты x и y той точки на изображении, где был произведен щелчок клавишей мыши. Координаты измеряются из верхнего левого угла изображения. При этом информация о поле типа image записывается в виде двух пар значений name/value. Значение name получается посредством добавления к названию соответствующего поля IMAGE суффиксов ".x" в случае абсциссы, и ".y" в случае ординаты;

- reset - создает кнопку, перезагружающую поля формы к их первоначальным значениям. Надпись на кнопке может быть изменена с помощью параметра VALUE. По умолчанию надпись на кнопке зависит от браузера;

- hidden - поля этого типа не отображаются на экране монитора, что позволяет разместить "секретную" информацию в рамках формы. Содержание этого поля посылается на сервер в виде name/value вместе с остальной информацией формы. Этот тип может быть использован для передачи информации о взаимодействии клиент/сервер;

- button - позволяет создать кнопку в HTML документе, что добавляет функции при использовании Visual Basic Script или Java Script. Параметр NAME позволяет задать имя данной кнопке, которое может быть использовано для какой-либо функции в скрипте. Параметр VALUE позволяет задать текст, который будет отображен на кнопке в документе.

ACCEPT - конкретизирует тип файла. Используется только совместно с пара-метром TYPE="file". Значение задается в виде MIME.

- text/html - документ html, htm;

- text/plain - документ txt (текстовый файл);

- text/richtext - документ rtx (текстовый файл с форматированным текстом).

VALUE - задает текстовый заголовок для полей любого типа, в том числе и кнопок. Для типов, имеющих значение вида Boolean (отмеченный или неотмеченный), таких как checkbox или radio, будет возвращено значение, заданное в параметре VALUE.

CHECKED - указывает, что поля типов checkbox и/или radio (см. выше параметр TYPE) активизированы.

SIZE - определяет размер поля в символах. Например, чтобы определить поле с видимой шириной в 24 символа, надо указать SIZE="24".

MAXLENGTH - определяет максимальное количество символов, которые можно ввести в текстовом поле. Оно может быть больше, чем количество символов, указанных в параметре SIZE, в этом случае поле будет прокручиваться (scroll). По умолчанию количество символов не ограничено.

SRC - задает URL-адрес картинки, используемой при создании графической кнопки, инициирующей передачу данных. Используется совместно с параметром TYPE="image".

ALIGN - определяет способ вертикального выравнивания для изображений. Используется совместно с параметром TYPE="image". Полностью аналогичен параметру ALIGN элемента IMG. По умолчанию имеет значение bottom.

· ...<FORM>

· <TEXTAREA NAME="address" WRAP="virtual" COLS="40" ROWS="3">

· Ваш адрес...

· </TEXTAREA>

· </FORM>.

Создает поле для ввода нескольких строк текста. Обычно содержит текст инициализации, который при загрузке документа изначально будет записываться в данное поле. Элемент TEXTAREA должен располагаться внутри элемента FORM.

Параметры:

NAME - обязательный параметр. Определяет название, которое будет использоваться при идентификации заполненного поля сервером.

ROWS - определяет количество строк текста, видимых на экране.

COLS- определяет ширину текстового поля - в печатных символах.

WRAP- определяет способ переноса слов в заполняемой данной заполняемой форме. Возможные значения:

- off - перенос слов не происходит (значение по умолчанию);

- virtual - перенос слов только отображается, на сервер же поступает неделимая строка;

- physical - перенос слов будет происходить во всех точках переноса.

· ...<FORM>

· <SELECT NAME="Выбор">

· <OPTION>MS-DOS

· <OPTION VALUE="MD">MS Windows98

· <OPTION>MS Windows NT

· <OPTION>OS/2

· <OPTION SELECTED>UNIX

· </SELECT>

· </FORM>.

Элемент SELECT создает в заполняемой форме меню типа "Выбор одного пункта из многих" или "Выбор нескольких пунктов из многих". Должен располагаться внутри элемента FORM и иметь как начальный, так и конечный тэги. Содержит несколько элементов OPTION.

Параметры:

MULTIPLE - дает возможность выбора нескольких пунктов меню. По умолчанию можно выбрать только один пункт меню.

NAME - определяет имя меню, уникальное для данной формы, которое будет использоваться при передаче данных на сервер. Каждый выбранный пункт меню при передаче на сервер будет иметь вид: name/value. Значение (value) формируется элементом OPTION.

SIZE- определяет количество видимых пунктов в меню. Если значение этого параметра больше единицы, то результатом будет список пунктов.

· ...<FORM>

· <SELECT NAME="Выбор">

· <OPTION>MS-DOS

· <OPTION VALUE="MD">MS Windows98

· <OPTION>MS Windows NT

· <OPTION>OS/2

· <OPTION SELECTED>UNIX

· </SELECT> </FORM>.

Используется только с элементом SELECT. Элемент OPTION описывает отдельные пункты меню. Не имеет конечного тэга.

Параметры:

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

VALUE - Задает данному пункту значение, которое будет использовано наряду с другими сведениями о содержимом заполненной формы. При предоставлении информации на сервер это значение будет объединено со значением параметра NAME в элементе SELECT.

· <font color="#8080FF" >Синий текст</font>

Вставить тег шрифта с выбранным цветом.

· <table border="1" bgcolor="#008000">

· <tr><td>

· Зеленая таблица

· </td></tr>

· </table>

Вставить цвет фона в тег. Работает для некоторых тегов.

Вот мы и выучили все теги…

Урок 2

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

Как уже говорилось что HTML страницы начинаются с начального кода

<!--Сделано в HTML редакторе-->

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title></title>

<meta name="description" content="">

<meta name="keywords" content="">

</head>

<body>

</body>

</html>

Теперь теги которые уже знаем мы будем использовать в

Начнём вот с чего:

Для начало мы напишем между «<body></body>»

Какой-нибудь текст например : ПРИВЕТ ВСЕМ ЭТО МОЯ ПЕРВАЯ СТРАНИЦА .

<!--Сделано в HTML редакторе-->

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title></title>

<meta name="description" content="">

<meta name="keywords" content="">

</head> <body>

ПРИВЕТ ВСЕМ ЭТО МОЯ ПЕРВАЯ СТРАНИЦА

</body>

</html>

Вот что получается

Но это мы так не оставим мы начнём экспериментировать над этим текстом.

1. Мы сделаем этот текст заголовком.

<body>

ПРИВЕТ ВСЕМ ЭТО МОЯ ПЕРВАЯ СТРАНИЦА.

</body>.

Что нужно для этого? Нам нужен теги «<font size="6" face="Times New Roman" color="Red" ></font> , <b></b> , <div align="center"></div>».

Для того чтобы текст получился таким каким мы хотим нам нужно для начало сделать жирным. Как это сделать:

Наш текст нужно поместить между тегом <b> ПРИВЕТ ВСЕМ ЭТО МОЯ ПЕРВАЯ СТРАНИЦА </b> .

После чего придаем нашему тексту сразу размер, шрифт и цвет.

Как это сделать:

Для того чтобы задать тексту размер шрифт и цвет нам нужно написать тег вот такой : <font size="6" face="Times New Roman" color="Red" ></font>.

После чего мы добавляем наш текст между тегом вот так:

<font size="6" face="Times New Roman" color="Red" > ПРИВЕТ ВСЕМ ЭТО МОЯ ПЕРВАЯ СТРАНИЦА </font> .

Но для того чтобы наш текст был по центру страницы поместим наш текст который мы писали до этого между тегом <div align="center"></div>.

И получиться вот так:

<div align="center"><font size="6" face="Times New Roman" color="Red" > ПРИВЕТ ВСЕМ ЭТО МОЯ ПЕРВАЯ СТРАНИЦА </font> </div>.

Также можно использовать другие теги для того чтобы сделать то что мы делали.

Остальные теги мы рассмотрим в остальных уроках.

Урок 3

Работа тегов уже в готовой странице.

И так начнём!

Для того чтобы у нас первая страница была красивой мы должны выбрать фон (по вашему вкусу). Я предлагаю делать фон таким цветом чтобы при просмотре страницы не резали глаза. Например: белый, серый. Я предполагаю что вы тоже замечали такие сайты которые были с фоном такого цвета что даже у вас глаза слезились или чесались. Например многие сайты делаю свои страницы белого цвета например (www.mail.ru , www.google ) у них сразу глаза начинают отдыхать от сильно ярких цветов. Но мы сделаем страницы не белого а серого цвета. Наверное приступим.

<!--Сделано в HTML редакторе-->

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title></title>

<meta name="description" content="">

<meta name="keywords" content="">

</head>

<body bgcolor="Silver">

ПРИВЕТ ВСЕМ ЭТО МОЯ ПЕРВАЯ СТРАНИЦА

</body>

</html>

В этот тег <body bgcolor="Silver"> можно вписывать цвета разные, например красный <body bgcolor=”Red”> получится фон красным.

Но мы не будем использовать красный фон мы будем использовать фон серого цвета.

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

Главная.

О странице.

Контакты.

При кодировке нашего текста в формат HTML наше меню будет выглядеть так.

Но чтобы наше меню было не горизонтально, а вертикаль мы для начало сделаем так чтобы каждая глава меню была на новой строчке и в этом нам поможет тег <br>.

При вписывании тега <br> в меню мы получим вот это -

<br>Главная.

<br>О странице.

<br>Контакты.

Вот мы и сделали меню в вертикальном положении. Но и можно оставить меню в горизонтальном положении. Я этим хотел показать как это можно сделать. Теперь для того чтобы по нашему меню можно было переходить на другие странички нам нужно сделать гиперссылку. Как это сделать.

Для начало нам нужно взять меню которое мы сделали и поместить в этот тег:

<a href="http://"></a> должно получиться из этого

<br>Главная

<br>О странице

<br>Контакты

вот так:

<a href="http://"> <br>Главная</a>

<a href="http://"> <br>О странице</a>

<a href="http://"> <br>Контакты</a>

при нажатии на одну из глав в меню то вы автоматически попадаете на ту страницу которую вам нужна. Но после того как вы нажали на ссылку (гиперссылка) цвет ее меняется.

Теперь мы рассмотрим тег <marquee></marquee>. Это тег как называется в народе «БЕУЩАЯ СТРОКА».

Она дает людям которые использует этот тег перемещать более обширный текст. Что бы наш тег работал нам нужно какое-нибудь слово поместить между этим тегом.


Подобные документы

  • Разработки британского учёного Тима Бернерсом-Ли. HTML как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. Структура HTML-документов и основные теги на языке HTML.

    курсовая работа [820,3 K], добавлен 03.03.2011

  • Применение многоязычного текста. Структура HTML документа. Элементы стиля шрифтов. Разделы, заголовки и горизонтальные линии. Термин и его определение. Изменение основного шрифта. Комментарии, оформление цитат, разрывы строк и цветовые спецификации.

    презентация [672,5 K], добавлен 22.06.2014

  • HTML - это язык, принятый в World Wide Web для создания и публикации веб-страниц. Общие сведения о создании веб-страниц, особенности их оформления. PHP как язык программирования с динамической типизацией, история его создания и возможности использования.

    доклад [18,9 K], добавлен 27.12.2010

  • Понятие об html. Структура файла в формате html. Отличительный признак html-документа. Гипертекстовые ссылки. Создание документов в стандарте html. Заголовки. Форматирование текста и изменение стилей. Фреймы.

    реферат [23,7 K], добавлен 17.08.2007

  • Характеристика принципов создания html-страниц и связывания их ссылками так, чтобы можно было произвольным образом переходить от одной страницы к другой. Применение тегов форматирования текста и заголовка окна. Этапы создания html-страницы с таблицей.

    контрольная работа [16,0 K], добавлен 19.06.2014

  • Форматирование текста с помощью HTML. Задание цвета на веб-странице. Задание размера шрифта. Физическое и логическое форматирование символов. Вставка специальных символов. Удобочитаемость, содержание и форма шрифта. Подбор шрифта и верстка текста.

    курсовая работа [1,3 M], добавлен 01.10.2014

  • Значение атрибута TITLE тега HTML-документа. Возможности HTML для разработчиков Web-страниц. Параметры тега , регулирующие отступы вокруг изображения. Оформление комментариев в CSS. Теги логического форматирования текста (phrase elements).

    тест [19,9 K], добавлен 11.10.2012

  • Основные теги и атрибуты языка HTML. Создание web-сайта, который должен представлять собой несколько связанных между собой страниц. Рассмотрение различных значений атрибутов и тегов на страницах и в других документах. Экранные формы разработанных страниц.

    лабораторная работа [1,2 M], добавлен 16.04.2014

  • Термин HTML (HiperText Markup Language) и его реализация. Программы просмотра страниц написанных на зыке манипулирования гипертекстами. Характеристика специальных программ – браузеров: Google Chrome, Opera, Mozilla Firefox. Структура HTML-страницы.

    контрольная работа [118,8 K], добавлен 05.04.2015

  • Основы языка программирования Web-страниц – HTML. Виды информации, которую может содержать Web-страница: текст, графика, звук, анимация и видео. Инструментарий для создания Web-страниц. Основные HTML-редакторы, которые используются для Web-дизайна.

    реферат [374,0 K], добавлен 19.01.2011

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.