Делать свои собственные странички довольно просто. Основная идея заключается в том, что web-страничка - это просто файл. HTML-файл, если быть точными. Он называется HTML, потому что web-страницы имеют расширение .html или .htm. HTML получил свое название от Hyper Text Mark-up Language.
Давайте начнем. Во-первых, если у вас есть какие-либо замечательные HTML-редакторы и сейчас вы намереваетесь научиться их использовать... Забудьте об этом. Самый неудачный способ учить HTML - это пользоваться этими редакторами. (Хотя и существует несколько вещей, которые вы сочтете полезными, все редакторы могут только помочь вам научиться основам, и ничему более - так что не стоит об этом беспокоиться.) Вы спросите, какой же способ выучить HTML является самым лучшим?? Загрузите текстовый редактор Notepad.
Еще вам понадобится браузер для того, чтобы увидеть свои web-странички. Netscape Navigator подойтет лучше всего. Но даже если вы пользуетесь чем-нибудь другим, все должно быть в порядке.
Вам потребуется меньше 5 минут, чтобы сделать свою первую web-страничку! Так что - приступайте к уроку 1.
Дальше-->
Форматирование текста
|
 |
Жирный шрифт
<B>xxxxx</B> |
|
Курсив
<I>xxxxx</I> |
|
Подчеркивание
<U>xxxxx</U> |
|
Машинный шрифт
<TT>xxxxx</TT> |
|
Изменение размера шрифта (1-7)
<FONT SIZE=5>xxxxx</FONT> |
|
Изменение шрифта
<FONT FACE="NIFTY FONT">xxxxx</FONT> |
|
Изменение цвета шрифта
<FONT COLOR="#0000FF">
xxxxx</FONT> |
|
Бегущая волна! |
|
Цвета фона
<BODY BGCOLOR="#xxxxxx"> |
|
|
Изменение цвета текста, ссылки, целой страницы и т.д. <BODY BGCOLOR="#xxxxxx" TEXT="#xxxxxx" LINK="#xxxxxx" VLINK="#xxxxxx" ALINK="#xxxxxx"> |
|
Новая строка <BR> |
|
Новый абзац <P> |
|
Пробелы (специальные символы для ввода пробелов) |
|
Основные специальные символы |
|
Полный список специальных символов (для кодировки Western (ISO-8859-1)) |
|
Несколько пустых строк подряд <BR> |
|
Комбинации тегов -
вложенные теги |
|
Несколько слов о
пересекающихся вложенных тегах
|
|
Рисунки
|
|
Фоновый рисунок
<BODY BACKGROUND="xxxxx.gif">
(or .jpg) |
|
Как сохранить рисунок из браузера |
|
Вставка изображений
<IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456> |
|
О расположении (SRC) рисунков |
|
Ссылка с помощью рисунка
<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456></A> |
|
|
Как убрать голубую рамку вокруг ссылки
<A HREF="http://xxxxx"> <IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456 BORDER=O></A> |
|
О размерах изображений |
|
Размер изображений |
|
Создание линии с помощью квадрата 2x2 |
|
Ссылки
|
|
Как создать ссылку <A HREF="http://xxxxx">abcdefg</A> |
|
Ссылка на адрес электронной почты
<A HREF="mailto:xxxxx@xxxхх.xx"> abcdefg</A> |
|
Ссылка с помощью рисунка
<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456></A> |
|
|
Как убрать голубую рамку вокруг ссылки<A HREF="http://xxxxx"><IMG SRC="xxxxx.gif" WIDTH=123 HEIGHT=456 BORDER=O></A> |
|
Оптимизация загрузки рисунков |
|
Ссылка на конкретный раздел страницы<A HREF="http://xxxxx#CHEESEWIZ"> abcdefg</A> |
|
Средства форматирования
|
|
Выравнивание по центру<CENTER>xxxxx</CENTER> |
|
Новая строка <BR> |
|
Новый абзац <P> |
|
Тег <BLOCKQUOTE> |
|
Тег <PRE> |
|
|
Упорядоченные и неупорядоченные списки
<UL> (или OL)
<LI>Пункты списка
</UL>
|
|
Списки определений
<DL>
<DT>Заголовок определения
<DD>Пункты определения
</DL>
|
|
Выравнивание
<HR ALIGN=left|right|center WIDTH=80% SIZE=3 NOSHADE> |
|
Разное
|
|
Структура HTML-документа - минимальные требования
<HTML>
<HEAD>
<TITLE>Моя первая страничка!</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
|
|
Заголовок документа<TITLE>Моя первая страничка!</TITLE> |
|
Фоновые рисунки
BACKGROUND="xxxxx.gif" (or .jpg) |
|
|
Цвета фона
<BODY BGCOLOR="#xxxxxx"> |
|
Выравнивание по центру <CENTER>xxxxx</CENTER> |
|
Абсолютные и относительные адреса |
|
О разрешениях экрана |
|
Комментарии <!--Это - комментарий!!!--> |
|
Как создать документ HTML |
|
