1 некоторые поисковые машины работают титулами длиной более символов

1 точка запятой является частью escape последовательности bestreferat шпаргалки">
   Банк рефератов содержит более 364 тысяч рефератов, курсовых и дипломных работ, шпаргалок и докладов по различным дисциплинам: истории, психологии, экономике, менеджменту, философии, праву, экологии. А также изложения, сочинения по литературе, отчеты по практике, топики по английскому.
Полнотекстовый поиск
Всего работ:
364139
Теги названий
Введите первые буквы слова
Разделы
Авиация и космонавтика (304)
Административное право (123)
Арбитражный процесс (23)
Архитектура (113)
Астрология (4)
Астрономия (4814)
Банковское дело (5227)
Безопасность жизнедеятельности (2616)
Биографии (3423)
Биология (4214)
Биология и химия (1518)
Биржевое дело (68)
Ботаника и сельское хоз-во (2836)
Бухгалтерский учет и аудит (8269)
Валютные отношения (50)
Ветеринария (50)
Военная кафедра (762)
ГДЗ (2)
География (5275)
Геодезия (30)
Геология (1222)
Геополитика (43)
Государство и право (20403)
Гражданское право и процесс (465)
Делопроизводство (19)
Деньги и кредит (108)
ЕГЭ (173)
Естествознание (96)
Журналистика (899)
ЗНО (54)
Зоология (34)
Издательское дело и полиграфия (476)
Инвестиции (106)
Иностранный язык (62791)
Информатика (3562)
Информатика, программирование (6444)
Исторические личности (2165)
История (21319)
История техники (766)
Кибернетика (64)
Коммуникации и связь (3145)
Компьютерные науки (60)
Косметология (17)
Краеведение и этнография (588)
Краткое содержание произведений (1000)
Криминалистика (106)
Криминология (48)
Криптология (3)
Кулинария (1167)
Культура и искусство (8485)
Культурология (537)
Литература : зарубежная (2044)
Литература и русский язык (11657)
Логика (532)
Логистика (21)
Маркетинг (7985)
Математика (3721)
Медицина, здоровье (10549)
Медицинские науки (88)
Международное публичное право (58)
Международное частное право (36)
Международные отношения (2257)
Менеджмент (12491)
Металлургия (91)
Москвоведение (797)
Музыка (1338)
Муниципальное право (24)
Налоги, налогообложение (214)
Наука и техника (1141)
Начертательная геометрия (3)
Оккультизм и уфология (8)
Остальные рефераты (21692)
Педагогика (7850)
Политология (3801)
Право (682)
Право, юриспруденция (2881)
Предпринимательство (475)
Прикладные науки (1)
Промышленность, производство (7100)
Психология (8692)
психология, педагогика (4121)
Радиоэлектроника (443)
Реклама (952)
Религия и мифология (2967)
Риторика (23)
Сексология (748)
Социология (4876)
Статистика (95)
Страхование (107)
Строительные науки (7)
Строительство (2004)
Схемотехника (15)
Таможенная система (663)
Теория государства и права (240)
Теория организации (39)
Теплотехника (25)
Технология (624)
Товароведение (16)
Транспорт (2652)
Трудовое право (136)
Туризм (90)
Уголовное право и процесс (406)
Управление (95)
Управленческие науки (24)
Физика (3462)
Физкультура и спорт (4482)
Философия (7216)
Финансовые науки (4592)
Финансы (5386)
Фотография (3)
Химия (2244)
Хозяйственное право (23)
Цифровые устройства (29)
Экологическое право (35)
Экология (4517)
Экономика (20644)
Экономико-математическое моделирование (666)
Экономическая география (119)
Экономическая теория (2573)
Этика (889)
Юриспруденция (288)
Языковедение (148)
Языкознание, филология (1140)

Реферат: , и <TITLE> эквивалентны.<br /> </div> <div ID="sdfootnote2"> <br />1 некоторые поисковые машины не работают с титулами длиной более 64 символов<br /> </div> <div ID="sdfootnote3"> <br />1 Точка с запятой является частью escape последовательности,</h1> <table width='100%' class='list_table'> <tr> <td class='border_cell'> Название: , <TITLE> и <TITLE> эквивалентны.<br /> </div> <div ID="sdfootnote2"> <br />1 некоторые поисковые машины не работают с титулами длиной более 64 символов<br /> </div> <div ID="sdfootnote3"> <br />1 Точка с запятой является частью escape последовательности,<br> Раздел: <a href='/referat-category-27-1.html'>Остальные рефераты</a><br> Тип: <strong>реферат</strong> Добавлен 20:35:59 17 ноября 2011 <a href='/referat-like-407691-1.html'>Похожие работы</a><br> Просмотров: 1132 Комментариев: 0 Оценило: 0 человек Средний балл: 0 Оценка: <span style=''>неизвестно</span>     <a href='/files/91/bestreferat-407691.docx'>Скачать</a> </td></tr> <tr> <td valign='top' width='70%' class='border_cell'> <p style="text-align:center;"><i>Министерство образования и науки РФ</i> </p> <p style="text-align:center;"><i>Муниципальное общеобразовательное учреждение</i> </p> <p style="text-align:center;"><i>средняя общеобразовательная школа № 7</i> </p> <p style="text-align:center;"><b>Реферат</b> </p> <p style="text-align:center;">по информатике на тему:</p> <p style="text-align:center;"><b><i>«Язык гипертекстовой разметки </i> </b> <b><i>HTML</i> </b> <b><i>»</i> </b> </p> <p style="text-align:right;"><i>Выполнила:</i> </p> <p style="text-align:right;"><i>учащаяся 11Б класса</i> </p> <p style="text-align:right;"><i>МОУСОШ № 7</i> </p> <p style="text-align:right;"><i>Мельникова Евгения</i> </p> <p style="text-align:right;"><i>Проверил:</i> </p> <p style="text-align:right;"><i>учитель информатики</i> </p> <p style="text-align:right;"><i>Стариков</i> </p> <p style="text-align:right;"><i>Валерий Алексеевич</i> </p> <p style="text-align:center;"><i>Новочеркасск</i> </p> <p><i>2007</i> <br> <a name="_Toc164404862"></a> <a name="_Toc164403498"></a> <a name="_Toc163190205">Содержание</a> </p> <p><a href="#_Toc166378842">Введение. - 3 -</a> </p> <p><a href="#_Toc166378843">Основная часть. - 4 -</a> </p> <p><a href="#_Toc166378844">Что такое HTML? - 4 -</a> </p> <p><a href="#_Toc166378845">Зачем нужно изучать HTML? - 4 -</a> </p> <p><a href="#_Toc166378846">Что Вам понадобится для освоения HTML? - 4 -</a> </p> <p><a href="#_Toc166378847">Краткая история HTML - 5 -</a> </p> <p><a href="#_Toc166378848">Тэги HTML - 6 -</a> </p> <p><a href="#_Toc166378849">Структура Web-страницы. - 6 -</a> </p> <p><a href="#_Toc166378850">Уровни заголовков <Hx> - 7 -</a> </p> <p><a href="#_Toc166378851">Escape последовательности (символьные объекты). - 8 -</a> </p> <p><a href="#_Toc166378852">Тэг абзаца <P> - 8 -</a> </p> <p><a href="#_Toc166378853">Центрирование элементов документа - 8 -</a> </p> <p><a href="#_Toc166378854">Элемент <PRE> </PRE> - 9 -</a> </p> <p><a href="#_Toc166378855">Фоновые рисунки - 9 -</a> </p> <p><a href="#_Toc166378856">Управление цветом. - 9 -</a> </p> <p><a href="#_Toc166378857">Раскладка цветовой гаммы по RGB-составляющим - 10 -</a> </p> <p><a href="#_Toc166378858">Стили в HTML. - 12 -</a> </p> <p><a href="#_Toc166378859">Тэги списков - 12 -</a> </p> <p><a href="#_Toc166378860">Нумерованные списки - 13 -</a> </p> <p><a href="#_Toc166378861">Ненумерованные списки - 13 -</a> </p> <p><a href="#_Toc166378862">Список определений - 13 -</a> </p> <p><a href="#_Toc166378863">Гипертекстовые ссылки - 13 -</a> </p> <p><a href="#_Toc166378864">HTML-графика. - 13 -</a> </p> <p><a href="#_Toc166378865">Размеры изображений - 14 -</a> </p> <p><a href="#_Toc166378866">Пример включения графики в документ: - 14 -</a> </p> <p><a href="#_Toc166378867">Размещение изображений - 14 -</a> </p> <p><a href="#_Toc166378868">Размещение графики в тексте - 14 -</a> </p> <p><a href="#_Toc166378869">Изображения без текста - 15 -</a> </p> <p><a href="#_Toc166378870">Альтернативный текст для графики - 15 -</a> </p> <p><a href="#_Toc166378871">Фоновые изображения - 15 -</a> </p> <p><a href="#_Toc166378872">Внешние изображения, звуки, анимация. - 15 -</a> </p> <p><a href="#_Toc166378873">Таблицы - 16 -</a> </p> <p><a href="#_Toc166378874">Базовые элементы таблиц - 16 -</a> </p> <p><a href="#_Toc166378875">Атрибуты таблиц - 17 -</a> </p> <p><a href="#_Toc166378876">Формат таблиц - 17 -</a> </p> <p><a href="#_Toc166378877">Другие элементы HTML-таблиц. - 18 -</a> </p> <p><a href="#_Toc166378878">Формы на Web-страницах - 19 -</a> </p> <p><a href="#_Toc166378879">Цель и место размещения документа Web - 20 -</a> </p> <p><a href="#_Toc166378880">Тестирование и публикация Web-сайта. - 20 -</a> </p> <p><a href="#_Toc166378881">Несколько полезных советов по оформлению сайта. - 21 -</a> </p> <p><a href="#_Toc166378882">Учебно-методический комплекс по теме «HTML». - 22 -</a> </p> <p><a href="#_Toc166378883">Пояснительная записка. - 22 -</a> </p> <p><a href="#_Toc166378884">Презентация Power Point. - 23 -</a> </p> <p><a href="#_Toc166378885">Исследование MS EXCEL. - 23 -</a> </p> <p><a href="#_Toc166378886">Тестовая программа на языке Visual Basic. - 23 -</a> </p> <p><a href="#_Toc166378887">Web-страница. - 25 -</a> </p> <p><a href="#_Toc166378888">Руководство пользователя. - 26 -</a> </p> <p><a href="#_Toc166378889">Заключение. - 27 -</a> </p> <p><a href="#_Toc166378890">Литература. - 29 -</a> </p> <p><br> <a name="_Toc166378842"></a> <a name="_Toc164404863">Введение.</a> </p> <p><a name="_Toc164404864"></a> </p> <p>Данная тема — «Язык гипертекстовой разметки HTML» — выбрана мною не случайно. Ведь век, в который мы живем — век компьютерный. Количество информации в современном мире стремительно нарастает. Человек оказывается погруженным в море информации. И для того, чтобы в этом море не «утонуть», необходимо обладать знаниями и умениями в области информационных технологий. Компьютерные сети создают реальную возможность быстрого и удобного доступа пользователя ко всей информации, накопленной человечеством за всю историю. Еще 10 лет назад казалось невозможным, что Internet станет неотъемлемой частью жизни человека. А сейчас электронная почта и телеконференции, поиск информации во Всемирной паутине и в файловых архивах, интерактивное общение и покупки в Интернет-магазинах настолько прочно вошли в нашу жизнь, что трудно представить себе человека живущего без Internet’а.</p> <p>А, если разобраться подробнее, из чего состоит Internet? Из Web-сайтов и Web-страниц, <i>которые пишутся на языке </i> <i>HTML</i> . Мне, как и каждому, хотелось научиться создавать свои собственные Web-страницы. Поэтому я начала изучать язык гипертекстовой разметки. И это оказалось настолько интересно, что, выбирая тему реферата, я, конечно, выбрала именно HTML. И в своем реферате я подробно (и понятно) рассказала все, что я узнала за время изучения. Сейчас существует множество различных самоучителей и учебников, в которых тоже подробно и понятно рассказывается об HTML. Но может, именно мой реферат поможет кому-то из новичков освоить эту интереснейшую тему.</p> <p><a name="_Toc166378843"></a> <a name="_Toc164404865">Основная часть.</a> </p> <p><a name="_Toc166378844">Что такое HTML?</a> </p> <p> </p> <p>· <b>HyperText </b> <b>Markup </b> <b>Language (HTML)</b> является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB. HTML-документы могут просматриваться различными типами WEB-браузеров. Когда документ создан с использованием HTML, WEB-браузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. </p> <p>Большинство документов имеют стандартные элементы, такие, как заголовок, параграфы или списки. Используя тэги HTML можно обозначать данные элементы, обеспечивая WEB-браузеры минимальной информацией для отображения данных элементов, сохраняя в целом общую структуру и информационную полноту документов. Все что необходимо, чтобы прочитать HTML-документ — это WEB-браузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор.</p> <p><a name="_Toc166378845">Зачем нужно изучать HTML?</a> </p> <p>Можно работать на Web без знания языка HTML, так как тексты HTML могут создаваться различными специальными редакторами и конвертерами. Однако писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или производят плохой HTML код, который не работает на различных платформах. </p> <p>Способы, которыми теги HTML могут сочетаться, определяются терминами элементов и их классификацией. Гораздо удобнее определить, например, что элемент H1 может содержать только текстовые элементы, чем давать длинный список подходящих элементов, особенно, если учесть, что один и тот же список должен появляться во многих контекстах, и этот список может изменяться при добавлении новых текстовых элементов к будущим версиям HTML. </p> <p>На самом деле это не так. HTML не является языком программирования, это язык разметки текстовых документов. В нем необязательно точное соответствие синтаксису, объявление переменных, описание процедур и классов и прочих атрибутов «обычных» языков программирования. Если вы не укажете такой важный элемент как TITLE или BODY, то браузер просто будет использовать соответствующее значение по умолчанию. Если вы сделаете синтаксическую ошибку, самое страшное, что случится — искажение вида документа в окне браузера, при котором ошибку легко найти и исправить. Вы никогда не будете мучиться с отладкой текста, как всегда случается при написании более-менее сложных программ на языке программирования. Вы сами не заметите, как начнете с легкостью писать HTML-код самостоятельно. </p> <p><a name="_Toc166378846">Что Вам понадобится для освоения HTML?</a> </p> <p>Для освоения HTML Вам понадобятся две вещи: </p> <p>P Любой браузер, т.е., программа, пригодная для просмотра HTML-файлов.</p> <p>P Любой редактор текстовых файлов, поддерживающий русский язык в выбранной Вами кодировке. Если на Вашем компьютере установлен Windows, вполне подойдет Notepad. </p> <p><i>В настоящее время широко используются два типа редакторов HTML: </i> </p> <p>Редакторы типа «что видишь, то и получишь» (Netscape Navigator Gold, Microsoft Front Page). Пользователь не видит «внутренностей» документа, с которым он работает, точно так же, как при работе с текстовым процессором типа Microsoft Word или Word Perfect. Кстати говоря, существует довольно много конвертеров, способных преобразовывать документы, созданные в Microsoft Word или Word Perfect, в HTML-документы. </p> <p>Редакторы собственно HTML-текстов (HotDog, Ken Nesbitt Web Editor и многие другие). В процессе работы пользователь видит внутреннее содержание HTML-файла и может изменять его либо вручную, либо вызывая команды меню для вставки определенных элементов HTML. Работа с таким редактором очень похожа на работу с интерактивной средой программирования типа Microsoft Visual Basic или Borland Delphi.</p> <p><a name="_Toc166378847">Краткая история HTML</a> </p> <p>Язык HTML был разработан Тимом Бернерс-Ли во время его работы в CERN и распространен браузером Mosaic, разработанным в NCSA. В 1990-х годах он добился особенных успехов благодаря быстрому росту Web. В это время HTML был расширен и дополнен. В Web очень важно использование одних и тех же соглашений HTML авторами Web-страниц и производителями. Это явилось причиной совместной работы над спецификациями языка HTML. </p> <p>HTML 2.0 (ноябрь 1995, см. [RFC1866]) был разработан под эгидой Internet Engineering Task Force (IETF) для упорядочения общепринятых положений в конце 1994 года. HTML+ (1993) и HTML 3.0 (1995) — это более богатые версии языка HTML. Несмотря на то, что в обычных дискуссиях согласие никогда не было достигнуто, эти черновики привели к принятию ряда новых свойств. Усилия Рабочей группы World Wide Web Consortium по HTML в упорядочении общепринятых положений в 1996 привели к версии HTML 3.2.</p> <p>Большинство людей признают, что документы HTML должны работать в различных браузерах и на разных платформах. Достижение совместимости снижает расходы авторов, поскольку они могут разрабатывать только одну версию документа. В противном случае возникает еще больший риск, что Web будет представлять собой смесь личных несовместимых форматов, что в конечном счете приведет к снижению коммерческого потенциала Web для всех участников. </p> <p>В каждой версии HTML предпринималась попытка отразить все большее число соглашений между работниками и пользователями этой индустрии, чтобы усилия авторов не были потрачены впустую, а их документы не стали бы нечитаемыми в короткий срок. </p> <p>Язык HTML разрабатывался с той точки зрения, что все типы устройств должны иметь возможность использовать информацию в Web: персональные компьютеры с графическими дисплеями с различным разрешением и числом цветов, сотовые телефоны, переносные устройства, устройства для вывода и ввода речи, компьютеры с высокой и низкой частотой и т.д.</p> <p><a name="_Toc166378848">Тэги HTML</a> </p> <p>Документ HTML состоит из элементов, примерами которых могут служить заголовки, параграфы, таблицы, списки и т.п. Элемент может представлять собой обычный текст или содержать внутри другие элементы. </p> <p>Для обозначения различных элементов в HTML служат тэги (tag). Тэг HTML состоит из:</p> <p>- левой открывающей скобки <,</p> <p>- имени тэга с параметрами или без них</p> <p>- правой закрывающей скобки >.</p> <p>Тэги часто используются парами (например, <H1> и </H1>), в которых первый тэг задает начало элемента, второй — его окончание. Завершающий тэг имеет то же имя, что и стартовый, но перед именем ставится косая черта /. Завершающие тэги не имеют параметров. Некоторые элементы могут включать атрибуты, включаемые в качестве параметров в стартовые тэги<a href="#_ftn1" name="_ftnref1">[1]</a> . </p> <p>Не все тэги поддерживаются всеми браузерами. Если какой-либо браузер не поддерживает какой-либо тэг, то он обычно этот тэг просто игнорирует. </p> <p>Элементы HTML можно классифицировать на три основные категории: </p> <p>P заголовочные элементы, т.е. элементы, используемые в элементе HEAD («шапка», заголовок) и содержащие информацию о документе в целом: TITLE, ISINDEX, BASE, META, LINK, SCRIPT, STYLE </p> <p>P блоковые элементы, включающие элементы, которые специфицируют структуру документа, например, разделение на части и параграфы (абзацы): H1, H2, H3, H4, H5, H6, ADDRESS, и элементы P, UL, OL, DL, PRE, DIV, CENTER, BLOCKQUOTE, FORM, ISINDEX, HR, TABLE </p> <p>P текстовые элементы. Текстовыми элементами могут быть: </p> <p>- простой текст, возможно содержащий escape последовательности (например, &amp;) </p> <p>- выражения разметки: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE </p> <p>- разметка шрифта: TT, I, B, U, STRIKE, BIG, SMALL, SUB, SUP </p> <p>- специальные элементы: A, IMG, APPLET, FONT, BASEFONT, BR, SCRIPT, MAP </p> <p>- элементы формы: INPUT, SELECT, TEXTAREA</p> <p><a name="_Toc166378849"></a> <a name="_Toc164403500">Структура Web-страницы</a> .</p> <p>HTML</p> <p>Этот элемент говорит программе-навигатору о том, что файл содержит документ HTML. Расширение имени файла .html или .htm также говорит о таком содержимом документа.</p> <p>HEAD</p> <p>Этот элемент идентифицирует заголовок HTML-документа. Составными частями заголовка могут являться титул, мета-тэги и другие элементы. Титул выводится в окне навигатора (обычно в специальной строке сверху). </p> <p>TITLE</p> <p>Этот элемент содержит титул документа и идентифицирует его содержимое в глобальном контексте. Титул иногда выводится в специальном поле окна навигатора (обычно вверху), но не в основном окне. Содержимое этого поля выводится в некоторых каталогах и списках поисковых машин, поэтому следует делать титул максимально информативным. Поле титула используется при WAIS-поиске<a href="#_ftn2" name="_ftnref2">[2]</a> .</p> <p>Необязательно, но элемент HEAD может содержать следующие элементы в добавление к элементу TITLE: </p> <p>элемент BASE, задающий точный базовый адрес ссылок на URL </p> <p>элемент META, дающий различную метаинформацию, например дату истечения срока документа </p> <p>элемент LINK, который также задает метаинформацию, но уже о связях документа с другими документами </p> <p>элементы STYLE и SCRIPT. Ожидается, что в будущем это будут очень важные элементы, но сейчас они еще не используются (так как стандартизация находится в стадии развития).</p> <p>BODY</p> <p>Вторая и наибольшая по размерам часть документа HTML (тело документа), которая содержит контекст документа и отображается в окне навигатора. Описанные ниже тэги включаются между стартовым и оконечным тегами BODY</p> <p>Итак, самая простая Web-страница выглядит следующим образом:</p> <p><HTML> </p> <p><HEAD></p> <p><TITLE> </TITLE> </p> <p></HEAD></p> <p><BODY></p> <p></BODY></p> <p></HTML></p> <p>Переход на новую строку осуществляется с помощью тэга <BR>.</p> <p><NOBR></ NOBR ></p> <p>Этот элемент по своему действию является прямой противоположностью предыдущему. Текст, заключенный между его тегами, будет выведен в одну строку. Длинная строка не уместится на экране, и для ее просмотра придется использовать горизонтальную полосу прокрутки.</p> <p>Провести горизонтальную черту можно с помощью тэга <HR>.</p> <p>Параметры тэга:</p> <p>SIZE — толщина линии в пикселях.</p> <p>WIDTH — ширина линии в пикселях или процентах от ширина окна браузера.</p> <p>ALIGN — расположение на экране (слева/по центру/справа).</p> <p>NOSHADE — позволяет представить линию просто однотонной темной полоской.</p> <p><a name="_Toc166378850">Уровни заголовков <Hx></a> </p> <p>Когда пишется HTML-документ, текст структурно делится на просто текст, заголовки частей текста, заголовки более высокого уровня и т.д. Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий — 2, и т.д. Большинство браузеров поддерживает интерпретацию шести уровней заголовков, определяя каждому из них собственный стиль. Заголовки выше шестого уровня не являются стандартом и могут не поддерживаться браузером. Заголовок самого верхнего уровня имеет признак "1". Синтаксис следующий:</p> <p><Hx> Заголовок x-го уровня </Hx></p> <p>где x — цифра от 1 до 6, определяющая уровень заголовка.</p> <p><a name="_Toc166378851">Escape последовательности (символьные объекты).</a> </p> <p>Некоторые символы, такие как <, используются в HTML в специальном значении, поэтому должен существовать способ их выражения, как символьных данных внутри самого документа или в URL. Принято использовать следующие нотации (соответствия):</p> <table border="0"> <tr> <td> <p>символ обычное имя (имена) символа</p> </td> <td> <p>HTML запись символа (escape последовательность)</p> </td> </tr> <tr> <td> <p>< символ "меньше чем", левая угловая скобка</p> </td> <td> <p>&lt;<a href="#_ftn3" name="_ftnref3">[3]</a> </p> </td> </tr> <tr> <td> <p>> символ "больше чем", правая угловая скобка</p> </td> <td> <p>&gt;</p> </td> </tr> <tr> <td> <p>& амперсанд</p> </td> <td> <p>&amp;</p> </td> </tr> <tr> <td> <p>" двойные кавычки</p> </td> <td> <p>&quot;</p> </td> </tr> <tr> <td> <p>знак копирайт, ©</p> </td> <td> <p>&copy;</p> </td> </tr> <tr> <td> <p>знак зарегистрированной торговой марки, ®</p> </td> <td> <p>&reg;</p> </td> </tr> <tr> <td> <p>непрерывный пробел</p> </td> <td> <p>&nbsp;</p> </td> </tr> </table> <p>Двойные кавычки (") могут использоваться и в пределах обычного текста. </p> <p>В escape последовательности важен вариант написания символов, то есть различаются заглавные и строчные буквы. Например, амперсанд (&) не может быть представлен как &AMP вид записи. </p> <p><a name="_Toc166378852">Тэг абзаца <P></a> </p> <p>Элемент абзаца (paragraph) — один из самых полезных. Он позволяет использовать только начальный тег, так как следующий элемент <Р> обозначает конец предыдущего и начало следующего абзаца. Конечный тег удобно использовать в тех случаях, когда по смыслу необходимо обозначить конец абзаца. Вместе с элементом <Р> можно использовать атрибут выравнивания align.</p> <p><P ALIGN=left/center/right></p> <p>позволяют выравнивать абзац по левому краю, центру и правому краю соответственно.</p> <p> </p> <p> </p> <p><a name="_Toc166378853">Центрирование элементов документа</a> </p> <p>Можно <i><u>центрировать</u> </i> все элементы документа в окне браузера. Для этого можно использовать тэг <CENTER>. </p> <p>Все элементы между тэгами <CENTER> и </CENTER> будут находиться в центре окна</p> <p><a name="_Toc166378854">Элемент <</a> PRE> </PRE></p> <p>Элемент для обозначения текста, отформатированного заранее (preformatted). Подразумевается, что текст будет выведен в том виде, в каком он был подготовлен пользователем. Например, учитываются символы конца строки, появившееся при наборе текста в редакторе. Во всех других случаях браузер игнорирует эти символы. Этот элемент удобно использовать для демонстрации листингов программ или для вывода текстовых документов, переформатирование которых может привести к искажению их смысла.</p> <p> </p> <p><a name="_Toc166378855">Фоновые рисунки</a> </p> <p><b><i><u>Фоновый цвет</u> </i> </b> </p> <p>По умолчанию навигаторы выводят текст черными буквами на сером фоне. Однако пользователь может изменить цвет текста и фона по своему желанию. Некоторые Web-дизайнеры очень активно используют возможность смены цвета текста и символов. </p> <p>Можно изменить цвет всех текстовых элементов (собственно текста, ссылок, использованных ссылок и т.п.) независимо с помощью тега <BODY>. </p> <p><BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC"></p> <p>Приведенный выше фрагмент обеспечивает вывод белого текста (TEXT) на черном фоне (BGCOLOR), а ссылки будут серебристыми (LINK). </p> <p>Описание фонового рисунка включается в тэг BODY и выглядит следующим образом:</p> <p><BODY BACKGROUND="picture.gif"></p> <p>Итак,</p> <p>BGCOLOR — <i><u>цвет фона документа</u> </i> </p> <p>TEXT — <i><u>цвет простого текста документа</u> </i> </p> <p>LINK — <i><u>цвет ссылки</u> </i> </p> <p>Цвет задается шестизначным числом в шестнадцатеричном формате по схеме RGB (Red, Green, Blue). Цвет #000000 соответствует черному, а цвет #FFFFFF — белому. </p> <p><a name="_Toc166378856"></a> <a name="_Toc164403501">Управление цветом.</a> </p> <table border="0"> <tr> <td> <p>Стандартные цвета:</p> </td> <td> <p>Градации красного цвета</p> </td> <td> <p>Градации зеленого цвета</p> </td> <td> <p>Градации синего цвета</p> </td> <td> <p>Градации оранжевого цвета</p> </td> </tr> <tr> <td> <p>Аквамарин </p> <p>Белый </p> <p>Желтый </p> <p>Зеленый </p> <p>Каштановый </p> <p>Красный </p> <p>Оливковый </p> <p>Пурпурный </p> <p>Светло-зеленый </p> <p>Серебристый </p> <p>Серый </p> <p>Сизый </p> <p>Синий </p> <p>Ультрамарин </p> <p>Фуксиновый </p> <p>Черный </p> </td> <td> <p>#010000 </p> <p>#100000 </p> <p>#200000 </p> <p>#300000 </p> <p>#400000 </p> <p>#500000 </p> <p>#600000 </p> <p>#700000 </p> <p>#800000 </p> <p>#900000 </p> <p>#A00000 </p> <p>#B00000 </p> <p>#C00000 </p> <p>#D00000 </p> <p>#E00000 </p> <p>#FF0000 </p> </td> <td> <p>#000100 </p> <p>#001000 </p> <p>#002000 </p> <p>#003000 </p> <p>#004000 </p> <p>#005000 </p> <p>#006000 </p> <p>#007000</p> <p>#008000 </p> <p>#009000 </p> <p>#00A000 </p> <p>#00B000 </p> <p>#00C000 </p> <p>#00D000 </p> <p>#00E000 </p> <p>#00FF00 </p> </td> <td> <p>#000001 </p> <p>#000010 </p> <p>#000020 </p> <p>#000030 </p> <p>#000040 </p> <p>#000050 </p> <p>#000060 </p> <p>#000070</p> <p>#000080 </p> <p>#000090 </p> <p>#0000A0 </p> <p>#0000B0 </p> <p>#0000C0 </p> <p>#0000D0 </p> <p>#0000E0 </p> <p>#0000FF </p> </td> <td> <p>#FFB000 </p> <p>#FFA800 </p> <p>#FFA000 </p> <p>#FF9800 </p> <p>#FF9000 </p> <p>#FF8800 </p> <p>#FF8000 </p> <p>#FF7800 </p> <p>#FF7000 </p> <p>#FF6800 </p> <p>#FF6000 </p> <p>#FF5800</p> </td> </tr> </table> <p> </p> <p><a name="_Toc166378857">Раскладка цветовой гаммы по RGB-составляющим</a> </p> <p>Белоснежный (Snow) FFFAFA<br> Призрачно-белый(Ghostwhite) F8F8FF<br> Белый-антик (Antique White) FAEBD7<br> Кремовый (Cream) FFFBF0<br> Персиковый (Peachpuff) FFDAB9<br> Белый-навахо (Navajo White) FFDEAD<br> Шелковый оттенок (Cornsilk) FFF8DC<br> Слоновая кость (Ivory) FFFFF0<br> Лимонный (Lemon Chiffon) FFFACD<br> Морская раковина (Seashell) FFF5EE<br> Медовый (Honeydew) F0FFF0<br> Лазурный (Azure) F0FFFF<br> Бледно-лиловый (Lavender) E6E6FA<br> Голубой с красным отливом (Lavender Blush) FFF0F5<br> Тускло-розовый (Misty Rose) FFE4E1<br> Белый (White) FFFFFF<br> Черный (Black) 000000<br> Тускло-серый (Dim Gray) 696969<br> Синевато-серый (Slate Gray) 708090<br> Грифельно-серый (Light Slate Gray) 778899<br> Серый (Gray) BEBEBE<br> Светло-серый (Light Gray) C0C0C0<br> Серый нейтральный (Medium Gray) A0A0A4<br> Темно-серый (Dark Gray) 808080<br> Полуночно-синий (Midnight Blue) 191970<br> Темно-синий (Dark Blue) 000080<br> Васильковый (Cornflower) 6495ED<br> Грифельно-синий (Slate Blue) 6A5ACD<br> Светлый грифельно-синий (Light Slate Blue) 8470FF<br> Голубой королевский (Royal Blue) 4169E1<br> Синий (Blue) 0000FF<br> Небесно-голубой (Sky Blue) 87CEEB<br> Светлый небесно-голубой (Light Sky Blue) 87CEFA<br> Синий со стальным оттенком (Steel Blue) 4682B4<br> Голубой со стальным оттенком (Light Steel Blue) B0C4DE<br> Светло-синий (Light Blue) A6CAF0<br> Синий с пороховым оттенком (Powder Blue) B0E0E6<br> Бледно-бирюзовый (Pale Turquoise) AFEEEE<br> Бирюзовый (Turquoise) 40E0D0<br> Зеленовато-голубой (Cyan) 00FFFF<br> Светлый циан (Light Cyan) E0FFFF<br> Темный циан (Dark Cyan) 008080<br> Серо-синий (Cadet Blue) 5F9EA0<br> Аквамарин (Aquamarine) 7FFFD4<br> Цвет морской волны (Seagreen) 54FF9F<br> Светлая морская волна (Light Seagreen) 20B2AA<br> Бледно-зеленый (Pale Green) 98FB98<br> Весенний зеленый (Spring Green) 00FF7F<br> Зеленая лужайка (Lawn Green) 7CFC00<br> Зеленый (Green) 00FF00<br> Нейтральный зеленый (Medium Green) C0DCC0<br> Темно-зеленый (Dark Green) 008000<br> Зеленовато-желтый (Chartreuse) 7FFF00<br> Зелено-желтый (Green Yellow) ADFF2F<br> Лимонно-зеленый (Lime Green) 32CD32<br> Желто-зеленый (Yellow Green) 9ACD32<br> Зеленый лесной (Forest Green) 228B22<br> Бледно-золотистый березовый (Pale Goldenrod) EEE8AA<br> Светло-желтый золотистый (Light Goldenrod Yellow) FAFAD2<br> Светло-желтый (Light Yellow) FFFFE0<br> Желтый (Yellow) FFFF00<br> Темно-желтый (Dark Yellow) 808000<br> Золотой (Gold) FFD700<br> Светло-золотистый (Light Goldenrod) FFEC8B<br> Золотисто-березовый (Goldenrod) DAA520<br> Легкий желтый (Burly Wood) DEB887<br> Розово-коричневый (Rosy Brown) BC8F8F<br> Кожано-коричневый (Saddle Brown) 8B4513<br> Охра (Sienna) A0522D<br> Бежевый (Beige) F5F5DC<br> Пшеничный (Wheat) F5DEB3<br> Рыжевато-коричневый (Tan) D2B48C<br> Шоколадный (Chocolate) D2691E<br> Кирпичный (Firebrick) B22222<br> Коричневый (Brown) A52A2A<br> Самон (Salmon) FA8072<br> Светлый самон (Light Salmon) FFA07A<br> Оранжевый (Orange) FFA500<br> Коралловый (Coral) FF7F50<br> Коралловый светлый (Light Coral) F08080<br> Оранжево-красный (Orange Red) FF4500<br> Красный (Red) FF0000<br> Темно-красный (Dark Red) 800000<br> Теплый розовый (Hot Pink) FF69B4<br> Розовый (Pink) FFC0CB<br> Светло-розовый (Light Pink) FFB6C1<br> Красно-фиолетовый бледный (Pale Violet Red) DB7093<br> Темно-бордовый (Maroon) B03060<br> Красно-фиолетовый (Violet Red) D02090<br> Фуксин (Magenta) FF00FF<br> Фуксин темный (Dark Magenta) 800080<br> Фиолетовый (Violet) EE82EE<br> Темно-фиолетовый (Plum) DDA0DD<br> Орсель (Orchid) DA70D6<br> Фиолетово-синий (Blue Violet) 8A2BE2<br> Пурпурный (Purple) A020F0<br> <br> </p> <p><a name="_Toc166378858">Стили в </a> HTML.</p> <table border="0"> <tr> <td> <p><B> </B> — жирный текст</p> </td> <td> <p>Использование элемента B </p> </td> </tr> <tr> <td> <p><I> </I> — курсив</p> </td> <td> <p><i>Использование элемента I </i> </p> </td> </tr> <tr> <td> <p><SUB> </SUB> — нижний индекс</p> </td> <td> <p>Обычный текст и <sub>элемент SUB </sub> </p> </td> </tr> <tr> <td> <p><SUP> </SUP> — верхний индекс</p> </td> <td> <p>Обычный текст и <sup>элемент SUP </sup> </p> </td> </tr> <tr> <td> <p><STRIKE> </STRIKE> — зачеркнутый</p> </td> <td> <p>Использование элемента STRIKE </p> </td> </tr> <tr> <td> <p><U> </U> — подчеркнутый</p> </td> <td> <p><u>Использование элемента U </u> </p> </td> </tr> <tr> <td> <p><TT> </TT> — печатная машинка</p> </td> <td> <p>(изображается как шрифт фиксированной ширины)</p> </td> </tr> <tr> <td> <p><PRE></PRE> — форматированный </p> </td> <td> <p>(сохранить формат текста как есть) </p> </td> </tr> <tr> <td> <p><CENTER></CENTER> — центрировать </p> </td> <td> <p> </p> </td> </tr> <tr> <td> <p><BLINK></BLINK> — мигающий </p> </td> <td> <p> </p> </td> </tr> <tr> <td> <p><MULTICOL COLS=?> </MULTICOL> — многоколоночный текст </p> </td> <td> <p> </p> </td> </tr> <tr> <td> <p><MULTICOL GUTTER=?> </MULTICOL> — пробел между колонками </p> </td> <td> <p>(по умолчанию 10 точек)</p> </td> </tr> <tr> <td> <p><MULTICOL WIDTH=?> </MULTICOL> — ширина колонки </p> </td> <td> <p> </p> </td> </tr> <tr> <td> <p><SPACER ALIGN=left/right/center> — Выравнивание </p> </td> <td> <p> </p> </td> </tr> </table> <p>Также можно использовать тэг <FONT FACE=”название_шрифта”>, обозначающий <i><u>гарнитуру шрифта </u> </i> </p> <p><i><u>Размер шрифта </u> </i> — <FONT SIZE></p> <p>Можно изменять размер шрифта при помощи этого тэга. Шрифт может иметь размер от 1 до 7. Вы можете прямо указать размер шрифта цифрой, или указать смещение относительно базового значения (по умолчанию — 3) в положительную или отрицательную сторону. Базовое значение можно изменить при помощи тэга <BASEFONT SIZE=n></p> <p>Можно изменить <i><u>цвет шрифта</u> </i> при помощи тэга <FONT COLOR="#xxxxxx></p> <p>Цвет указывается в RGB-формате (Red-Green-Blue) посредством указания размерности каждой компоненты цвета в шестнадцатеричном формате.</p> <p> </p> <p><a name="_Toc166378859">Тэги списков</a> </p> <p>В HTML существует три вида основных списков:</p> <p>P нумерованный </p> <p>P ненумерованный </p> <p>P список описаний </p> <p><i> </i> </p> <p><a name="_Toc166378860"></a> <a name="_Toc164403502">Нумерованные списки</a> </p> <p>В нумерованном списке браузер автоматически вставляет номера элементов по порядку. Начинается тэгом <OL> и завершается тэгом </OL>. Каждый элемент списка начинается с тэга <LI>.</p> <p>Тип нумерации </p> <p><OL TYPE=A/a/I/i/1> (для всего списка) </p> <p><LI TYPE=A/a/I/i/1> (этот и следующие) </p> <p><a name="_Toc166378861"></a> <a name="_Toc164403503">Ненумерованные списки</a> </p> <p>Для ненумерованных списков используются маркеры. Вид маркера обычно настраивает пользователь.</p> <p>Ненумерованный список начинается тэгом <UL> и завершается тэгом </UL>. Каждый элемент списка начинается с тэга <LI>.</p> <p>Тип метки </p> <p><UL TYPE=Disc/Circle/Square> (для всего списка) </p> <p><LI TYPE= Disc/Circle/Square> (этот и последующие)</p> <p><i> </i> </p> <p><a name="_Toc166378862"></a> <a name="_Toc164403504">Список определений</a> </p> <p>Список определений начинается с тэга <DL> и завершается тэгом </DL>. Данный список служит для создание списков типа "термин" — "описание". Каждый термин начинается тэгом <DT> , а описание — тэгом <DD>. </p> <p> </p> <p><a name="_Toc166378863">Гипертекстовые ссылки</a> </p> <p><b>Общий вид:</b> </p> <p><A HREF="URL"> текст ссылки</A></p> <p><i><u>Тэг ссылки</u> </i> — <A> </A>.</p> <p>HREF="URL" — <i><u>адрес</u> </i> объекта, на который указывает ссылка. </p> <p>Пользователь также может менять цвета ссылок (как пройденных, так и активных)</p> <p>Цвет ссылки <BODY LINK="#$$$$$$"></p> <p>Пройденная ссылка <BODY VLINK="#$$$$$$"></p> <p>Активная ссылка <BODY ALINK="#$$$$$$"></p> <p><a name="_Toc166378864">HTML-графика.</a> </p> <p>Поддержка изображений в HTML — путь в мир графики. Создание и манипулирование изображениями, графическими форматами и другим графическим материалом не является частью HTML. В частности, HTML спецификации не объявляют каких-либо требований или ограничений на графические форматы, поддерживаемые Web браузерами. </p> <p>Большинство программ-навигаторов способны выводить документы, содержащие текст и изображения в форматах XBM, GIF или JPEG. В будущем возможна поддержка и других форматов графики (например Portable Network Graphic — PNG). На загрузку изображений затрачивается дополнительное время и ресурсы процессора, поэтому не следует ими злоупотреблять. Старайтесь использовать файлы с изображениями небольших размеров, оптимизированные для использования в Internet. Для оптимизации графики существует целый ряд программ. </p> <p>Для включения графики в документ используется тэг </p> <p><IMG SRC=«ImageName»></p> <p>где - ImageName — URL графического файла. </p> <p>Синтаксис URL для тэга <IMG SRC> аналогичен используемому в тэгах HREF. Если изображение имеет формат GIF, имя файла должно иметь расширение (скажем, ImageName.gif). Файлы X Bitmap должны иметь расширение .xbm; JPEG — .jpg или .jpeg; Portable Network Graphic — .png.</p> <p><a name="_Toc166378865"></a> <a name="_Toc164403505">Размеры изображений</a> </p> <p>В тэг <IMG> должны быть включены атрибуты, передающие навигатору размеры включенного в документ изображения. Параметры HEIGHT и WIDTH позволяют навигатору узнать высоту и ширину (в пикселях) изображения для размещения текста с учетом включенной графики.<a href="#_ftn4" name="_ftnref4">[4]</a> </p> <p><a name="_Toc166378866"></a> <a name="_Toc164403506">Пример включения графики в документ:</a> </p> <p><IMG SRC=picrure.gif HEIGHT=100 WIDTH=65></p> <p><a name="_Toc166378867"></a> <a name="_Toc164403507">Размещение изображений</a> </p> <p>При размещении графики в тексте документа существует достаточно большая свобода выбора. Можно разместить изображение отдельно от текста (текст будет располагаться выше и ниже, но будет отсутствовать на уровне изображения) или разместить изображение и текст в одном параграфе. Можно даже организовать "оборачивание" текста вокруг графики. </p> <p><a name="_Toc166378868"></a> <a name="_Toc164403508">Размещение графики в тексте</a> </p> <p>По умолчанию нижняя часть изображения выравнивается со следующим за графикой текстом. Можно также выровнять последующий текст по верхней границе изображения или посередине с помощью атрибутов <ALIGN=TOP> и <MIDDLE> или <CENTER>.</p> <p>Можно также организовать "оборачивание" рисунка текстом с помощью атрибутов <ALIGN= LEFT> и <RIGHT>. В этом случае текст будет располагаться "вокруг" рисунка. Рисунок может в этом случае располагаться справа или слева от текста. При этом можно задать независимо способ выравнивания текста. Такой способ выравнивания позволяет сделать документы более выразительными и существенно расширяет возможности Web-дизайнера. </p> <p><a name="_Toc166378869"></a> <a name="_Toc164403509">Изображения без текста</a> </p> <p>Для вывода изображения отдельно от текста нужно создать новый параграф и разместить изображение в нем. Можно разместить рисунок слева, справа или по центру с помощью атрибутов ALIGN.</p> <p><a name="_Toc166378870"></a> <a name="_Toc164403510">Альтернативный текст для графики</a> </p> <p>Некоторые навигаторы WWW не способны выводить графику. Кроме того, часть пользователей может специально отказаться от загрузки изображений (в целях экономии времени) при связи через модем. HTML позволяет обеспечить вывод заданного текста в качестве альтернативы. </p> <p>Для задания такого текста служит параметр <ALT>.</p> <p>Фрагмент:</p> <p><IMG SRC="UpArrow.gif" ALT="Вверх"> </p> <p>обеспечивает вывод вместо изображения UpArrow.gif слова «Вверх». Если программа просмотра поддерживает графику, на экран будет выведен рисунок, в противном случае — заданный в параметре ALT текст. </p> <p><a name="_Toc166378871"></a> <a name="_Toc164403511">Фоновые изображения</a> </p> <p>Последние версии Web-навигаторов могут загружать изображения для использования в качестве фона, на котором выводится текст, таблицы и т.п. Кому-то нравится использовать фоновую графику, другим — нет. При выборе фона нужно помнить только об одном — текст должен хорошо читаться на выбранном фоне при любом экранном разрешении. </p> <p>В качестве фоновых изображений можно использовать текстуры или изображения объектов. Для создания фоновых изображений пользуются обычными графическими приложениями. </p> <p>Для создания фона в окне навигатора используются изображения небольшого размера, которые просто транслируются для заполнения окна целиком. Заполнение автоматически осуществляется навигатором после загрузки файла с фоновой графикой. </p> <p><a name="_Toc166378872"></a> <a name="_Toc164403512">Внешние изображения, звуки, анимация.</a> </p> <p>Автор Web-страницы также может предоставить возможность просмотра графики с высоким разрешением взамен представленной в документе уменьшенной копии. Такие изображения называются внешними, их полезно использовать в тех случаях, когда Вы не хотите замедлять процесс загрузки основного документа, предоставляя пользователю возможность самому решить, хочет ли он видеть Ваши картинки. </p> <p>Для включения ссылки на внешнее изображение используется обычный тэг: </p> <p><A HREF="Picture.gif">Картинка</A></p> <p>Можно также использовать в качестве ссылки уменьшенную копию загружаемого изображения: </p> <p><A HREF="LargerImage.gif"> <IMG SRC="SmallImage.gif"> </A></p> <p>Читатель увидит уменьшенную копию и сможет решить, хочет ли он видеть большое изображение. </p> <p>Такой же синтаксис используется для ссылок на звуковые и анимационные файлы. Например, фрагмент: </p> <p><A HREF="AdamsRib.mov">link anchor</A> </p> <p>задает ссылку на анимационный файл QuickTime.</p> <p>Ниже приведен список расширений имен для наиболее популярных файлов multimedia: </p> <table border="0"> <tr> <td> <p>Тип файла</p> </td> <td> <p style="text-align:right;">Расширение</p> </td> </tr> <tr> <td> <p>обычный текст</p> </td> <td> <p style="text-align:right;">.txt</p> </td> </tr> <tr> <td> <p>документ HTML</p> </td> <td> <p style="text-align:right;">.html</p> </td> </tr> <tr> <td> <p>изображение GIF</p> </td> <td> <p style="text-align:right;">.gif</p> </td> </tr> <tr> <td> <p>изображение TIFF</p> </td> <td> <p style="text-align:right;">.tiff</p> </td> </tr> <tr> <td> <p>изображение X Bitmap</p> </td> <td> <p style="text-align:right;">.xbm</p> </td> </tr> <tr> <td> <p>изображение JPEG</p> </td> <td> <p style="text-align:right;">.jpg или .jpeg</p> </td> </tr> <tr> <td> <p>файл PostScript</p> </td> <td> <p style="text-align:right;">.ps</p> </td> </tr> <tr> <td> <p>звуковой файл AIFF</p> </td> <td> <p style="text-align:right;">.aiff</p> </td> </tr> <tr> <td> <p>звуковой файл AU</p> </td> <td> <p style="text-align:right;">.au</p> </td> </tr> <tr> <td> <p>звуковой файл WAV</p> </td> <td> <p style="text-align:right;">.wav</p> </td> </tr> <tr> <td> <p>анимация QuickTime</p> </td> <td> <p style="text-align:right;">.mov</p> </td> </tr> <tr> <td> <p>анимация MPEG</p> </td> <td> <p style="text-align:right;">.mpeg or .mpg</p> </td> </tr> </table> <p>Однако не у всех пользователей могут быть установлены программы для работы с multimedia-расширениями. На большинстве рабочих станций UNIX, например, нет возможности просматривать анимационные файлы QuickTime. </p> <p><a name="_Toc166378873">Таблицы</a> </p> <p>До появления в HTML специальных средств работы с таблицами приходилось использовать форматированный текст (<PRE>), в котором для создания ровных колонок использовались пробелы. Таблицы существенно улучшают представление текста, даже если он на первый взгляд не похож на таблицу </p> <p>Появление новых тэгов существенно расширило возможности организации таблиц. Сейчас таблицы могут иметь специальные заголовки, в которых разъясняются значения колонок и строк, ячейки для каждого элемента таблицы и т.п. В приведенной ниже таблице описаны теги HTML, предназначенные для организации таблиц в документах </p> <p><a name="_Toc166378874"></a> <a name="_Toc164403513">Базовые элементы таблиц</a> </p> <table border="0"> <tr> <td> <p>Элемент</p> </td> <td> <p>Описание </p> </td> </tr> <tr> <td> <p><TABLE> ... </TABLE></p> </td> <td> <p>определяет таблицу HTML. Если задан атрибут BORDER, ячейки таблицы выделяются рамкой. </p> </td> </tr> <tr> <td> <p><CAPTION> ... </CAPTION></p> </td> <td> <p>определяет заголовок таблицы. По умолчанию заголовок располагается над таблицей и выравнивается по центру. С помощью атрибута <ALIGN=> можно изменить местоположение и способ выравнивания заголовка таблицы<a href="#_ftn5" name="_ftnref5">[5]</a> .</p> </td> </tr> <tr> <td> <p><TR> ... </TR></p> </td> <td> <p>задает строку таблицы. Можно задать атрибуты для целой строки : ALIGN (LEFT, CENTER, RIGHT) и/или VALIGN (TOP, MIDDLE, BOTTOM)<a href="#_ftn6" name="_ftnref6">[6]</a> . </p> </td> </tr> <tr> <td> <p><TH> ... </TH></p> </td> <td> <p>определяет ячейку-заголовок. По умолчанию текст в этой ячейке выводится жирным шрифтом и выравнивается по центру. Ячейка-заголовок может содержать другие атрибуты, задающие представление ячейки и/или ее содержимого<a href="#_ftn7" name="_ftnref7">[7]</a> .</p> </td> </tr> <tr> <td> <p><TD> ... </TD></p> </td> <td> <p>определяет ячейку данных в таблице. По умолчанию текст выравнивается по левому краю и центруется по вертикали. Ячейка может содержать другие атрибуты, определяющие характеристики этой ячейки и/или ее содержимого<a href="#_ftn8" name="_ftnref8">[8]</a> .</p> </td> </tr> </table> <p><a name="_Toc166378875"></a> <a name="_Toc164403514">Атрибуты таблиц</a> </p> <p>Атрибуты в ячейках <TH> ... </TH> или <TD> ... </TD> имеют более высокий приоритет, нежели атрибуты, заданные для всей строки <TR> ... </TR>. </p> <table border="0"> <tr> <td> <p>Атрибут</p> </td> <td> <p>Описание</p> </td> </tr> <tr> <td> <p>ALIGN (LEFT, CENTER, RIGHT) </p> </td> <td> <p>Выравнивание содержимого ячейки по горизонтали </p> </td> </tr> <tr> <td> <p>VALIGN (TOP, MIDDLE, BOTTOM)</p> </td> <td> <p>Выравнивание содержимого ячейки по вертикали </p> </td> </tr> <tr> <td> <p>COLSPAN=n </p> </td> <td> <p>Число колонок (n), охватываемых ячейкой </p> </td> </tr> <tr> <td> <p>ROWSPAN=n </p> </td> <td> <p>Число строк (n), охватываемых ячейкой </p> </td> </tr> <tr> <td> <p>NOWRAP </p> </td> <td> <p>Запрет переноса слов (word wrapping) в ячейке. </p> </td> </tr> </table> <p><a name="_Toc166378876"></a> <a name="_Toc164403515">Формат таблиц</a> </p> <p>Типичная таблица выглядит подобно приведенному здесь фрагменту:</p> <table border="0"> <tr> <td> <p><TABLE></p> </td> <td> <p><== начало таблицы</p> </td> </tr> <tr> <td> <p><CAPTION> Заголовок </CAPTION></p> </td> <td> <p><== заголовок</p> </td> </tr> <tr> <td> <p><TR></p> </td> <td> <p><== начало первой строки</p> </td> </tr> <tr> <td> <p><TH> содержимое ячейки </TH></p> </td> <td> <p><== первая ячейка в строке 1 (заголовок колонки)</p> </td> </tr> <tr> <td> <p><TH> содержимое ячейки </TH></p> </td> <td> <p><== последняя ячейка в строке 1 (заголовок колонки)</p> </td> </tr> <tr> <td> <p></TR></p> </td> <td> <p><== конец первой строки</p> </td> </tr> <tr> <td> <p><TR></p> </td> <td> <p><== начало второй строки</p> </td> </tr> <tr> <td> <p><TD> содержимое ячейки </TD></p> </td> <td> <p><== первая ячейка в строке 2</p> </td> </tr> <tr> <td> <p><TD> содержимое ячейки </TD></p> </td> <td> <p><== последняя ячейка в строке 2</p> </td> </tr> <tr> <td> <p></TR></p> </td> <td> <p><== конец второй строки</p> </td> </tr> <tr> <td> <p><TR></p> </td> <td> <p><== начало последней строки</p> </td> </tr> <tr> <td> <p><TD> содержимое ячейки </TD></p> </td> <td> <p><== первая ячейка в последней строке</p> </td> </tr> <tr> <td> <p><TD> содержимое ячейки </TD></p> </td> <td> <p><== последняя ячейка в последней строке</p> </td> </tr> <tr> <td> <p></TR></p> </td> <td> <p><== конец последней строки</p> </td> </tr> <tr> <td> <p></TABLE></p> </td> <td> <p><== конец таблицы</p> </td> </tr> </table> <p>Тэги <TABLE> и </TABLE> должны обозначать таблицу в целом. Первым элементом в структуре таблицы является заголовок (CAPTION), однако, он может быть опущен. После заголовка может располагаться произвольное число строк <TR> </TR>. Внутри каждой строки может размещаться произвольное число ячеек <TD> </TD> или <TH> </TH>. Каждая строка таблицы форматируется независимо от других, и строки могут содержать разное число ячеек. Такой подход обеспечивает высокую гибкость при организации таблиц.</p> <p><a name="_Toc166378877"></a> <a name="_Toc164403516">Другие элементы </a> HTML-таблиц.</p> <table border="0"> <tr> <td> <p>Окантовка таблицы </p> </td> <td> <p><TABLE border=?></TABLE> </p> </td> <td> </td> </tr> <tr> <td> <p>Расстояние между ячейками </p> </td> <td> <p><TABLE cellspacing=?> </p> </td> <td> </td> </tr> <tr> <td> <p>Дополнение ячеек </p> </td> <td> <p><TABLE cellpadding=?> </p> </td> <td> </td> </tr> <tr> <td> <p>Желаемая ширина </p> </td> <td> <p><TABLE width=?> </p> </td> <td> <p>(в точках) </p> </td> </tr> <tr> <td> <p>Ширина в процентах </p> </td> <td> <p><TABLE width="%"> </p> </td> <td> <p>(проценты от ширины страницы) </p> </td> </tr> <tr> <td> <p>Выравнивание </p> </td> <td> <p><TR ALIGN=Left/Right/Center/Middle/Bottom> </p> </td> <td> </td> </tr> <tr> <td> <p>Выравнивание в ячейке</p> </td> <td> <p><TD ALIGN=Left/Right/Center/Middle/Bottom> </p> </td> <td> </td> </tr> <tr> <td> <p>Без перевода строки </p> </td> <td> <p><TD NOWRAP> </p> </td> <td> </td> </tr> <tr> <td> <p>Растягивание по колонке </p> </td> <td> <p><TD COLSPAN=?> </p> </td> <td> </td> </tr> <tr> <td> <p>Растягивание по строке </p> </td> <td> <p><TD ROWSPAN=?> </p> </td> <td> </td> </tr> <tr> <td> <p>Желаемая ширина </p> </td> <td> <p><TD WIDTH=?> </p> </td> <td> <p>(в точках) </p> </td> </tr> <tr> <td> <p>Ширина в процентах </p> </td> <td> <p><TD WIDTH="%"> </p> </td> <td> <p>(проценты от ширины страницы) </p> </td> </tr> <tr> <td> <p>Цвет ячейки </p> </td> <td> <p><TD BGCOLOR="#$$$$$$"> </p> </td> <td> </td> </tr> <tr> <td> <p>Выравнивание </p> </td> <td> <p><TH ALIGN= Left/Right/Center/Middle/Bottom> </p> </td> <td> </td> </tr> <tr> <td> <p>Без перевода строки </p> </td> <td> <p><TH NOWRAP> </p> </td> <td> </td> </tr> <tr> <td> <p>Растягивание по колонке </p> </td> <td> <p><TH COLSPAN=?> </p> </td> <td> </td> </tr> <tr> <td> <p>Растягивание по строке </p> </td> <td> <p><TH ROWSPAN=?> </p> </td> <td> </td> </tr> <tr> <td> <p>Желаемая ширина </p> </td> <td> <p><TH WIDTH=?> </p> </td> <td> <p>(в точках) </p> </td> </tr> <tr> <td> <p>Ширина в процентах </p> </td> <td> <p><TH WIDTH="%"> </p> </td> <td> <p>(проценты ширины таблицы) </p> </td> </tr> <tr> <td> <p>Цвет ячейки </p> </td> <td> <p><TH BGCOLOR="#$$$$$$"> </p> </td> <td> </td> </tr> <tr> <td> <p>Заглавие таблицы </p> </td> <td> <p><CAPTION></CAPTION> </p> </td> <td> </td> </tr> <tr> <td> <p>Выравнивание </p> </td> <td> <p><CAPTION ALIGN=TOP|BOTTOM> </p> </td> <td> <p>(сверху/снизу таблицы)</p> </td> </tr> </table> <p><a name="_Toc166378878">Формы на </a> Web-страницах</p> <p>Все формы начинаются тэгом <FORM> и завершаются тэгом </FORM>. </p> <p>Тэг <TEXTAREA> используется для того, чтобы позволить пользователю вводить более одной строки информации (<i><u>свободный текст</u> </i> ). </p> <p><TEXTAREA NAME="address" ROWS=10 COLS=50></p> <p></TEXTAREA></p> <p>Атрибуты, используемые внутри тэга <TEXTAREA> описывают внешний вид и имя вводимого значения/ Описание атрибутов:</p> <p>NAME — имя поля ввода </p> <p>ROWS — высота поля ввода в символах </p> <p>COLS — ширина поля ввода в символах </p> <p>Если вы хотите, чтобы в поле ввода по умолчанию выдавался какой-либо текст, то необходимо вставить его внутри тэгов <TEXTAREA> и </TEXTAREA>.</p> <p>Тэг <INPUT> используется для ввода одной строки текста или одного слова. Атрибуты тэга:</p> <p>TYPE — определяет тип поля ввода. По умолчанию это простое поле ввода для одной строки текста. Остальные типы должны быть явно указаны: </p> <p>CHECKBOX используется для выбора нескольких значений одновременно.</p> <p>RADIO. Данный атрибут позволяет вводить одно значение из нескольких альтернатив. Для создания набора альтернатив необходимо создать несколько полей ввода с атрибутом TYPE="RADIO" с разными значениями атрибута VALUE, но с одинаковыми значениями атрибута NAME.При выборе одного из полей ввода типа RADIO все остальные поля данного типа с тем же именем (атрибут NAME) автоматически станут невыбранными на экране. </p> <p>RESET. Данный тип обозначает кнопку, при нажатии которой все поля формы примут значения, описанные для них по умолчанию (Очистить).</p> <p>SUBMIT. Этот тип обозначает кнопку Отправить.</p> <p>TEXT описывает однострочное поле ввода. MAXLENGTH — определение максимальной длины вводимого значения в символах, SIZE — размер отображаемого поля ввода на экране (по умолчанию принимается 20 символов). </p> <p>С помощью тэга <SELECT> </SELECT> можно создать раскрывающийся список.</p> <p>Тэг SELECT имеет один или более параметр между стартовым тэгом <SELECT> и завершающим </SELECT>. По умолчанию, первый элемент отображается в строке выбора. При этом перед каждым элементом списка ставится <OPTION>.</p> <p><a name="_Toc166378879">Цель и место размещения документа Web</a> </p> <p>Глобальная Сеть не только соединила пользователей всего мира, но и утвердилась в виде новых технологий на наших персональных компьютерах. Иными словами, средства, предназначенные для работы с Сетью, стали использоваться и в других целях, с нею не связанных, а среди программного обеспечения, устанавливаемого на большинство персональных компьютеров, приложения для Internet заняли свое почетное место.</p> <p>В результате работа многих пользователей стала иметь большее отношение к Сети, чем они того сами, может быть, желали. Так, одним из способов самовыражения стало размещение личных страничек в Internet. Многие коммерческие фирмы стали использовать Сеть для рекламы и сбыта своей продукции. Людям, занятым поиском работы, стал доступен и такой сервис: составить резюме в формате Web-страницы и разместить эту информацию в Сети. Важную роль Internet стал играть для научных, учебных и общественных организаций. Подтверждение этому легко найти, выйдя на просторы киберпространства. </p> <p><a name="_Toc166378880">Тестирование и публикация </a> Web-сайта.</p> <p>Каждый независимый веб-мастер желает бесплатно иметь в своем распоряжении настоящий полноценный Web-сервер.</p> <p>В России существует значительное число серверов, которые, не занимаясь вебхостингом профессионально, с удовольствием размещают у себя частные тематические проекты. Если вы создали интересный (причем не обязательно популярный) сайт, то обратитесь к администрации одного из таких серверов — если ваш проект действительно интересен не только вам одному, шансы на успех довольно велики. Вы получите все то, за что обычно платят десятки долларов в месяц — несколько десятков мегабайт дискового пространства, CGI, SSI, почтовый ящик, статистику сервера и т.п. Возможно, вам дадут доменное имя типа проект.имя_провайдера.ru. О выделении такого поддомена, кстати, можете попросить с самого начала — провайдеру оно не стоит ни копейки. </p> <p>Возможно, провайдер в обмен попросит вас разместить на сайте его рекламный баннер или просто ссылку типа «Размещено на сервере...»</p> <p>Прежде чем разместить свой Web-сайт на сервере в Интернете, его необходимо тщательно протестировать, так как потенциальными посетителями вашего сайта являются десятки миллионов пользователей Интернета. </p> <p>Необходимо просмотреть, как выглядят ваши страницы в наиболее распространенных браузерах Internet Explorer и Netscape Navigator (а они могут выглядеть по-разному). Необходимо проверить:</p> <p>P нормально ли читается текст на выбранном фоне;</p> <p>P правильно ли расположены рисунки; </p> <p>P правильно ли работают гиперссылки. </p> <p>Для публикации Web-сайта необходимо получить от провайдера необходимые сведения: </p> <p>P URL-адрес сайта;</p> <p>P секретные имя пользователя и пароль, которые необходимы администратору сайта для его редактирования.</p> <p>Технология публикации Web-сайтов может иметь несколько вариантов:</p> <p>P для публикации можно воспользоваться инструментальным средством, которое использовалось для создания Web-сайта (например, Netscape Composer); </p> <p>P организация, предоставившая место на своем сервере, может предложить публиковать сайты через Web-интерфейс с помощью браузера или с помощью оригинального Диспетчера файлов; </p> <p>P наибольшие возможности при публикации предоставляют FTR-клиенты.</p> <p><a name="_Toc166378881">Несколько полезных советов по оформлению сайта.</a> </p> <p><b><i><u>Совет 1.</u> </i> </b> Выдерживайте принятый стиль </p> <p>Если Вы решили создать сложный HTML-документ с разветвленной структурой, постарайтесь оформить все его страницы одинаково, оперируя в рамках одного стиля, применяйте повторяющиеся управляющие элементы, одинаковые интервалы и подобные шрифты. </p> <p><b><i><u>Совет 2.</u> </i> </b> Правильно выбирайте фон сайта</p> <p>Однотонный цветной фон предельно прост с точки зрения реализации и изменения, он все же является ключевым элементом дизайна, и Вы должны осуществлять его выбор со всей тщательностью. При выборе цвета фона Вы должны учитывать то, как он будет гармонировать со следующими элементами: цветом текста, цветом гиперссылок, с логотипами или фирменными эмблемами. </p> <p>Крайне необходимо обеспечить достаточный цветовой и яркостный контраст между навигационными элементами и фоном. </p> <p>Если же Вы решили использовать узорчатый фон, то изображения, используемые для построения фона, должны быть едва заметными, в каком-то смысле неопределенными. Они должны содержать нейтральные, неконтрастирующие друг с другом цвета. И, наконец, в идеале эти изображения должны образовывать бесшовный фон при их отображении методом укладки плиток. </p> <p>И напоследок, фон не должен становится доминирующим элементом оформления. Он должен дополнять основную идею дизайна, но никак не заменять ее. </p> <p><b><i><u>Совет 3.</u> </i> </b> Используйте принцип KISS при создании сайтов </p> <p>Принцип KISS - Keep It Simple, Stupid (Будь проще, дурачок).</p> <p>- При создании сайтов используйте как можно более простой язык, особенно если речь идет о персональных страницах. </p> <p>- Не используйте технические или научные термины, которые непонятны большинству. </p> <p>- Используйте общие слова, а не «литературные».</p> <p>- Избегайте использования таинственных акронимов, тем более не используйте их в заголовках. При употреблении акронима давайте полную расшифровку и его объяснение при первом упоминание в тексте. </p> <p><b><i><u>Совет 4.</u> </i> </b> Проверяйте на ошибки и недочеты по сто раз все, что закачиваете на свой сайт.</p> <p><b><i><u>Совет 5.</u> </i> </b> Не торопитесь с регистрацией в поисковых системах и каталогах, сначала подготовьте сайт. </p> <p><b><i><u>Совет 6.</u> </i> </b> Не следует включать в список желаемых ключевых слов общеупотребительные, часто встречающиеся слова, такие как сервер, html, ru, сайт и другие. Ваши слова должны быть достаточно информативными. Многие поисковые системы не сканируют общеупотребительные слова.</p> <p><b><i><u>Совет 7.</u> </i> </b> Максимальный размер документа должен составлять 100-150 KB. Документы большего размера неудобоваримы для поисковых систем и людей. </p> <p><b><i><u>Совет 8.</u> </i> </b> Делайте странички интерактивными.</p> <p><b><i><u>Совет 9.</u> </i> </b> Сделайте так, чтобы Ваши посетители возвращались на Ваш сайт. </p> <p>P Хорошее содержание.<br> Информативность — вот главное. Ваш сайт должен содержать нужную информацию и регулярно обновляться. </p> <p>P Легкость в использовании.<br> Мы часто слышим о «дружественном пользователю» компьютеру или программе. Создавайте «дружелюбные» сайты. Снабжайте сайт навигацией, легкой в использовании.</p> <p>P Быстрая загрузка.<br> Ваш сайт должен уметь работать с самым старым браузером и самым медленным модемом.</p> <p>P Регулярное обновление.<br> У Вас хорошее содержание, но проблема — обновление раз в год. Обновляйте чаще и предупреждайте об обновлениях.</p> <p><a name="_Toc166378882">Учебно-методический комплекс по теме «</a> HTML».</p> <p><a name="_Toc166378883">Пояснительная записка.</a> </p> <p>Пояснительная записка, которую Вы сейчас читаете, набрана в текстовом редакторе Microsoft Word. Шрифт: Times New Roman, 12, выравнивание по ширине. Используются заголовки 1 уровня (Заголовок14), 2 уровня (Заголовок10) и 3 уровня (Заголовок4). Также используются автосписки (нумерованные и маркированные). Пояснительная записка состоит из 30 страниц, включает 8 таблиц. Оглавление создано автоматически (команда Вставка→Ссылка→Оглавление и указатели→OK).</p> <p><a name="_Toc166378884">Презентация </a> Power Point.</p> <p>Презентация позволяет более наглядно представлять материал по теме урока, что способствует повышению уровня качества знаний учащихся, делает урок более интересным, современным. </p> <p>Презентация создана с помощью Microsoft PowerPoint. Содержит 23 слайда. Данная презентация интерактивная, т. е., переход от одного слайда к другому осуществляется с помощью кнопок <i>Назад</i> и <i>Далее</i> , а не автоматически.</p> <p>Здесь коротко рассказывается об истории появления Internet, раскрывается значение основных терминов, описываются основные тэги.</p> <p><a name="_Toc166378885">Исследование </a> MS EXCEL.</p> <p>В программе Microsoft EXCEL я провела исследования по следующим темам: «Рост числа хостов» (1), «Рост числа серверов Интернета» (2), «Распределение серверов Интернета по странам мира» (3), Использование ресурсов Internet (4). Глядя на диаграммы (1) и (3), можно с уверенностью сказать, что развитие Интернета шагает вперед семимильными шагами. Диаграмма (2) наглядно показывает, что наибольшее число серверов — в Японии, наименьшее — в России. На диаграмме (4) видно, что чаще всего в сети Internet ищут информацию (46%) пользователей и реже всего общаются в чатах (33%).</p> <p><a name="_Toc166378886">Тестовая программа на языке </a> Visual Basic.</p> <p>Программа «Тест» выполнена в приложении на языке Visual Basic. Она состоит из 6 форм, включает 5 вопросов, освещающие знания по основным понятиям языка HTML. На каждый из вопросов 3 ответа, причем верный из них только один.</p> <p><b>Создание проекта «Тест.</b> <b>exe».</b> </p> <p>Для начала на основную форму добавим несколько меток, две кнопки Начать тест и Выход.</p> <p>После этого составляем таблицу результатов тестирования, используя графические возможности Visual Basic.</p> <p>Теперь добавляем ещё 5 форм с именами Вопрос 1, Вопрос 2, Вопрос 3, Вопрос 4 и Вопрос 5. На каждой из них должно быть: </p> <p>P 1 метка (на ней будет записана формулировка вопроса)</p> <p>P 2 кнопки Назад и Далее, причем на форме Вопрос 1 нет кнопки Назад, а на Вопрос 5 кнопка называется не Далее, а Результаты</p> <p>P 3 радиокнопки (на них будут записаны варианты ответов)</p> <p><b><i><u>Текст программы следующий:</u> </i> </b> </p> <p><u>Форма <i>Тест</i> , кнопка <i>Начать</i> </u> </p> <p>Вопрос1.Visible = True</p> <p><u>Форма <i>Тест</i> , кнопка <i>Выход</i> </u> </p> <p>End</p> <p><u>Форма <i>Вопрос 1</i> кнопка <i>Далее</i> </u> </p> <p>For i = 0 To 2</p> <p>If Опция1(i).Value = True Then Форма1.a1 = i + 1</p> <p>Next</p> <p>Вопрос1.Visible = False</p> <p>Вопрос2.Visible = True</p> <p><u>Форма <i>Вопрос 2</i> кнопка <i>Далее</i> </u> </p> <p>For i = 0 To 2</p> <p>If Опция1(i).Value = True Then Форма1.a2 = i + 1</p> <p>Next</p> <p>Вопрос2.Visible = False</p> <p>Вопрос3.Visible = True</p> <p><u>Форма <i>Вопрос 2</i> кнопка <i>Назад</i> </u> </p> <p>Вопрос2.Visible = False</p> <p>Вопрос1.Visible = True</p> <p><u>Форма <i>Вопрос 3</i> кнопка <i>Далее</i> </u> </p> <p>For i = 0 To 2</p> <p>If Опция1(i).Value = True Then Форма1.a3 = i + 1</p> <p>Next</p> <p>Вопрос3.Visible = False</p> <p>Вопрос4.Visible = True</p> <p><u>Форма <i>Вопрос 3</i> кнопка <i>Назад</i> </u> </p> <p>Вопрос3.Visible = False</p> <p>Вопрос2.Visible = True</p> <p><u>Форма <i>Вопрос 4</i> кнопка <i>Далее</i> </u> </p> <p>For i = 0 To 2</p> <p>If Опция1(i).Value = True Then Форма1.a4 = i + 1</p> <p>Next</p> <p>Вопрос4.Visible = False</p> <p>Вопрос5.Visible = True</p> <p><u>Форма <i>Вопрос 4</i> кнопка <i>Назад</i> </u> </p> <p>Вопрос4.Visible = False</p> <p>Вопрос3.Visible = True</p> <p><u>Форма <i>Вопрос 5</i> кнопка <i>Назад</i> </u> </p> <p>Вопрос5.Visible = False</p> <p>Вопрос4.Visible = True</p> <p><u>Форма <i>Вопрос 5</i> кнопка <i>Результаты</i> </u> </p> <p>For i = 0 To 2</p> <p>If Опция1(i).Value = True Then Форма1.a5 = i + 1</p> <p>Next</p> <p>Вопрос5.Visible = False</p> <p>Форма1.Visible = True</p> <p>Форма1.Метка6.Caption = Форма1.p1</p> <p>Форма1.Метка3.Caption = Форма1.p2</p> <p>Форма1.Метка8.Caption = Форма1.p3</p> <p>Форма1.Метка16.Caption = Форма1.p4</p> <p>Форма1.Метка17.Caption = Форма1.p5</p> <p>Форма1.Метка7.Caption = Форма1.a1</p> <p>Форма1.Метка12.Caption = Форма1.a2</p> <p>Форма1.Метка13.Caption = Форма1.a3</p> <p>Форма1.Метка18.Caption = Форма1.a4</p> <p>Форма1.Метка19.Caption = Форма1.a5</p> <p>s = 0</p> <p>If Форма1.a1 = Форма1.p1 Then s = s + 1</p> <p>If Форма1.a2 = Форма1.p2 Then s = s + 1</p> <p>If Форма1.a3 = Форма1.p3 Then s = s + 1</p> <p>If Форма1.a4 = Форма1.p4 Then s = s + 1</p> <p>If Форма1.a5 = Форма1.p5 Then s = s + 1</p> <p>Форма1.Метка15.Caption = s</p> <p><u>Форма <i>Тест</i> </u> </p> <p>p1 = 1</p> <p>p2 = 2</p> <p>p3 = 1</p> <p>p4 = 3</p> <p>p5 = 2</p> <p>Теперь, когда программа написана, можно создавать файл .exe (команда Файл→Создать Тест.exe→OK) и создавать ссылку на Web-странице.</p> <p><i><u>Руководство пользователя.</u> </i> </p> <p>Открываем файл Test.exe. Перед нами открывается программа Тест. По нажатию на кнопку Начать открывается форма с первым вопросом. После ответа на вопрос необходимо нажать кнопку Далее. Если Вы хотите вернуться к какому-либо из вопросов, нажмите кнопку Назад. После ответа на последний (пятый) вопрос нажмите кнопку Результаты. По нажатию этой кнопки открывается форма с правильными ответами, Вашими ответами и количеством правильных ответов.</p> <p><a name="_Toc166378887">Web-страница.</a> </p> <p>Ссылки на все элементы курсовой работы Вы можете найти на Web-странице Index.</p> <p>Вот HTML-код Web-страницы.</p> <p><HTML></p> <p><HEAD></p> <p><TITLE>Женина курсовая работа</TITLE></p> <p></HEAD></p> <p><BODY ALIGN="Left" BACKGROUND="1-8.gif" VLINK="Red" ALINK="Yellow" LINK="Black"></p> <p><HR></p> <p><IMG SRC="9B1.gif" ALIGN="Left"></p> <p><FONT SIZE=6></p> <p><FONT COLOR="#0000FF"></p> <p><FONT FACE="Book Antiqua"></p> <p><CENTER><B>Курсовая работа</B></SENTER></p> <p><BR></p> <p><FONT SIZE=4></p> <p>на тему:</p> <p><BR></p> <p><FONT SIZE=6></p> <p><FONT FACE="Monotype Corsiva"></p> <p><FONT COLOR=""></p> <p>"Язык гипертекстовой разметки HTML"</p> <p><BR></p> <p><IMG SRC="BOOK.gif" Align="Right"></p> <p><FONT SIZE=5></p> <p><FONT COLOR="#00FF00"></p> <p><FONT FACE="Book Antiqua"></p> <p><FONT SIZE=5></p> <p><FONT COLOR="#00FF00"></p> <p><FONT FACE="Courier New"></p> <p><B><MARQUEE BEHAVIOR="Alternate">Автор: Мельникова Женя</MARQUEE></B></p> <p><BR></p> <p><HR></p> <p><FONT SIZE=5></p> <p><FONT COLOR="#FFB000"></p> <p><FONT FACE="Monotype Corsiva"></p> <p><P ALIGN="Left"></p> <p><A HREF="REFERAT.doc">Пояснительная записка</A></p> <p><BR></p> <p><A HREF="I.xls">Исследование</A></p> <p><BR></p> <p><A HREF="HTML.ppt">Презентация "Язык гипертекстовой разметки HTML"</A></p> <p><BR></p> <p><A HREF="Test.exe">Тесты</A></p> <p><IMG SRC="anim_glob.gif" ALIGN="Right"></p> <p></BODY></p> <p></HTML></p> <p><a name="_Toc166378888">Руководство пользователя.</a> </p> <p>Просмотр начинается с открытия файла Index.htm. Для того чтобы прочитать пояснительную записку, перейдите по ссылке Пояснительная записка. Если вы хотите посмотреть презентацию, перейдите по ссылке Презентация «Язык гипертекстовой разметки HTML». Просмотр исследования — ссылка Исследование. Для запуска тестовой программы — Тест.</p> <p>Данный учебно-методический комплекс можно использовать на уроках в школе.<br> Например:</p> <p>Презентации — при объяснении нового материала, для его более наглядного представления, в процессе докладов учащихся, а также при самостоятельном изучении новой темы.</p> <p>Текстовые документы, созданные с помощью Word'а — это всевозможные контрольные и самостоятельные работы. Кроме того, можно распечатать краткое содержание материала, пройденного на уроке или выписать основные тезисы.</p> <p>Электронные таблицы EXCEL — это представление любой табличной информации (от анализа результатов контрольной работы до электронного журнала).</p> <p>Тесты VisualBasic — прекрасный способ объективно оценить уровень знаний по какой-либо теме.</p> <p>И, наконец, в качества оглавления ко всему УМК можно создать Web-страницу, разместив на ней ссылки на все составляющие УМК.</p> <p><a name="_Toc166378889"></a> <a name="_Toc164404867">Заключение.</a> </p> <p>Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.</p> <p>HTML дает авторам средства для: </p> <p>· публикации электронных документов с заголовками, текстом, таблицами, списками, фотографиями и т.д. </p> <p>· загрузки электронной информации с помощью щелчка мыши на гипертекстовой ссылке. </p> <p>· разработки форм для выполнения транзакций с удаленными службами, для использования в поиске информации, резервировании, заказе продуктов и т.д.</p> <p>· включения электронных таблиц, видеоклипов, звуковых фрагментов и других приложений непосредственно в документы. </p> <p>Тестовый контроль с помощью компьютера предполагает возможность и объективнее выявить знание и незнание обучающихся, он довольно прост и удобен для оценивания уровня знаний.</p> <p>В настоящее время существует множество учебных программ, позволяющих:</p> <p>- повысить интерес учащихся к предмету;</p> <p>- повысить успеваемость учеников;</p> <p>- сэкономить время на опрос учащихся;</p> <p>Кроме того, они дают возможность учащимся заниматься самостоятельно как на уроках, так и в домашних условиях. Такие программы также хороши и для учителя: они помогают повысить уровень своих знаний.</p> <p>С появлением обучающих компьютерных программ учебный процесс переориентировался сторону развития системного мышления.</p> <p>Методики, основанные на информационных технологиях, имеют ряд преимуществ по сравнению с традиционными:</p> <p>- возможность наглядного и динамичного представления информации с использованием изображений и звука (текстовая, графическая, аудио- и видеоинформация, анимация);</p> <p>- непрерывность компьютерного образования на всех уровнях обучения (непрерывность обеспечена компьютерной поддержкой всех школьных дисциплин).</p> <p>С помощью PowerPoint можно подготовить выступление с использованием слайдов, которые потом можно напечатать на прозрачных пленках (прозрачках), бумаге, 35-миллиметровых слайдах или просто демонстрировать на экране компьютера, можно также создать конспект доклада и материал для раздачи слушателям. </p> <p>PowerPoint позволит профессионально подготовить презентацию, щегольнув броской графикой и эффектно оформленными тезисами. Но что самое замечательное, вы сможете превратить документ, подготовленный в редакторе Word, в презентацию всего лишь одним щелчком мыши. Power Point создает файл презентаций, который имеет расширение имени ppt и содержит набор слайдов. Программа предоставляет пользователю большое количество шаблонов презентаций на различные темы. Такие шаблоны содержат слайды, оформленные определенным образом. В поле слайда размещаются заглушки, которые мы можем вставить свой текст, графику, а также таблицу и диаграмму. Кроме того, можно изменить художественное оформление любого шаблона презентации, выбрав дизайн по своему вкусу. При этом изменится только внешний вид презентации, а не его содержание. И, наконец, можно начать работу над презентацией "с нуля" — в Power Point для этого есть все средства.</p> <p>EXCEL — пожалуй, самая популярная сегодня программа электронных таблиц. Ею пользуются деловые люди и ученые, бухгалтеры и журналисты. С ее помощью ведут разнообразные списки, каталоги и таблицы, составляют финансовые и статистические отчеты, обсчитывают данные каких-нибудь опросов, состояние торгового предприятия, обрабатывают результаты научного эксперимента, ведут учет, готовят презентационные материалы. Для ведения домашней бухгалтерии EXCEL тоже вполне подходит. </p> <p>Программа сумеет вычислить суммы по столбцам и строкам таблиц, взять проценты, посчитать среднее арифметическое, срок погашения кредита, в ней вообще можно использовать множество стандартных функций — финансовых, математических, логических, статистических. </p> <p>Оформление таблиц может быть самым разнообразным (а это немаловажно, когда нужно распечатать прайс-лист, справку или презентационный материал). Возможности форматирования данных — как в хорошем текст-процессоре: можно менять шрифты, начертания, выделять строки, столбцы или отдельные ячейки текста цветом, рамочками и линеечками, закрашивать области фоном или цветом, строить по табличным данным графики и диаграммы, вставлять в таблицу картинки и т. д. и т. п. </p> <p>WORD — мощный текстовый редактор, позволяющий быстро создать документ любой сложности из разрозненных заметок и довести до совершенства информационный бюллетень или брошюру. Сегодня он является самой популярной в мире программой. Word начинен «быстрыми» командами и самыми современными средствами, такими как встроенная программа проверки правописания и словарь синонимов, которые помогают вам грамотно составлять документы, и готовыми шаблонами, позволяющими вам сводить воедино заметки, письма, счета и брошюры без больших усилий. </p> <br> <p><a name="_Toc166378890"></a> <a name="_Toc164403517"></a> <a name="_Toc163190249">Литература.</a> </p> <ol> <li>Н. Угринович. «Информатика и информационные технологии». Издательство «Бином».</li> <li>И. Семакин, Л. Залогова, С. Русаков, Л. Шестакова. Информатика. Базовый курс». Издательство «Бином».</li> <li>А. Левин. «Самоучитель работы на компьютере». Издательство «Питер».</li> <li>М. Хелворсон, М. Янг «Эффективная работа с Microsoft Office».</li> <li>Лекции по информатике, 10-11 класс.</li> </ol> <br> <p><a href="#_ftnref1" name="_ftn1">[1]</a> Тэги HTML можно задавать строчными или прописными. Теги <title>, <TITLE> и <TITLE> эквивалентны.</p> <p><a href="#_ftnref2" name="_ftn2">[2]</a> некоторые поисковые машины не работают с титулами длиной более 64 символов</p> <p><a href="#_ftnref3" name="_ftn3">[3]</a> Точка с запятой является частью escape последовательности, но в принципе она может быть опущена. Однако одни браузеры обработают такой код HTML, а другие могут и не понять. </p> <p><a href="#_ftnref4" name="_ftn4">[4]</a> Некоторые навигаторы используют значения параметров HEIGHT и WIDTH для расчета деформации изображения, если реальные размеры не соответствуют заданным атрибутам. Однако при корректировке размеров таким способом изображение в большинстве случаев искажается, поэтому лучше устанавливать размеры точно, тем более что согласование размеров обеспечивают не все навигаторы. Многие современные WYSIWYG-редакторы HTML способны самостоятельно определять размеры включаемых в документ изображений.</p> <p><a href="#_ftnref5" name="_ftn5">[5]</a> В заголовке таблицы можно использовать любые другие теги</p> <p><a href="#_ftnref6" name="_ftn6">[6]</a> Значения атрибутов разъяснены ниже.</p> <p><a href="#_ftnref7" name="_ftn7">[7]</a> Значения атрибутов разъяснены ниже.</p> <p><a href="#_ftnref8" name="_ftn8">[8]</a> Значения атрибутов разъяснены ниже.</p> </td> </tr> </table> <form action='/comments.html' method='post' id='comments_form'><div class='title'>Оценить/Добавить комментарий</div><input type='hidden' name='go' value='add'> <input type='hidden' name='table_ID' value='2'> <input type='hidden' name='item_ID' value='407691'> <input type='hidden' name='pincode' value='0'> <div class='wrapper'> <div class='label-input'><div class='label'>Имя</div><div class='input'><input name='sender_name' value=''></div></div><div class='label-input'><div class='label'>Оценка</div><div class='input'><label><input type='radio' name='mark' value='2'>Плохо</label><label><input type='radio' name='mark' value='3'>Средне</label><label><input type='radio' name='mark' value='4'>Хорошо</label><label><input type='radio' name='mark' value='5'>Отлично</label></div></div></div><textarea name='comment'></textarea><input type='submit' value='Отправить'></form> <script language='JavaScript'> document.getElementById('comments_form').pincode.value=72-11*46*88*68+91*28; </script><br><a href="/referat-like-407691-1.html">Работы, похожие на Реферат: , <TITLE> и <TITLE> эквивалентны.<br /> </div> <div ID="sdfootnote2"> <br />1 некоторые поисковые машины не работают с титулами длиной более 64 символов<br /> </div> <div ID="sdfootnote3"> <br />1 Точка с запятой является частью escape последовательности,</a><br></index><script type="text/javascript" src="//yastatic.net/share/share.js" charset="utf-8"></script><div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="small" data-yashareQuickServices="vkontakte,facebook,twitter,odnoklassniki,moimir,gplus" data-yashareTheme="counter"></div><br> <div style='color: #6600cc; text-align:center; cursor:hand; pointer:hand;' onClick='history.back();'>Назад</div></center></TD> <TD width='1' bgcolor='#B0B0B0'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></TD> </TR> <TR> <TD rowspan='2' bgcolor='#FBF8D2' colspan='2'><IMG SRC='themes/bestref/images/frame_down_left.gif' WIDTH='20' HEIGHT='20'></TD> <td height='18' bgcolor='#FBF8D2'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></td> <TD rowspan='2' bgcolor='#FBF8D2' colspan='2'><IMG SRC='themes/bestref/images/frame_down_right.gif' WIDTH='20' HEIGHT='20'></TD> </TR> <tr> <TD width='1128' bgcolor='#B0B0B0' height='2'></TD> </tr> <tr height='0'> <td width='1'></td> <td width='16'></td> <td></td> <td width='16'></td> <td width='1'></td> </tr> </TABLE></td><td valign='top' width='160'><TABLE WIDTH='' style='margin-top:2px; margin-bottom:2px;'> <TR> <TD rowspan='2' colspan='2'><IMG SRC='themes/bestref/images/frame_up_left.gif' WIDTH='20' HEIGHT='20'></TD> <TD width='-20' background='themes/bestref/images/frame_top.gif' height='3'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></TD> <TD rowspan='2' colspan='2'><IMG SRC='themes/bestref/images/frame_up_right.gif' WIDTH='20' HEIGHT='20'></TD> </TR> <tr> <td height='17'><div class='frame_title'>Меню</div></td> </tr> <TR> <TD width='1' bgcolor='#DCDCDC'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></TD> <TD width='-2' colspan=3 style='padding-right:3px; padding-left:3px; background-image: url(themes/bestref/images/frame_bg2.gif); background-position: left bottom; background-repeat: repeat-x;'><a href='/'>Главная</a><br><a href='/referat-category-0-0.html'>Рефераты</a><br><a href='/content14.html'>Благодарности</a></TD> <TD width='1' bgcolor='#B0B0B0'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></TD> </TR> <TR> <TD rowspan='2' bgcolor='#FBF8D2' colspan='2'><IMG SRC='themes/bestref/images/frame_down_left.gif' WIDTH='20' HEIGHT='20'></TD> <td height='18' bgcolor='#FBF8D2'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></td> <TD rowspan='2' bgcolor='#FBF8D2' colspan='2'><IMG SRC='themes/bestref/images/frame_down_right.gif' WIDTH='20' HEIGHT='20'></TD> </TR> <tr> <TD width='' bgcolor='#B0B0B0' height='2'></TD> </tr> <tr height='0'> <td width='1'></td> <td width='16'></td> <td></td> <td width='16'></td> <td width='1'></td> </tr> </TABLE><center><div class='adsplace' style='' name='adsplace4' id='adsplace4'><noindex><script type="text/javascript"><!-- google_ad_client = "ca-pub-1940083902787621"; /* BestReferat.ru */ google_ad_slot = "6347323017"; google_ad_width = 160; google_ad_height = 600; //--> </script> <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"> </script></noindex></div> <script type='text/javascript'> <!-- ads_hit(5202243777, 4); //--> </script></center><TABLE WIDTH='' style='margin-top:2px; margin-bottom:2px;'> <TR> <TD rowspan='2' colspan='2'><IMG SRC='themes/bestref/images/frame_up_left.gif' WIDTH='20' HEIGHT='20'></TD> <TD width='-20' background='themes/bestref/images/frame_top.gif' height='3'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></TD> <TD rowspan='2' colspan='2'><IMG SRC='themes/bestref/images/frame_up_right.gif' WIDTH='20' HEIGHT='20'></TD> </TR> <tr> <td height='17'><div class='frame_title'>Опрос</div></td> </tr> <TR> <TD width='1' bgcolor='#DCDCDC'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></TD> <TD width='-2' colspan=3 style='padding-right:3px; padding-left:3px; background-image: url(themes/bestref/images/frame_bg1.gif); background-position: left bottom; background-repeat: repeat-x;'><form action="/survey.html" method="post"><input type="hidden" name="pollID" value="4"><input type="hidden" name="forwarder" value="/survey-results-4.html"><font class="content"><b>Станете ли вы заказывать работу за деньги, если не найдете ее в Интернете?</b></font><br><br> <table border="0" width="100%"><tr><td valign="top"><input type="radio" name="voteID" value="1"></td><td width="100%" class="content">Да, в любом случае.</td></tr> <tr><td valign="top"><input type="radio" name="voteID" value="2"></td><td width="100%" class="content">Да, но только в случае крайней необходимости.</td></tr> <tr><td valign="top"><input type="radio" name="voteID" value="3"></td><td width="100%" class="content">Возможно, в зависимости от цены.</td></tr> <tr><td valign="top"><input type="radio" name="voteID" value="4"></td><td width="100%" class="content">Нет, напишу его сам.</td></tr> <tr><td valign="top"><input type="radio" name="voteID" value="5"></td><td width="100%" class="content">Нет, забью.</td></tr> </table><br><center><font class="content"><input type="submit" value="Ответить"></font><br><br><font class="content"><a href='/survey-results-4.html'>Результаты(258743)</a><br><a href='/comments-1-4-1.html'>Комментарии (3486)</a></font></center></form> </TD> <TD width='1' bgcolor='#B0B0B0'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></TD> </TR> <TR> <TD rowspan='2' bgcolor='#B3EEFC' colspan='2'><IMG SRC='themes/bestref/images/frame_down_left.gif' WIDTH='20' HEIGHT='20'></TD> <td height='18' bgcolor='#B3EEFC'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></td> <TD rowspan='2' bgcolor='#B3EEFC' colspan='2'><IMG SRC='themes/bestref/images/frame_down_right.gif' WIDTH='20' HEIGHT='20'></TD> </TR> <tr> <TD width='' bgcolor='#B0B0B0' height='2'></TD> </tr> <tr height='0'> <td width='1'></td> <td width='16'></td> <td></td> <td width='16'></td> <td width='1'></td> </tr> </TABLE><center><div class='adsplace' style='' name='adsplace' id='5'><noindex><script type="text/javascript"><!-- google_ad_client = "ca-pub-1940083902787621"; /* Bestreferat.ru positions */ google_ad_slot = "8666917497"; google_ad_width = 160; google_ad_height = 600; //--> </script> <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"> </script></noindex></div> <script type='text/javascript'> <!-- adscode[5]=''; adshitid[5]=5202243778; //--> </script></center></td> </tr> </table><TABLE WIDTH='1128' style='margin-top:2px; margin-bottom:2px;'> <TR> <TD rowspan='2' colspan='2'><IMG SRC='themes/bestref/images/frame_up_left.gif' WIDTH='20' HEIGHT='20'></TD> <TD width='1108' background='themes/bestref/images/frame_top.gif' height='3'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></TD> <TD rowspan='2' colspan='2'><IMG SRC='themes/bestref/images/frame_up_right.gif' WIDTH='20' HEIGHT='20'></TD> </TR> <tr> <td height='17'><div class='frame_title'><center>Copyright © 2005-2020 BestReferat.ru <a href='mailto:support@bestreferat.ru'>support@bestreferat.ru</a> <a href='http://www.bestreferat.ru/content15.html'>реклама на сайте</a></center></div></td> </tr> <TR> <TD width='1' bgcolor='#DCDCDC'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></TD> <TD width='1126' colspan=3 style='padding-right:3px; padding-left:3px; background-image: url(themes/bestref/images/frame_bg1.gif); background-position: left bottom; background-repeat: repeat-x;'><center><br> <!-- Rating@Mail.ru logo --> <a href="http://top.mail.ru/jump?from=979884"> <img src="//top-fwz1.mail.ru/counter?id=979884;t=479;l=1" style="border:0;" height="31" width="88" alt="Рейтинг@Mail.ru" /></a> <!-- //Rating@Mail.ru logo --> <!-- begin of Top100 code --> <script id="top100Counter" type="text/javascript" src="https://counter.rambler.ru/top100.jcn?801943"></script> <noscript> <a href="http://top100.rambler.ru/navi/801943/"> <img src="https://counter.rambler.ru/top100.cnt?801943" alt="Rambler's Top100" border="0" /> </a> </noscript> <!-- end of Top100 code --> <!--LiveInternet logo--><a href="http://www.liveinternet.ru/click" target=_blank><img src="https://counter.yadro.ru/logo?11.1" border=0 title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня" width=88 height=31></a><!--/LiveInternet--> <div id='adsloaderdiv' style='width:1; height:1; overflow:hidden;'></div> </center></TD> <TD width='1' bgcolor='#B0B0B0'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></TD> </TR> <TR> <TD rowspan='2' bgcolor='#B3EEFC' colspan='2'><IMG SRC='themes/bestref/images/frame_down_left.gif' WIDTH='20' HEIGHT='20'></TD> <td height='18' bgcolor='#B3EEFC'><IMG SRC='themes/bestref/images/1.gif' width=1 height=1></td> <TD rowspan='2' bgcolor='#B3EEFC' colspan='2'><IMG SRC='themes/bestref/images/frame_down_right.gif' WIDTH='20' HEIGHT='20'></TD> </TR> <tr> <TD width='1128' bgcolor='#B0B0B0' height='2'></TD> </tr> <tr height='0'> <td width='1'></td> <td width='16'></td> <td></td> <td width='16'></td> <td width='1'></td> </tr> </TABLE> </center><script type='text/javascript' src='/ads/adsloader.js'></script><!--t 10/m 6/f 0/d 0 ms thunder http://www.bestreferat.ru/--></body> </html>