Пакет Adobe GoLive


ЯЗЫК HTML


Глава 1 ЯЗЫК HTML
Глава 1. ЯЗЫК HTML ОсновыCтруктура HTML-документаИспользуемые символы Цвета и единицы измерения Оформление текста Графика и мультимедиа Гиперссылки Списки Таблицы Фреймы Встраиваемые объекты Формы...
Основы
Основы Интернет — это огромное объединение компьютерных сетей в планетарном масштабе. А если учесть, что обитатели Международной Космической Станции пользуются услугами электронной почты, то стано...
Фреймы
Фреймы Как мы знаем, в одном окне просмотра браузера мы не можем одновременно загрузить два HTML-документа. Таким образом, если у нас на всех страницах есть одинаковое меню навигации, то абсолютно...
Листинг 1 31
Листинг 1.31 <!DOCTYPE HTML PUBLIC "-//W3C/VDTD HTML 4.01//EN" ''http://www.w3.org/TR/html4/strict.dtd"><fhtml><head> .<title>0peuMbi</title></head&...
Окно браузера с результатом отображения файла приведенного в листинге 1 31
Рисунок 1.30. Окно браузера с результатом отображения файла, приведенного в листинге 1.31 Между стартовым и закрывающим тегами<frameset> мы разместили два тега <frame>. Обстоятельнытй...
Листинг 1 32
Листинг 1.32<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><title><t>peftMbi</title>&l...
Окно браузера с результатом отображения файла приведенного в листинге 1 32
Рисунок 1.31. Окно браузера с результатом отображения файла, приведенного в листинге 1.32 Параметр scrolling регулирует отображение полос прокрутки встроенного фрейма. В качестве значения использу...
Встраиваемые объекты
Встраиваемые объекты Для того, чтобы добавить создаваемым Web-страницам дополнительные возможности, мы можем вставлять в состав их содержимого специализированные функциональные элементы. В качеств...
Формы
Формы Не раз нам доводилось видеть Web-страницы, на которых нам предлагалось шести некоторые данные в поля ввода. В HTML существует механизм получения данных от пользователя. Естественно, эти данн...
Листинг 1 33
Листинг 1.33<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html> <head><title><?>opMbi</title> &l...
Окно браузера с результатом отображения файла приведенного в листинге 1 33
Рисунок 1.32. Окно браузера с результатом отображения файла, приведенного в листинге 1.33 Итак, на иллюстрации видно, что мы смогли создать поле ввода текста и кнопку, при нажатии на которую введе...
Листинг 1 34
Листинг 1.34:! DOCTYPE HTML РИВЫС "-//W3C//DTD HTML 4 . 01//EN"'http://www.w3.Qrg/TR/html4/strict.dtd">:html> <head> , <title><t>opMbK/title> </head>...
Окно браузера с результатом отображения файла приведенного в листинге 1 34
Рисунок 1.33. Окно браузера с результатом отображения файла, приведенного в листинге. 1.34 Кнопка типа "submit" создается при помощи конструкции следующего вида:<input type="subm...
Листинг 1 35
Листинг 1.35<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http: //www. w3.org/TR/htm!4/Strict.dtd"><html><head><title><t>opMfci</title>&...
Окно браузера с результатом отображения файла приведенного в листинге 1 35
Рисунок 1.34. Окно браузера с результатом отображения файла, приведенного в листинге 1.35 Там осталось рассмотреть только один элемент ввода данных. Это многострочное поле текстового ввода. Оно ре...
Листинг 1 36
Листинг 1.36 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.Q1//EN""http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>OopMbi</title> </head...
Рисунок 1 35 Окно браузера с результатом отображения файла приведенного в листинге 1 36
Рисунок 1 .35. Окно браузера с результатом отображения файла, приведенного в листинге 1 .36 Для создания подобных текстовых пометок и заголовков, связанных с конкретными элементами ввода данных, м...
Использование сценариев
Использование сценариев В рамках HTML мы обладаем возможностью использовать при создании Web-страниц специальный вид программ, называемых сценариями или скриптами. Они очень тесно связаны с технол...
Структура HTMLдокумента
Структура HTML-документа Конструкции HTML называются тегами. Для того, чтобы браузер мог отличить их от обычного текста, они заключаются в угловые скобки. Тег обозначает начало действия какой-либо...
Результат просмотра в браузере файла приведенного в листинге 1 1
Рисунок 1.1. Результат просмотра в браузере файла, приведенного в листинге 1.1 Но следует отметить, что тег <body> может содержать дополнительные параметры. Мы уже говорили немного ранее, чт...
Листинг 1 2
Листинг 1.2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://wvw.w3.org/TR/html4/striсt.dtd"><html><head><title> Отображение div-блоков</titl...
Окно браузера с результатом отображения файла приведенного в листинге 1 2
Рисунок 1.2. Окно браузера с результатом отображения файла, приведенного в листинге 1.2 Также к вопросам структуры HTML-документа можно отнести использование различных заголовков в тексте. Для заг...
Листинг 1 3
Листинг 1.3<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3,org/TR/html4/strict.dtd"><html><head><title> Отображение заголовков</title...
Окно браузера с результатом отображения файла приведенного в Листинге 1 3
Рисунок 1.3. Окно браузера с результатом отображения файла, приведенного в Листинге 1.3Теги заголовков обладают тем же набором параметров, что и недавно рассмотренные теги <span> и <div&g...
Используемые символы
Используемые символы А теперь обратимся к политике используемых символов в HTML. Как известно, в компьютерах каждый символ все-таки на самом деле является неким числом. И операционная си...
Цвета и единицы измерения
Цвета и единицы измерения В коде HTML-документа нам всегда придется указывать размеры тех или иных объектов оформления Web-страницы, а также цветовые свойства этих объектов. В HTML предусмотрены с...
Таблица 1 2 Цветовые обозначения
Таблица 1.2. Цветовые обозначения Цвет Шестнадцатеричный код Буквенное обозначение Черный #000000 Black Серебряный #СОСОСО SHver Серый #808080 Gray Белый #FFFFFF White...
Оформление текста
Оформление текста Как известно, основное наполнение Web-страниц — это все-таки текст. За редким исключением специальных сайтов-галерей. Поэтому неудивительно, что в HTML введено столько различных...
Листинг 1 4
Листинг 1.4 <!DOCTYPE1HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/striet.dtd"><html><head><title> Горизонтальное выравнивание a63...
Окно браузера с результатом отображения файла приведенного в листинге 1 4
Рисунок 1.4. Окно браузера с результатом отображения файла, приведенного в листинге 1.4 Иногда для того, чтобы сильнее отделить один абзац от другого, создатели Web-страниц пытаются использовать п...
Листинг 1 5
Листинг 1.5<!DOGTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html> .<head><title> Принудительные разрывы cтрок&l...
Окно браузера с результатом отображения файла приведенного в листинге 1 5
Рисунок 1.5. Окно браузера с результатом отображения файла, приведенного в листинге 1.5 Тег <br> помимо всеобщих параметров идентификации обладает еще параметром clear, который применяется д...
Листинг 1 6
Листинг 1.6.<!DOCTYPE HTML PUBLIC "-//W3C//DTO HTML*4.01//EN""http://www.wa.org/TR/html4/stcict.dtci"><html><head><title> Размер сиволов</tit1е>&l...
Окно браузера с результатом отображения файла приведенного в листинге 1 6
Рисунок 1.6. Окно браузера с результатом отображения файла, приведенного в листинге 1.6 Но мы рассмотрели применение только одного атрибута тега < font >. На очереди — процедура установки цв...
Листинг 1 7
Листинг 1.7.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""htfcp://www.w3.org/TR/html4/strict.dtdH><html><head><title> Начертания cимволов</title>&l...
Окно браузера с результатом отображения файла приведенного в листинге 1 7
Рисунок 1.7. Окно браузера с результатом отображения файла, приведенного в листинге 1.7...
Листинг 1 8
Листинг 1.8<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Стандартные варианты отображения&...
Окно браузера с результатом отображения файла приведенного в листинге 1 8
Рисунок 1.8. Окно браузера с результатом отображения файла, приведенного в листинге 1.8 Очень часто возникает необходимость разместить на Web-странице текст, заранее приготовленный при помощи како...
Листинг 1 9
Листинг 1.9<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Bepxние и нижние индексы</titl...
Окно браузера с результатом отображения файла приведенного в листинге 1 9
Рисунок 1.9. Окно браузера с результатом отображения файла, приведенного в листинге 1.9 Также к текстовому оформлению относятся горизонтальные линии, которыми часто отделяют значимые части текстов...
Листинг 1 10
Листинг 1.10<!DOCTYPE HTML POBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><body><р>Это обычная линия, отоб...
Графика и мультимедиа
Графика и мультимедиа Вторым по значимости компонентом наполнения Web-страниц после текста, несомненно, будет графическое оформление. Это различного рода рисунки, фотографии и, может даже, видеокл...
Листинг 1 11
Листинг 1.11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/htm!4/strict.dtd"><html> > .<head> ,<1:11:1е>Рисунки и TeKCT</t...
Окно браузера с результатом отображения файла приведенного в листинге 1 11
Рисунок 1.11. Окно браузера с результатом отображения файла, приведенного в листинге 1.11 В этом примере мы использовали чистый тег вставки изображения без каких-либо дополнительных параметров. Ка...
Листинг 1 12
Листинг 1.12<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>Рисунки и текст</title> &...
Окно браузера с результатом отображения файла приведенного в листинге 1 12
Рисунок 1.12. Окно браузера с результатом отображения файла, приведенного в листинге 1.12...
Листинг 1 13
Листинг 1.13<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/striqt.dtd"><html> -<head> '<title>PMcyHKM и TeKCT</title>...
Окно браузера с результатом отображения файла приведенного в листинге 1 13
Рисунок 1.13. Окно браузера с результатом отображения файла, приведенного в листинге 1.13 В данном примере мы установили вертикальное выравнивание посередине, т. е. первая строка текста, находящег...
Листинг 1 14
Листинг 1.14<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http : / /www . w3 . org/TR/html4 /strict . dtd"><html>. <head><title>Видео</title>...
Окно браузера с результатом отображения файла приведенного в листинге 1 14
Рисунок 1.14. Окно браузера с результатом отображения файла, приведенного в листинге 1.14 Естественно, так как процедура вставки видеофрагмента в тело Web-страницы является частным случаем вставки...
Гиперссылки
Гиперссылки Гиперссылки являются основным достоинством Web-страниц. Это, по сути, и есть ядро всемирной паутины. Тем, без чего бы она так и осталась просто еще одним средством отображения документ...
Листинг 1 15
Листинг 1.15 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html47strict.dtd"><html> <head><title>Гиперссылки</title> <...
Окно браузера с результатом отображения файла приведенного в листинге 1 15
Рисунок 1.15. Окно браузера с результатом отображения файла, приведенного в листинге 1.15 Как легко увидеть на Рисунок 1.15, гиперссылка также выделяется цветом, чтобы ее можно было отличить от об...
Листинг 1 16
Листинг 1.16<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>Гиперссылки</title><bo...
Окно браузера с результатом отображения файла приведенного в листинге 1 16
Рисунок 1.16. Окно браузера с результатом отображения файла, приведенного в листинге 1.16 Следует отметить, что если текст, на который указывает гиперссылка, уже отображен в окне просмотра, как эт...
Листинг 1 17
Листинг 1.17!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/htm!4/strict.dtd"><html><head><title>Ceгментированная графика</title&g...
Листинг 1 17
Листинг 1.17 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Chapter 2</title><link...
Списки
Списки В идеале, вопросы оформления списков мы должны были рассматривать в разд. "Оформление текста" ранее в этой главе, так как списки тоже состоят из текстовых строк и абзацев. Но тема...
Листинг 1 18
Листинг 1.18<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>Mapкированный список</title&...
Окно браузера с результатом отображения файла приведенного в листинге 1 18
Рисунок 1.17. Окно браузера с результатом отображения файла, приведенного в листинге 1.18 В нашем примере мы использовали теги без параметров, поэтому браузером были применены установки по умолчан...
Листинг 1 19
Листинг 1.19<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Mapкированный список</title&g...
Окно браузера с результатом отображения файла приведенного в листинге 1 19
Рисунок 1.18. Окно браузера с результатом отображения файла, приведенного в листинге 1.19 Необходимо отметить, что как именно будет отображен маркер того или иного типа зависит только от браузера,...
Листинг 1 20
Листинг 1.20 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"></title>Нумерованный cписок</title><body><ol>...
Окно браузера с результатом отображения файла приведенного в листинге 1 20
Рисунок 1.19. Окно браузера с результатом отображения файла, приведенного в листинге 1.20 Опять-таки, при использовании стандартных "умолчальных" значений нумерованный список выглядит пр...
Листинг 1 21
Листинг 1.21<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http: //www.w3.org/TR/html4/strict.dtd"><html><head><title>Hyмepoванный cписок</title&g...
Листинг 1 22
Листинг 1.22<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Вложенные списки</title>&l...
Окно браузера с результатом отображения файла приведенного в листинге 1 21
Рисунок 1.20. Окно браузера с результатом отображения файла, приведенного в листинге 1.21...
Окно браузера с результатом отображения файла приведенного в листинге 1 22
Рисунок 1.21. Окно браузера с результатом отображения файла, приведенного в листинге 1.22 Мы можем также создавать многоуровневые вложенные списки, совмещая при маркированные и нумерованные элемен...
Листинг 1 23
Листинг 1.23 DOCTYPE HTML PUBLIC '.'-//WSCX/DTD HTML 4.01//EN"tp: //www. w3.org/TR/html4/strict.dtd"><bead><title> Вложенные списки</title><body><li>Перв...
Окно браузера с результатом отображения файла приведенного в листинге 1 23
Рисунок 1.22. Окно браузера с результатом отображения файла, приведенного в листинге 1.23...
Листинг 1 23
Листинг 1.23<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//BN"http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Cписок определений</head><bod...
Таблицы
Таблицы Таблицы являются одной из важнейших форм визуальной организации информации, располагающейся на Web-страницах. Это не просто средство отображения таблиц, включенных в состав Web-страниц. Эт...
Листинг 1 25
Листинг 1.25 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Простейшая таблица </title&g...
Окно браузера с результатом отображения файла приведенного в листинге 1 25
Рисунок 1.24. Окно браузера с результатом отображения файла, приведенного в листинге 1.25...
Листинг 1 26
Листинг 1.26<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http : / /www . w3 . org/TR/htm!4 /strict . dtd"><html><head><title>Простейшая таблица <...
Окно браузера с результатом отображения файла приведенного в листинге 1 26
Рисунок 1.25. Окно браузера с результатом отображения файла, приведенного в листинге 1.26 Но это был самый простой способ создания таблиц, когда в ее состав входят только основные строки. На самом...
Листинг 1 27
Листинг 1.27 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.4td"><html><head><title>Таблица </title></head...
Окно браузера с результатом отображения файла приведенного в листинге 1 27
Рисунок 1.26. Окно браузера с результатом отображения файла, приведенного в листинге 1.27 Как видно, заголовок таблицы, хоть и относится, строго говоря, к таблице, во отображается вне ее самой. За...
Листинг 1 28
Листинг 1.28<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.4td"><html><head><title>Таблица </title></head&...
Окно браузера с результатом отображения файла приведенного в листинге 1 28
Рисунок 1.27. Окно браузера с результатом отображения файла, приведенного в листинге 1.28 Из листинга легко увидеть, что содержимым всех рассматриваемых нами структурных частей таблицы по-прежнему...
Листинг 1 28
Листинг 1.28<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head></head><body><р>Это обычны...
Окно браузера с результатом отображения файла приведенного в листинге 1 29
Рисунок 1.28. Окно браузера с результатом отображения файла, приведенного в листинге 1.29 Из листинга видно, что в так называемой "шапке" таблицы, мы объявили ячейки при помощи тегов <...
Листинг 1 30
Листинг 1.30 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http: //www, w3.org/TR/html4 /strict. dtd"><html> <head></head><body><table bor...
Окно браузера с результатом отображения файла приведенного в листинге 1 30
Рисунок 1.29. Окно браузера с результатом отображения файла, приведенного в листинге 1.30 Теперь посмотрим, что у нас получилось (Рисунок 1.29). Самую первую ячейку мы объединили по вертикали и яв...








Начало