Пакет Adobe GoLive
Пакет Adobe GoLive
Глава 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"fhtmlhead .title0peuMbi/title/headframeset мы разместили два тега frame. Обстоятельнытй
Листинг 1 32
Листинг 1.32!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"htmlheadtitletpeftMbi/title!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"html headtitle?opMbi/title :html head , titletopMbK/title /headinput type="subm
Листинг 1 35
Листинг 1.35!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http: //www. w3.org/TR/htm!4/Strict.dtd"htmlheadtitletopMfci/title!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.Q1//EN""http://www.w3.org/TR/html4/strict.dtd"html headtitleOopMbi/title /head
Окно браузера с результатом отображения файла приведенного в листинге 1 36
Окно браузера с результатом отображения файла, приведенного в листинге 1 .36 Для создания подобных текстовых пометок и заголовков, связанных с конкретными элементами ввода данных, м
Использование сценариев
Использование сценариев В рамках HTML мы обладаем возможностью использовать при создании Web-страниц специальный вид программ, называемых сценариями или скриптами. Они очень тесно связаны с технол
Структура HTMLдокумента
Структура HTML-документа Конструкции HTML называются тегами. Для того, чтобы браузер мог отличить их от обычного текста, они заключаются в угловые скобки. Тег обозначает начало действия какой-либо
Результат просмотра в браузере файла приведенного в листинге 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"htmlheadtitle Отображение div-блоков/titl
Окно браузера с результатом отображения файла приведенного в листинге 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"htmlheadtitle Отображение заголовков/title
Окно браузера с результатом отображения файла приведенного в Листинге 1 3
Окно браузера с результатом отображения файла, приведенного в Листинге 1.3Теги заголовков обладают тем же набором параметров, что и недавно рассмотренные теги span и div!DOCTYPE1HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/striet.dtd"htmlheadtitle Горизонтальное выравнивание a63
Окно браузера с результатом отображения файла приведенного в листинге 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 .headtitle Принудительные разрывы cтрокbr помимо всеобщих параметров идентификации обладает еще параметром clear, который применяется д
Листинг 1 6
Листинг 1.6.!DOCTYPE HTML PUBLIC "-//W3C//DTO HTML*4.01//EN""http://www.wa.org/TR/html4/stcict.dtci"htmlheadtitle Размер сиволов/tit1е font . На очереди — процедура установки цв
Листинг 1 7
Листинг 1.7.!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""htfcp://www.w3.org/TR/html4/strict.dtdHhtmlheadtitle Начертания cимволов/title!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"htmlheadtitleСтандартные варианты отображения!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"htmlheadtitleBepxние и нижние индексы/titl
Окно браузера с результатом отображения файла приведенного в листинге 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"htmlheadbodyрЭто обычная линия, отоб
Графика и мультимедиа
Графика и мультимедиа Вторым по значимости компонентом наполнения 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 12
Листинг 1.12!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"html headtitleунки и текст/title !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/striqt.dtd"html -head 'titlePMcyHKM и TeKCT/title!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http : / /www . w3 . org/TR/html4 /strict . dtd"html. headtitleВидео/title
Окно браузера с результатом отображения файла приведенного в листинге 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 headtitleГиперссылки/title
Окно браузера с результатом отображения файла приведенного в листинге 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 headtitleГиперссылки/titlebo
Окно браузера с результатом отображения файла приведенного в листинге 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"htmlheadtitleCeгментированная графика/title!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"htmlheadtitleChapter 2/titlelink
Списки
Списки В идеале, вопросы оформления списков мы должны были рассматривать в разд. "Оформление текста" ранее в этой главе, так как списки тоже состоят из текстовых строк и абзацев. Но тема
Листинг 1 18
Листинг 1.18!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"html headtitleMapкированный список/title!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"htmlheadtitleMapкированный список/title!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"/titleНумерованный cписок/titlebodyol!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http: //www.w3.org/TR/html4/strict.dtd"htmlheadtitleHyмepoванный cписок/title!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"htmlheadtitleВложенные списки/titlebeadtitle Вложенные списки/titlebodyliПерв
Окно браузера с результатом отображения файла приведенного в листинге 1 23
Окно браузера с результатом отображения файла, приведенного в листинге 1.23
Листинг 1 23
Листинг 1.23!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//BN"http://www.w3.org/TR/html4/strict.dtd"htmlheadtitleCписок определений/headbod
Таблицы
Таблицы Таблицы являются одной из важнейших форм визуальной организации информации, располагающейся на Web-страницах. Это не просто средство отображения таблиц, включенных в состав Web-страниц. Эт
Листинг 1 25
Листинг 1.25 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"htmlheadtitleПростейшая таблица /title!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http : / /www . w3 . org/TR/htm!4 /strict . dtd"htmlheadtitleПростейшая таблица !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.4td"htmlheadtitleТаблица /title/head
Окно браузера с результатом отображения файла приведенного в листинге 1 27
Окно браузера с результатом отображения файла, приведенного в листинге 1.27 Как видно, заголовок таблицы, хоть и относится, строго говоря, к таблице, во отображается вне ее самой. За
Листинг 1 28
Листинг 1.28!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.4td"htmlheadtitleТаблица /title/head!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"htmlhead/headbodyрЭто обычны
Окно браузера с результатом отображения файла приведенного в листинге 1 29
Окно браузера с результатом отображения файла, приведенного в листинге 1.29 Из листинга видно, что в так называемой "шапке" таблицы, мы объявили ячейки при помощи тегов !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http: //www, w3.org/TR/html4 /strict. dtd"html head/headbodytable bor
Окно браузера с результатом отображения файла приведенного в листинге 1 30
Окно браузера с результатом отображения файла, приведенного в листинге 1.30 Теперь посмотрим, что у нас получилось (Самую первую ячейку мы объединили по вертикали и яв
