|
Читайте также: |
Список некоторых тегов:
<P>...</P> - абзац
<BR> - перевод строки (без завершающей части)
<NOBR>...</NOBR> - выделяет текст, который должен быть обязательно на одной
строке
<HR> - горизонтальный разделитель (без завершающей части)
Выделение текста. Логические стили:
<EM>...</EM> - "ударение", выделение текста (обычно курсивом)
<STRONG>...</STRONG> - сильное выделение текста (обычно полужирным шрифтом)
Выделение текста. Физические стили:
<B>...</B> - жирный шрифт
<I>...</I> - курсив
<U>...</U> - подчеркивание текста
Списки:
<UL>...</UL> - ненумерованный список, <LI>...</LI> - элемент списка
<OL>...</OL> - нумерованный список, <LI>...</LI> - элемент списка
<DL>...</DL> - список определений, <DT> - термин, <DD> - описание
Заголовки:
<H1>...</H1> - самый крупный заголовок, далее идут
более мелкие (6 уровней вложенности): H2, H3,..., H6
Рекомендуется использовать первые четыре, так как H5 и H6 часто
очень слабо отличаются от обычного текста.
Иллюстрация:
<IMG SRC="путь/имя.gif" ALT="Здесь могла бы быть картинка">
Параметр ALT указывает, какой текст отображать, если браузер не
может показывать картинки.
Гиперcсылки:
<A HREF="file.htm">...</A> - тег перехода по ссылке к другому HTML-документу (в данном случае - к file.htm)
<A NAME="label1"></A> - тег указания метки для перехода внутри одного HTML-документа.
<A HREF="#label1">Щелкните здесь</A> - тег внутристраничной гиперссылки (переход к метке, установленной предыдущим тегом)
Задание на выполнение работы
Задание 1.
1.1. С помощью блокнота создать заготовку HTML-документа
<HTML>
<HEAD><TITLE>...</TITLE></HEAD>
<BODY>
...
</BODY>
</HTML>
и сохранить ее под именем main.htm.
1.2. Используя заготовку, проверить работу ВСЕХ перечисленных выше тегов.
1.3. Используя заготовку, создать свою "домашнюю страницу",
содержащую
1) Иллюстрацию (ваш "фирменный" знак) (создать с помощью Paint)
2) Текст приветствия
3) Пять разделов (тему и содержание придумать самостоятельно)
Страница может быть "реальной", содержащей какую-либо
информацию, которую автор хочет довести до сведения других студентов,
или полностью выдуманной.
Пример разделов реальной страницы:
-УЧЕБА
-КНИГИ
-МУЗЫКА
-РАЗВЛЕЧЕНИЯ
-РАЗНОЕ
Задание №2.
Протестируйте работоспособность сайта в браузере (по возможность в двух различных). Протестируйте работоспособность сайта при выключенной графике.
Дата добавления: 2015-07-20; просмотров: 242 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Краткие теоретические сведения | | | Краткие теоретические сведения |