Центр інформаційних технологій
науково-методичного центру відділу освіти
 Василівської районної державної адміністрації
Запорізької області
Четвер     19.09.2019     19:40
Форма входу
Пошук
Міні-чат
200
Статистика

Онлайн всього: 1
Гостей: 1
Користувачів: 0
Меню сайту

Категорії розділу

Накази [11]
Матеріал для уроків [14]
Програми [0]
Книги [14]
Інтернет ресурси [4]
HTML [7]

Друзі сайту
Головна » Файли » HTML

Введение в HTML
18.11.2008, 11:41
Оглавление <br /> Что сюда не входит <br /> Создание документа в HTML <br /> Пример документа в HTML <br /> Основные элементы <br /> Заголовки документов <br /> Заголовки разделов документов <br /> Абзацы <br /> Соединение с другими документами <br /> URL <br /> Обращение к определенным разделам других документов <br /> Соединения с разделами текущего документа <br /> Дополнительные возможности форматирования <br /> Списки <br /> Ненумерованные списки <br /> Нумерованные списки <br /> Списки определений <br /> Вложенные списки <br /> Авторский стиль редактирования <br /> Цитаты <br /> Адреса <br /> Стили <br /> Логические стили <br /> Физические стили <br /> Специальные символы <br /> Прерывание стороки <br /> Горизонтальна линия <br /> Внутренние рисунки <br /> Если Browsers не поддерживает рисунки <br /> Внешние рисунки, звуки и мультипликация <br /> Возможные ошибки <br /> Наложение различных стилей <br /> Различные стили внутри гиперссылки <br /> Ошибочная ссылка <br /> Более длинный пример <br /> Дополнительная информация <br /> Формы <p> -------------------------------------------------------------------------------- <p> Что сюда не входит <p> При написании этого курса мы предплагали, что Вы имеете: <br /> По крайней мере начальные знания о том, как использовать NCSA Mosaic или любой другой Web browser (например, Netscape) <br /> Общее понимание, как работают Web-сервер и Web-browser <br /> Доступ к Web-серверу, на котором Вы хотели бы создавать HTML-документы <br /> Желание создавать HTML-документы для личного использования <p> -------------------------------------------------------------------------------- <p> Создание документа в HTML <p> В HTML документы записываются в ASCII формате и поэтому могут быть созданы и отредактированы в любом текстовом редакторе (например, Emacs или vi на UNIX машинах, или любом редакторе на IBM PC). <br /> -------------------------------------------------------------------------------- <p> Пример документа в HTML <p> Любой гипертекст похож на книгу и может быть разбит на отдельные структурные элементы: <br /> <p> Собственно документ <br /> Главы, параграфы, пункты, подпункты <br /> Абзацы <br /> Для каждого из этих элементов в HTML существуют определенные стили, описывающие в каком виде пользователь увидит текст на экране. Пусть мы создали файл minihtml.html: <p> <BODY> <TITLE>Пример HTML-текста</TITLE> <h3>Глава 1</h3> <h3>Параграф 1.</h3> Добро пожаловать в HTML! Здесь мы расскажем, как надо и как не надо писать гипертексты.<P> <h3>Параграф 2.</h3><P> </BODY> <p> Здесь вы можете увидеть, как выглядит этот текст. <p> Итак, Вы уже поняли, что: <p> <p> Заголовок документа начинается с <TITLE> и заканчивается </TITLE>. <br /> Заголовок первого уровня (Главы) выделется символами <h3> и </h3>) <br /> Заголовоки последующих уровней (параграфы, пункты, подпункты и т.п.) - символами <Hx> и </Hx>), где x - числа 2, 3, ... <br /> Абзац - символами <P> (В версиях HTML, действующих сейчас, символа </P> не существует! НО! Он может появится в последующих версиях!) <br /> <p> NOTE: HTML не различает, какими буквами набраны символы форматирования: <title> равносильно <TITLE> или <TiTlE>. <br /> Не все стили поддержаны всеми WWW-browsers. Если browser не поддерживает стиль, то он его игнорирует. (Поэтому не страшно если Вы уже сейчас начнете пользоваться при форматировании абзацев символом </P>. Ниже мы более подробно остановимся на этом вопросе.) <br /> -------------------------------------------------------------------------------- <p> Основные элементы <p> Основной текст отделяется от сопроводительного символами: <br /> <BODY> </BODY> <p> -------------------------------------------------------------------------------- <p> Заголовки документов <p> Каждый HTML-документ должен иметь заголовок, он показывается отдельно и используется, прежде всего, для идентификации документа (например, при поиске). Заголовок должен описывать цель документа и содержать не больше 5-6 слов. <br /> Практически во всех browsers заголовок документа виден в верхней части экрана (окна). <br /> Для выделения заголовка служат символы: <br /> <HEAD><TITLE>Заголовок</TITLE></HEAD> <p> <p> -------------------------------------------------------------------------------- <p> Заголовки разделов документов <p> HTML имеет шесть уровней заголовков, имеющих номера с 1 по 6 (заголовок первого уровня является заголовком высшего уровня). По сравнению с нормальным текстом, заголовки выделяются шрифтом - размером и толщиной букв. Первый заголовок в каждом документе должен быть выделен <h3>. Синтаксис заголовков: <Hy> Текст заголовка</Hy > где y - число от 1 до 6, определяющее уровень заголовка. <br /> -------------------------------------------------------------------------------- <p> Абзацы <p> В отличие от документов в больши нстве текстовых процессоров, прерывания строк и слов в HTML-файлах не существенны. Обрыв слова или строки может происходить в любом пункте в вашем исходном файле, при просмотре это прерывание будет проигнорировано. Напомним, что в нашем примере, первый параграф был представлен как <br /> <p> <h3>Параграф 1.</h3> <br /> Добро пожаловать в HTML! <br /> Здесь мы расскажем, как надо и как не надо писать гипертексты.<P> <br /> В исходном файле два предложения находятся на двух разных стороках. Web browser игнорирует это перерывание строки и начинает новый абзац только, после знака < P>. Однако, чтобы сохранить удобочитаемость в исходных HTML-файлах, мы рекомендуем заголовки размещать на отдельных строках, а абзацы отделять пустыми строками (в дополнение к < P>). <p> Также заметим, что хотя в действующих версиях HTML нет признака форматирования < /P>, мы Вам рекомендуем его употреблять, поскольку он может быть введен в последующих версиях. К ошибке это не приведет, поскольку все незнакомые символы browser просто игнорирует. В противном случае, Вам в последствии, может быть, придется переделывать Ваши HTML-документы. В версии HTML+ предлагается, по аналогии с описанием заголовков, использовать как открывающий, так и закрывающий знаки абзаца: <p> <p> <P>Это абзац в HTML+.</P> <br /> Преимущество этого изменения в том, что Вы будете способны форматировать абзац. Например, располагать его в цетре строки, выделив его символами: <p> <P ALIGN=CENTER> <p> -------------------------------------------------------------------------------- <p> Соединение с другими документами <p> Главное преимущество HTML состоит в его способности связываться с другими документами. Browser выделяет (обычно цветом и/или подчеркиванием) ключевые слова, являющиеся гипертекстовыми ссылками (гиперссылками). Описывается ссылка на другой документ следующим образом: <br /> <A HREF="имя файла"> Текст, который будет служить как обращение к другому документу</A>. <p> Приведем приме р такой гипертекстовой ссылки: <p> <A HREF="minihtml.html">Пример HTML-текста</A> <p> Здесь ключевые слова `Пример HTML-текста' являются гиперссылкой на файл minihtml.html, который лежит в той же директории, что и текущий документ. Вы можете ссылаться на документ, лежащий в любой директории, описав к нему полный путь. Так, например, ссылку на файл NJStats.html, лежащий в поддиректории AtlanticStates можно описать как: <p> <A HREF="AtlanticStates/NJStats.html">New Jersey</A> <p> Это так называемые относительные ссылки. Вы также можете использовать абсолютное имя файла (полный путь). В общем случае, использование ссылки по абсолютному имени файла более предпочтительно. <br /> -------------------------------------------------------------------------------- <p> URL <p> В этой главе был использован материал, подготовленный и доступный полностью на www.simtel.ru. Мы выражаем глубокую благодарность авторам URL-руководства. <br /> Итак -URL это абревиатура от Uniform Resource Locator. В него входит, кроме названия файла и директории: сетевой адрес машины и метод доступа к файлу.С помощью URL можно запускать удаленные программы, и передавать им значения. На этом принципе построены шлюзы в другие интернетовские сервиса: finger, archie, ..... Здесь представлены несколько наиболее часто используемых типов URL. Допустим файл с именем "online15.zip" лежит на ftp сервере ftp.simtel.ru в директории /pub/doc/services/ тогда URL этого файла будет выглядeть так: file://ftp.simtel.ru/pub/doc/services/online15.zip URL директории в которой лежит файл: file://ftp.simtel.ru/pub/doc/services/ а URL корневой директории ftp сервера ftp.simtel.ru выглядит вот так: file://ftp.simtel.ru/ <p> Gopher URL's не так разнообразны, как файловые. Это связано с ограниченностью этого сервиса. Для того что бы описать, например, gopher сервер узла gopher.kiae.su необходим URL: <p> <p> gopher://gopher.kiae.su/ <br /> Некоторые gopher-сервера могут находиться на нестандартном номере порта (по умолчанию обычно используется 70 порт) тогда он должен указываться: <p> <p> gopher://gopher.banzai.edu:1234/, где 1234 - номер порта. <br /> Если вы внимательно посмот рите на исходники какого нибудь гипертекстового документа, и обратите внимание на то как указаны ссылки на другие URL то заметите, что встречаются два вида: <p> 1. <A Href="http://www.simtel.ru/news/snews.http">News</A> <br /> 2. <A Href="aaa.html">AAA</A> <p> Первый - это полный URL, а второй - частичный. Частичный URL указывает на документ который находится на том же сервере и в тойже директории, что и документ в котором встречается эта ссылка. <br /> Более полную информацию об URL Вы можете получить, обратившись в: <p> WWW Names and Addresses, URIs, URLs, URNs <br /> A Beginner's Guide to URLs <p> -------------------------------------------------------------------------------- <p> Обращение к определенным разделам других документов <p> Гиперссылки могут также использоваться для соединения с определенными разделами документов. Предположим, мы хотим соединить документ А с первой главой документа В, для чего нам необходимо создать именнованную гиперссылку в документе B. <br /> <p> Здесь вы можете увидеть <A NAME = "Глава 1">Главу 1</a> <br /> Текст первой главы. <br /> Теперь, описывая ссылку в документе A, надо включить не только имя файла "documentB.html"но также и имя гиперссылки, отделяемое символом (#): <p> <p> Здесь вы можете увидеть текст<A HREF = "documentB.html#Глава1"> Главы 1 </A> документа B. <br /> Теперь "кликнув" в слово"Главы 1" в документе А, вы переходите непосредственно в Главу 1 в документе B. <p> -------------------------------------------------------------------------------- <p> Соединения с разделами текущего документа <p> Техника соединения аналогична описанной выше, только опускается имя файла. Вот, например, связь с Главой 1 внутри того же самого файла (Документ <img src="http://src.ucoz.net/sm/17/cool.gif" border="0" align="absmiddle" alt="cool"> <br /> <p> Это <A HREF = "#Глава1">Глава 1</A> текущего документа. <br /> <p> -------------------------------------------------------------------------------- <p> Дополнительные возможности форматирования <p> Выше было описано, как создавать простые HTML-документы. Для более сложных документов, HTML имеет некоторые дополнительные возможности форматирования. <br /> -------------------------------------------------------------------------------- <p> Списки <p> HTML поддерживает ненумерованные, нумерованные списки и списки определений. <br /> -------------------------------------------------------------------------------- <p> Ненумерованные списки <p> Ненумерованный список: <UL><LI>список пунктов </UL>, например: <br /> <p> <UL> <br /> <LI> яблоки <br /> <LI> бананы <br /> </UL> <br /> что дает на экране: <p> яблоки <br /> бананы <p> -------------------------------------------------------------------------------- <p> Нумерованные списки <p> Нумерованный список идентичен ненумерованному списку, только вместо < UL> используется < OL>. <br /> <p> <OL> <br /> <LI> апельсины <br /> <LI> персики <br /> <LI> виноград <br /> </OL> <br /> что дает на экране: <p> апельсины <br /> персики <br /> виноград <br /> Browser автоматически нумерует элементы такого списка. <p> <p> -------------------------------------------------------------------------------- <p> Списки определений <p> Список определений обычно состоит из чередования термина ( DT ) и определения ( DD ). Обычно Web browsers определения располагает на новой строке. Приведем пример списка определений: <br /> <DL> <br /> <DT> NCSA <br /> <DD> NCSA (National Center for Supercomputing Applications). <p> <DT> CTC <br /> <DD> CTC (Cornell Theory Center). <br /> </DL> <p> что дает: <br /> NCSA <br /> NCSA (the National Center for Supercomputing Applications) <br /> CTC <br /> CTC (Cornell Theory Center). <p> -------------------------------------------------------------------------------- <p> Вложенные списки <p> Списки могут быть произвольно вложены, хотя разумнее было бы практически ограничиться тремя уровнями вложенных списков. <br /> Приведем пример вложенных списков: <p> <p> <UL> <br /> <LI> Крупные города России: <br /> <UL> <br /> <LI> Москва <br /> <LI> Санкт-Петербург <br /> </UL> <br /> <LI> Крупны е города Украины: <br /> <UL> <br /> <LI> Киев <br /> </UL> <br /> </UL> <br /> что дает на экране: <p> Крупные города России: <br /> Москва <br /> Санкт-Петербург <br /> Крупные города Украины: <br /> Киев <p> -------------------------------------------------------------------------------- <p> Авторский стиль редактирования <p> Как мы уже говорили выше, в общем случае, текст документа формируется browser, игнорируя пробелы и переносы строк. Используя <PRE> можно описать в тексте заданный авторский стиль. (То есть пробелы и пустые строки показаны как пробелы и пустые строки, и строки будут прерываться там же что и в исходном HTML-файле.) Это полезно, например, для изображения программ: <br /> <PRE> <br /> #!/bin/csh <br /> cd $SCR <br /> cfs get mysrc.f:mycfsdir/mysrc.f <br /> cfs get myinfile:mycfsdir/myinfile <br /> fc -02 -o mya.out mysrc.f <br /> mya.out <br /> cfs save myoutfile:mycfsdir/myoutfile rm * <br /> </PRE> <p> что дает на экране: <p> #!/bin/csh <br /> cd $SCR <br /> cfs get mysrc.f:mycfsdir/mysrc.f <br /> cfs get myinfile:mycfsdir/myinfile <br /> fc -02 -o mya.out mysrc.f <br /> mya.out <br /> cfs save myoutfile:mycfsdir/myoutfile rm * <p> При этом на экране текст пишется шрифтом фиксированной ширины. <br /> В пределах <PRE> могут использоваться гиперссылки. Однако, в пределах < PRE> , необходимо избегать использовать другие методы форматирования HTML-документов. Заметим, что поскольку <, >, и & имеют специальное значение в HTML, необходимо использовать вместо них симвлды ( & lt; , & gt; , и & amp; , соответственно). Смотрите также Специальные символы. <p> <p> -------------------------------------------------------------------------------- <p> Цитаты <p> Используя < BLOCKQUOTE> , можно включить в текст отдельную цитату. Большинство browsers отделяет такую цитату от окружающего текста. Например: <br /> <p> <BLOCKQUOTE> <br /> Для того чтобы перейти в другой каталог на том же диске, можно нажать комбинацию <br /> клавиш [Alt-F10]. После этого на экране изображается дерево каталогов на <br /> диске. Клавишами перемещения курсора следует выделить нужный катлог и нажать <br /> [Enter]. <P> <br /> Можно также набрать первые буквы имени того катлога, в который надо перейти. <br /> Norton Commander постарается сам выделить нужный каталог. <P> <br /> </BLOCKQUOTE> <br /> Что дает на экране: <p> Для того чтобы перейти в другой каталог на том же диске, можно нажать комбинацию клавиш [Alt-F10]. После этого на экране изображается дерево каталогов на диске. Клавишами перемещения курсора следует выделить нужный катлог и нажать [Enter]. <br /> Можно также набрать первые буквы имени того катлога, в который надо перейти. Norton Commander постарается сам выделить нужный каталог. <p> <p> -------------------------------------------------------------------------------- <p> Адреса <p> < ADDRESS> используется, чтобы определить автора документа и способы контакта c ним (например, e-mail адрес). Обычно это последний пункт в файле. <br /> Например, последняя строка этого документа выглядит: <p> <ADDRESS> Введение в HTML/ НИИЯФ МГУ/ lenka@srdlan.npi.msu.su</ADDRESS> <p> Что дает на экране: <p> <p> Введение в HTML/ НИИЯФ МГУ/ lenka@srdlan.npi.msu.su <p> Внимание: <ADDRESS>НЕ используется для почтового адреса. <p> -------------------------------------------------------------------------------- <p> Стили <p> Можно описывать специальными стилями отдельные слова или предложения. Имеются два типа стилей: логический и физический. Логические стили определяют текст согласно заданному значению, в то время как физические стили определяют некоторые участки текста. <br /> Зачем существуют два стиля, если они могут дать одинаковый результат на экране? В ка честве ответа на этот вопрос сошлемнся на аксиому: "Доверьтесь вашему browser." <p> В идеале, в SGML, содержание отделяется от заглавия. Таким образом, SGML определяет строку как заголовок, но не определяет, что заголовок должен быть написан, например, жирным шрифтом с размером букв 24 пункта, и должен быть расположен в верхней части страницы. Преимущество этого подхода (это подобно в концепции стиля в большинстве текстовых процессоров) - в том, что если Вы решаете заменить стиль заголовка - все, что Вы должны сделать - это измененить определение заголовка в Web browser. <p> Другое преимущество стилей в том, что, например, удобнее определить что - нибудь как < h3> чем помнить, каким шрифтом надо описывать заголовок. Это же истинно и для отдельных символов. Например, рассмотрим . Большинство browsers рассматривают это как жирный шрифт в тексте. Однако, возможно, что читатель предпочел бы что этом разделе это выделялось, например, другим цветом. Таким образом, стили дают пользователю большую свободу в выборе шрифтов. <p> -------------------------------------------------------------------------------- <p> Логические стили <p> <DFN> <br /> служит для описания определений. (Это определение.) <br /> < EM > <br /> служит для выделения слов. (Это выделенное слово.) <br /> <CITE> <br /> служит для выделения заголовков книг, фильмов, цитат и т.п. (Это цитата) <br /> <CODE> <br /> служит для выдлеления программных кодов, текстов программ и т.п. Изображается шрифтом фиксированной ширины. (The <stdio.h> header file) <br /> <KBD> <br /> используется для ввода с клавиатуры пользователья. Может быть изображено жирным шрифтом (но в большинстве browser изображается специальным шрифтом). (Введите passwd) <br /> <SAMP> <br /> используется для машинных сообщений. Изображается шрифтом фиксированной ширины. (Seg mentation fault: Core dumped.) <br /> <br /> служит для ОСОБОГО выделения слов. Обычно выделяется жирным шрифтом (Это очень важно ) <br /> <VAR> <br /> используется для символьных переменных. (Это переменная.) <p> -------------------------------------------------------------------------------- <p> Физические стили <p> Существуют физические способы выделения - автор задает стиль написания текста, описывая шрифт в исходном HTML-документе. <br /> Вы можете задать: <p> <p> <B>, </B> <br /> жирный шрифт (это жирный шрифт) <br /> <I>, </I> <br /> наклонный шрифт (это наклонный шрифт) <br /> <TT>, </TT> <br /> фиксированный шрифт (шрифт заданной ширины) (это fixed шрифт) <p> -------------------------------------------------------------------------------- <p> Специальные символы <p> Символы <, >, & и " имеют в HTML особое значение, как символы форматирования. Но иногда нам необходимо использовать их в тексте по своему прямому назначению. Для их введения в текст, Вы должны использовать: <br /> <p> & lt; <br /> - левая скобка < <br /> & gt; <br /> - правая скобка > <br /> & amp; <br /> - & <br /> & quot; <br /> - " <br /> Полное описание использования различных символов Вы можете найти в ЦЕРНЕ. <p> ЗАМЕЧАНИЕ:Специальные символы чувствительны к регистру: НЕЛЬЗЯ использовать < вместо <. <p> -------------------------------------------------------------------------------- <p> Прерывание стороки <p> Используя <BR> Вы можете перейти на новую строку, не начиная нового абзаца (в большинстве browser абзацы выделяются дополнительными пустыми строками). <br /> Например: <p> <p> Институт Ядерной Физики<BR>Московского Государственного Университета<BR> <br /> даст на экране: <p> Институт Ядерной Физики <br /> Московского Государственного Университета <p> -------------------------------------------------------------------------------- <p> Горизонтальная линия <p> Используя <HR> Вы можете разделить текст горизонтальной чертой: <br /> <p> Этот текст сверху от линии. <br /> -------------------------------------------------------------------------------- <p> Этот текст снизу от линии. <br /> Внутренние рисунки <p> Большинство Web browsers могут показывать рисунки X Bitmap (XBM) или GIF формата вместе с текстом. <br /> Поскольку каждый рисунок занимает много времени на отображение на экране (что замедляет показ документа) то мы не рекомендуем Вам включать слишком большое количество или чрезмерно большие по размеру рисунки в Ваш HTML-документ. <p> Чтобы включить рисунок, надо описать гиперссылку на него: <p> <p> <IMG SRC=image_URL> <p> где image_URL - URL .gif или .xbm файла, содержащего рисунок. Таким образом, синтаксис ссылки на рисунок аналогичен синтаксису гиперссылки HREF. <br /> Автоматически, рисунок выравнивается по нижнему краю сопровождающего его текта, но Вы можете задавать взаимное расположение рисунка и текста: <p> - это выравнивание по нижнему краю (делается browser по умолчанию). <p> - это выравнивание по верхнему краю. <p> Форматирование положения рисунка задается включением в гиперссылку пункта "ALIGN = ": <p> <p> <IMG ALIGN=top SRC=image_URL> <p> Также возможны типы выравнивания: <br /> <p> ALIGN = MIDDL <br /> ALIGN = CENTER <br /> -------------------------------------------------------------------------------- <p> Если Browsers не поддерживает рисунки <p> Некоторые WWW-browsers, (напоимер, используемые на VT100-терминалах) не могут показывать рисунки. Такие пользователи смогут увидеть только текст, заданный в пункте гиперссылки "ALT = ". Сопроводительный текст должен быть включет в кавычки. Например: <br /> <p> <IMG SRC="LOGO.GIF" ALT = "logo.gif" > <p> В этом случае пользователь lynx увидит только текст "logo.gif": <br /> <p> -------------------------------------------------------------------------------- <p> Внешние рисунки, звуки и мультипликация <p> Если Вы не хотите, чтобы рисунок замедлял загрузку основного WWW-документа, Вы можете поместить рисунок в отдельный документ, написав на него гиперссылку. В этом случае пользователь сам должен решить - смотреть или не смотреть ему этот рисунок: <br /> <A HREF = image_URL>Здесь</A> Вы можете увидеть рисунок. <p> Здесь Вы можете увидеть рисунок. <p> <p> -------------------------------------------------------------------------------- <p> Возможные ошибки <p> Наложение различных стилей <p> Рассмотрим следующую строку HTML-документа: <br /> <B>Это пример <DFN>наложения стилей</B> в HTML-документе</DFN> Слова "наложения стилей" определены одновременно как <B> и <DFN>. Как будут реагировать на это browser? Очевидно, что разные browser - по разному, и предсказать, каким на самом деле увидет Ваш текст пользователь, нельзя. Поэтому рекомендуем Вам избегать такого наложения стилей. <p> <p> -------------------------------------------------------------------------------- <p> Различные стили внутри гиперссылки <p> Можно использовать гиперссылку внутри строки заданного стиля: <br /> <h3><A HREF = " begth_r1.html "> Введение в HTML </A></h3> <p> <p> Но нельзя изменять стиль внутри гиперссылки: <p> <A HREF = " begth_r1.html "> <h3> Введение в HTML </h3> </A> <p> <p> -------------------------------------------------------------------------------- <p> Ошибочная ссылка <p> Когда Вы описываете ссылку <IMG> на рисунок, которого не существует, он заменяется фиктивным изображением. Проверьте, что рисунок существует, что в гиперссылке указан правильный URL, и что у пользователей есть права на использование этого файла. <br /> <p> -------------------------------------------------------------------------------- <p> Более длинный пример <p> Рассмотрим более длинный пример HTML-документа: <br /> <p> <HEAD> <br /> <TITLE> ;Более длинный пример</TITLE> <br /> </HEAD> <br /> <BODY> <br /> <h3>Более длинный пример</h3> <br /> Это простой HTML-документ. Это первый абзац. <P> <br /> Это второй абзац, он демонстрирует некоторые возможности HTML по выделению слов. <br /> Это слово написано <I>наклонным</I> шрифтом. Это слово написано <br /> <B>жирным</B> шрифтом. <br /> Здесь Вы можете увидеть картинку: <br /> <IMG SRC="LOGO.GIF"><P> <br /> Это третий абзац, он демонстрирует использование гиперссылок. <br /> Это гиперссылка на файл minihtml.html, содержащий простой пример HTML-документа: <br /> <A HREF="minihtml.html">Пример HTML-текста</A>.<P> <br /> <h3>Заголовок второго уровня</h3> <br /> Дальнейший текст будет написан шрифтом фиксированной ширины: <P> <br /> <PRE> On the stiff twig up there Hunches a wet black rook Arranging and rearranging its feathers in the rain ... <br /> </PRE> <br /> Это ненумерованный список, состоящий из двух элементов: <P> <br /> <UL> <br /> <LI> смородина <br /> <LI> черника <br /> </UL> <br /> Конец документа. <P> <br /> <ADDRESS>Elena G. Koroteyeva (lenka@srdlan.npi.msu.su)</ADDRESS> <br /> </BODY>
Категорія: HTML | Додав: msc
Переглядів: 1008 | Завантажень: 0 | Рейтинг: 0.0/0
Всього коментарів: 0
Додавати коментарі можуть лише зареєстровані користувачі.
[ Реєстрація | Вхід ]