Главная Обратная связь
Дисциплины:
Архитектура (936)
Биология (6393)
География (744)
История (25)
Компьютеры (1497)
Кулинария (2184)
Культура (3938)
Литература (5778)
Математика (5918)
Медицина (9278)
Механика (2776)
Образование (13883)
Политика (26404)
Правоведение (321)
Психология (56518)
Религия (1833)
Социология (23400)
Спорт (2350)
Строительство (17942)
Технология (5741)
Транспорт (14634)
Физика (1043)
Философия (440)
Финансы (17336)
Химия (4931)
Экология (6055)
Экономика (9200)
Электроника (7621)
Основные табличные структуры
|
|
Давайте начнем с очень простого примера. Он связан с представлением таблицы чисел 2 на 2 (единичная матрицa) без каких либо заголовков. Код HTML выглядит следующим образом:
<TABLE>
<TR> <TD> 1 </TD> <TD> 0 </TD> </TR>
<TR> <TD> 0 </TD> <TD> 1 </TD> </TR>
</TABLE>
и обычно представляется броузером следующим образом:
Дополнительные свойства; типичная таблица с текстовыми ячейками
Есть несколько элементов, которые Вы можете добавить к вышерассмотренной простой табличной модели:
· Заголовок (caption) для таблицы, связанный с самой таблицей (в дополнение к строкам текста о таблице в документе).
· Подзаголовки (headers) (объяснения) как для табличных строк, так и для колонок.
· Рамки (borders) вокруг таблицы и каждой табличной ячейки.
Заметим, что атрибуты ALIGN и VALIGN могут существенно влиять на качество отображения, устанавливают расположение таблицы по отношению к полям документа. Допустимые значения: ALIGN=LEFT (выравнивание влево), ALIGN=CENTER (выравнивание по центру), ALIGN=RIGHT (выравнивание вправо). WIDTH - ширина таблицы. Ее можно задать в пикселах (например, WIDTH=400) или в процентах от ширины страницы (например, WIDTH=80%).
Упражнение 1.Создать следующий HTML- документ, используя тэги форматирования текста
1. Откройте окно текстового редактора Блокнот. Сохраните данный документ как Задание1.html
2. Самый первый тэг, который встречается в документе, должен быть тэгом <HTML>. Данный тэг сообщает WEB-броузеру, что ваш документ написан с использованием HTML. Поэтому в первой строке нашего документа набираем <HTML>.
3. Чтобы ввести заголовок окна, далее набираем:
Lt;HEAD> <TITLE> Пример работы
С тэгами. Форматирование
</TITLE>
</HEAD>
4. Теперь вводим Тело нашего документа, т.е. то, что будет отражаться в нашем HTML-документе. Для этого в следующей строке наберите
<BODY BGCOLOR=yellow TEXT=blue >
где BGCOLOR=yellow определяет, что фон документа – желтый, а TEXT=blue, что текст будет синего цвета.
5. Далее набираем
<H1>Это заголовок первого уровня</H1>
<H2>Это заголовок второго уровня</H2>
т.е. определяет заголовки разных уровней.
6. Теперь научимся определять пронумерованные и непронумерованные списки списки. Для этого вводим
Lt;OL >Это пример пронумерованного списка
Lt;LI>Первый элемент
Lt;LI>Второй элемент
Lt;LI>Третий элемент
</OL>
<UL TYPE=DISC>Это пример непронумерованного списка
Lt;LI>Первый элемент
Lt;LI>Второй элемент
Lt;LI>Третий элемент
</UL>
7. Далее будем форматировать текст, т.е. использовать различные форматы ввода текста. Для этого
<I>Это курсив</I>
<B>Это жирный шрифт</B>
<U>Это подчеркнутый текст</U>
<SUP>Это верхний индекс</SUP>
<SUB>Это нижний индекс</SUB>
Lt;BR>Это начало нового абзаца.
<BIG>Это большой шрифт</BIG>
<SMALL> Это маленький шрифт</SMALL>
<STRIKE>Это перечеркнутый шрифт</STRIKE>
8. В следующей строке строке введите <BR><BR>.Это будет означать, что мы дважды перевели строку (нажали клавишу «Enter»).
9. Наберите в следующей строке <MARQUEE >ЭТО БЕГУЩАЯ СТРОКА</MARQUEE>. Таким образом создается бегущая строка.
|
Просмотров 759 |
|
|
