Лекции.Орг


Поиск:




Категории:

Астрономия
Биология
География
Другие языки
Интернет
Информатика
История
Культура
Литература
Логика
Математика
Медицина
Механика
Охрана труда
Педагогика
Политика
Право
Психология
Религия
Риторика
Социология
Спорт
Строительство
Технология
Транспорт
Физика
Философия
Финансы
Химия
Экология
Экономика
Электроника

 

 

 

 


Приемы форматирования текста




 

1. Откройте документ First.htm в программе Блокнот.

2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>,а его конкретное содержание может быть любым.

3. Введите тег <BASEFONT SIZE=«5» COLOR=«BROWN»>.Он задает вывод текста по умолчанию увеличенным шрифтом и коричневым цветом.

4. Введите произвольный абзац текста, который будет выводиться шрифтом, заданным по умолчанию. Начните э

5. тот абзац с тега <P>.

6. Введите теги: <P> <FONT SIZE=«-2» FACE=«ARIAL» COLOR=«GREEN»>.

7. Введите очередной абзац текста, закончив его тегом </FONT>.

8. В следующем абзаце используйте по своему усмотрению парные теги: <B> (полужирный шрифт), <I> (курсив), <U> (подчеркивание), <S> (вычеркивание), <SUB> (нижний индекс), <SUP> (верхний индекс).

9. В следующем абзаце используйте по своему усмотрению парные теги: EM (выделение), STRONG (сильное выделение), <CODE> (текст программы), <KBD> (клавиатурный ввод), <SAMP> (пример ввода), <VAR> (компьютерная переменная).

10. Сохраните полученный документ под именем format htm.

11. Запустите обозреватель Internet Explorer.

12. Дайте команду Файл–Открыть. Щёлкните на кнопке Обзор и откройте файл format.htm.

13. Изучите, как использованные элементы HTML влияют на способ отображения текста.

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

15. Вернитесь в программу Internet Explorer и щёлкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы.

 

 

 

Приёмы создания списков

 

1. Откройте документ first.htm в программе Блокнот.

2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.

3. Вставьте в документ тег <OL TYPE="I">, который начинает упорядоченный (нумерованный список).

4. Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.

5. Завершите список при помощи тега </OL>.

6. Сохраните полученный документ под именем list.htm.

7. Запустите обозреватель Internet Explorer

8. Откройте файл list.htm.

9. Изучите, как упорядоченный список отображается в программе Internet Explorer, обращая особое внимание на способ нумерации, заданный при помощи атрибута TYPE=.

10. Вернитесь в программу Блокнот и установите текстовый курсор после окончания введённого списка.

11. Вставьте в документ тег <UL TYPE=«SQUARE»>, который начинает неупорядоченный (маркированный) список.

12. Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.

13. Завершите список при помощи тега </UL>. Сохраните документ под тем же именем.

14. Вернитесь в программу Internet Explorer и щёлкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы, обратив внимание на способ маркировки, заданный при помощи атрибута TYPE=.

15. Вернитесь в программу Блокнот и установите текстовый курсор после окончания введённого списка.

16. Вставьте в документ тег <DL>, который начинает список определений.

17. Вставьте в список определяемые слова, предваряя соответствующие абзацы тегом <DT>.

18. Вставьте в список соответствующие определения, предваряя их тегом <DD>.

19. Завершите список при помощи тега </DL>. Сохраните документ под тем же именем.

20. Вернитесь в программу Internet Explorer и щёлкните на кнопке Обновить на панели инструментов. Посмотрите, как выглядит при отображении Web-страницы список определений.

 

 

 

Создание таблиц

 

1. Откройте документ first.htm в программе Блокнот.

2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>. В данном упражнении используется список номеров телефонов.

3. Введите тег <TABLE BORDER=«10» WIDTH=«100%»>.

4. Введите строку: <CAPTION ALIGN=«TOP»> Список телефонов </CAPTION>.

5. Первая строка таблицы должна содержать заголовки столбцов. Определите её следующим образом:

<TR BGCOLOR=«YELLOW» ALIGN=«CENTER»>

<TH>Фамилия<TH>Номер телефона

6. Определите последующие строки таблицы, предваряя каждую из них тегом <TR> и помещая содержимое каждой ячейки после тега <TD>.

7. Последнюю строку таблицы задайте следующим образом:

<TR > <TD ALING=«CENTER» COLSPAN=«2»> На первом этаже здания имеется бесплатный телефон – автомат.

8. Завершите таблицу тегом < /TABLE >.

9. Сохраните документ под именем table. htm.

10. Запустите обозреватель Internet Explorer

11. Откройте файл table.htm.

12. Изучите, как созданная таблица отображается в программе Internet Explorer, обращая особое внимание на влияние заданных атрибутов.

13. Измените ширину окна обозревателя и установите, как при этом изменяется внешний вид таблицы.

 

 

 

 

Создание фреймов

1. Запустите текстовый редактор Блокнот.

2. Введите следующий документ:

3. <HTML>

4. <HEAD>

5. <TITLE> Описание фреймов < /TITLE >

6. < /HEAD>

7. <FRAMESET ROWS=«60%,*»>

8. <FRAME SRC=«table.htm» >

9. <FRAMEST COLS=«35%, 65%» NORESIZE>

10. <FRAME SRC=«first.htm»>

11. <FRAME SRC=«links.htm»>

12. </FRAMESET>

13. </HTML>

14. Сохраните этот документ под именем frames.htm.

15. Запустите обозреватель Internet Explorer.

16. Откройте файл frames.htm.

17. Изучите представление нескольких созданных ранее документов в отдельных фреймах.

18. Посмотрите, что происходит при изменении ширины окна обозревателя.

19. Проверьте, можно ли изменить положение границ фреймов методом перетаскивания при помощи мыши.

20. Щелкните на ссылке, имеющейся в одном из фреймов, и посмотрите, как будет отображен новый документ.

21. Щелкните на кнопке Назад на панели инструментов и убедитесь, что возврат к предыдущему документу не нарушает структуру фреймов.

22. Вернитесь в программу Блокнот и измените структуру и параметры фреймов по своему усмотрению. Сохраните документ под тем же именем.

23. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Убедитесь, что измененный вид Web-страницы соответствует замыслу. Если это не так, вернитесь в программу Блокнот, найдите и исправьте ошибки.





Поделиться с друзьями:


Дата добавления: 2017-03-12; Мы поможем в написании ваших работ!; просмотров: 793 | Нарушение авторских прав


Поиск на сайте:

Лучшие изречения:

Лучшая месть – огромный успех. © Фрэнк Синатра
==> читать все изречения...

2205 - | 2096 -


© 2015-2024 lektsii.org - Контакты - Последнее добавление

Ген: 0.01 с.