Главная / Рефераты / Рефераты по информатике, программированию
Шпаргалка: HTML
Notice: Undefined variable: ref_img in /home/area7ru/area7.ru/docs/referat.php on line 323
HTML Таговая модель документа: "элемент" := <"имя элемента" "список атрибутов> содержание элемента </"имя элемента> Структура документа Элемент HTML или гипертекстовый документ состоит из двух частей: заголовка документа (HEAD) тела документа (BODY) <HTML> <HEAD> Содержание заголовка </HEAD> <BODY> Содержание тела документа </BODY> </HTML> Элементы заголовка <TITLE> | поля документа | <BASE> | базовый адрес | <ISINDEX> | поисковый документ | <LINK> | общая гипертекстовая ссылка | <META> | | Примеры элементов заголовка: <TITLE> Название документа </TITLE> <BASE HREF=http://polyn.net.kiae.su/>, <A HREF=/altai/index.html> <A HREF=http://polyn.net.kiae.su/altai/index.html> <img src=ref_img.php?informatics//gif/test.gif> <img src=ref_img.php?informatics/http://polyn.net.kiae.su/gif/test.gif> <ISINDEX HREF=http://polyn.net.kiae.su/cgi-bin/search" PROMPT=Enter Keywords:> <LINK REL=Help HREF=http://polyn.net.kiae.su/dss/syshelp.html> <LINK REL=Banner HREF=banner.html> <META HTTP-EQUIV=Keywords" CONTENT=Plsma, Nuclear Physics> Keywords: Plasma, Nuclear Physics Основные классы элементов тела Тело документа состоит из: Иерархических контейнеров и заставок Заглавий (от H1 до H6) Блоков (параграфы, списки, формы, таблицы, картинки и т. п.) Горизонтальных отчеркиваний и адресов Текста, разбитого на области действия стилей (подчеркивание, выделение, курсив), математические описания, графику и гипертекстовые ссылки Элементы стиля Элемент | Значение | Примечание | <I>.</I> | Курсив | (Italic) | <B>...</B> | Усиление | (BOLD) | <TT>...</TT> | Телетайп | | <U>...</U> | Подчеркивание | | <S>...</S> | Перечеркнутый текст | | <BIG>...</BIG> | Увеличенный текст | только Arena | <SMALL>...</SMALL> | Уменьшенный фонт | только Arena | <SUB>...</SUB> | Подстрочные символы | только Arena | <SUP>...</SUP> | Надстрочные символы | только Arena | Информационные элементы Элемент | Значение | Примечание | <EM>...</EM> | Типографское усиление | Часто отображается как Italic | <CITE>...</CITE> | Цитирование | Не реализовано в Mosaic | <STRONG>...</STRONG> | Усиление | Отображается как BOLD | <CODE>...</CODE> | Отображает примеры кода (например, коды программ) | Отображается непропорциональным фонтом | <SAMP>...</SAMP> | Последовательность литералов | Не реализован в Mosaic | <KBD>...</KBD> | Пример ввода символов с клавиатуры | Используется при разработке руководств | <VAR>...</VAR> | Переменная | | <DFN>...</DFN> | Определение | только Arena | <Q>...</Q> | Текст, заключенный в скобки Вид скобок зависит от атрибута LAN | Реализован только в Arena | <LANG>...</LANG> | Определяет язык отображения | только Arena | <AU>...</AU> | Автор | только Arena | <PERSON>...</PERSON> | Имя персоны Введено для простоты выделения при индексировании документов | Реализован только в Arena | <ACRONIM>...</ACRONIM> | Акроним | только Arena | <ABBREV>...</ABBREV> | Аббревиатура | только Arena | <INS>...<INS> | Вставленный текст | только Arena | <DEL>...</DEL> | Удаленный текст | только Arena | | | | Управление отображением стиля символов текста Отображение ненумерованного списка <UL> <LH>Title of WWW programmes (NCSA). <LI> NCSA HTTPD; <LI> NCSA MOSAIC <UL> <LH>Title of WWW programmes (CERN). <LI> CERN HTTPD; <LI> AGORA - email robot; <LI> HTTPD CERN; <LI> WWW Line Browser; <LI> Arena. </UL> <UL> <LH> Title of WWW programmes (Netscape). <LI> Netsite - server; <LI> Netscape Novigator. </UL> Вложенные ненумерованные списки <UL> <LI>Title of WWW programmes (NCSA). <UL> <LI> NCSA HTTPD; <LI> NCSA MOSAIC </UL> <LI>Title of WWW programmes (CERN). <UL> <LI> CERN HTTPD; <LI> AGORA - email robot; <LI> HTTPD CERN; <LI> WWW Line Browser; <LI> Arena. </UL> <LI> Title of WWW programmes (Netscape). <UL> <LI> Netsite - server; <LI> Netscape Novigator. </UL></UL> Вложенные нумерованные списки <OL> <HL>Нумерованный список <LI>Элементы заголовка документа <OL> <LI>TITLE <LI>BASE <LI>LINK </OL> <LI>Элементы тела документа <OL> <LI>BODY <LI>Heading <LI>Paragraph <LI>Line Break <LI>Horizontal Rule <LI>... </OL> </OL> Пример списка определений <A HREF=http://polyn.net.kiae.su/index.html> Индекс базы данных "Полынь"</A> <A NAME=point> <A HREF=http://polyn.net.kiae.su/index.html#point> Ссылка на точку "point" в документе "index.html"</A> <img src=ref_img.php?informatics/http://polyn.net.kiae.su/gif/sarclast.gif ALT=Sarcofagus.Winter, 1997> <A HREF=doc.html><img src=ref_img.php?informatics/icon.gif ALIGN=MIDDLE></A> Таблицы <TABLE BORDER> <CAPTION>A test table with merged cells. <CREDIT> (T.Berners Lee/WWWC,1995.)</CREDIT> </CAPTION> <TR><TH ROWSPAN=2><TH COLSPAN=2>Average> <TH rowspan=2>other<BR>category<TH ROWSPAN=2>Misc</TR> <TR><TH>height<TH>weght</TR> <TR><TH ALIGN=left>males<TD>1.9<TD>0.003 <TR><TH ALIGN=left>females<TD>1.7<TD>0.002 </TABLE> Пример таблицы Пример таблицы построенной в текстовом редакторе Формы Элемент | Назначение | INPUT | поля ввода информации имеют множество типов | TEXTAREA | поле ввода многострочного текста | SELECT | описание меню | OPTION | описание элемента меню | Пример использования полей ввода <FORM METHOD=POST ACTION=http://polyn.net.kiae.su/cgi-bin/test> <P> Ниже приведен список примеров полей ввода:<BR> Простое текстовое поле: <INPUT NAME=test1" VALUE=test1" TYPE=text><BR> Поле типа checkbox: <INPUT NAME=test2" TYPE=checkbox" CHECKED><BR> Поле типа radiobutton: <INPUT NAME=test3" TYPE=radio><BR> Поле типа password: <INPUT NAME=test4" TYPE=password><BR> Невидимое поле: <INPUT NAME=test5" TYPE=hidden" VALUE=kuku><BR> Кнопка Submit: <INPUT NAME=submit" VALUE=Submit" TYPE=submit><BR> Кнопка Reset: <INPUT NAME=reset" VALUE=Reset" TYPE=reset><BR> Графическая кнопка: <INPUT NAME=graph" VALUE=default" src=ref_img.php?informatics/test.gif TYPE=image><BR> </FORM> БАЗИСНЫЕ ЭЛЕМЕНТЫ Тип документа<HTML></HTML>(начало и конец файла) Имя документа<TITLE></TITLE>(должно быть в заголовке) Заголовок<HEAD></HEAD>(описание документа, например его имя) Тело<BODY></BODY>(содержимое страницы) ОПРЕДЕЛЕНИЕ СТРУКТУРЫ Заглавие<H?></H?>(стандарт определяет 6 уровней) с выравниванием<H? ALIGN=LEFT|CENTER|RIGHT></H?> Секция<DIV></DIV> с выравниванием<DIV ALIGN=LEFT|RIGHT|CENTER></DIV> Цитата<BLOCKQUOTE></BLOCKQUOTE> (обычно выделяется отступом) Выделение<EM></EM>(обычно изображается курсивом) Дополнительное выделение<STRONG></STRONG>(обычно изображается жирным шрифтом) Отсылка, цитата<CITE></CITE>(обычно курсив) Код<CODE></CODE>(для листингов кода) Пример вывода<SAMP></SAMP> Ввод с клавиатуры<KBD></KBD> Переменная<VAR></VAR> Определение<DFN></DFN>(часто не поддерживается) Адрес автора<ADDRESS></ADDRESS> Большой шрифт<BIG></BIG> Маленький шрифт<SMALL></SMALL> ВНЕШНИЙ ВИД Жирный<B></B> Курсив<I></I> N3.0bПодчеркнутый<U></U>(часто не поддерживается) Перечеркнутый<STRIKE></STRIKE>(часто не поддерживается) N3.0bПеречеркнутый<S></S>(часто не поддерживается) Верхний индекс<SUB></SUB> Нижний индекс<SUP></SUP> Печатная машинка<TT></TT>(изображается как шрифт фиксированой ширины) Форматированый<PRE></PRE>(сохранить формат текста как есть) Ширина<PRE WIDTH=?></PRE>(в символах) Центрировать<CENTER></CENTER> >(как текст, так и графика) N1.0Мигающий<BLINK></BLINK>(наиболее осмеянный элемент) Размер шрифта<FONT SIZE=?></FONT>(от 1 до 7) Изменить размер шрифта<FONT SIZE=+|-?></FONT> N1.0Базовый размер шрифта<BASEFONT SIZE=?>(от 1 до 7; по умолчанию 3) Цвет шрифта<FONT COLOR=# S S S S S S ></FONT> N3.0bВыбор шрифта<FONT FACE=***></FONT> N3.0bМногоколоночный текст<MULTICOL COLS=?></MULTICOL> N3.0bПробел между колонками<MULTICOL GUTTER=?></MULTICOL>(по умолчанию 10 точек) N3.0bШирина колонки<MULTICOL WIDTH=?></MULTICOL> N3.0bПустой блок<SPACER> N3.0bТип пустого блока<SPACER TYPE=horizontal| vertical|block> N3.0bВеличина пустого блока<SPACER SIZE=?> N3.0bРазмеры пустого блока<SPACER WIDTH=? HEIGHT=?> N3.0bВыравнивание<SPACER ALIGN=left|right|center> ССЫЛКИ И ГРАФИКА Ссылка<A HREF=URL></A> Ссылка на закладку<A HREF=URL#***></A>(в другом документе) <A HREF=#***></A>(в том же документе) N2.0На другое окно <A HREF=URL" TARGET=***| |_blank|_self|_parent|_top> </A> Определить закладку<A NAME=***></A> Отношение<A REL=***></A>(часто не поддерживается) Обратное отношение<A REV=***></A>(часто не поддерживается) Графика<IMG src=ref_img.php?informatics/URL> Выравнивание<IMG src=ref_img.php?informatics/URL"ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> N1.0Выравнивание<IMG src=ref_img.php?informatics/URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> Альтернатива<IMG src=ref_img.php?informatics/URL" ALT=***>(выводится если картинка не изображается) Карта<IMG src=ref_img.php?informatics/URL" ISMAP>(нужна также программа) Локальная карта<IMG src=ref_img.php?informatics/URL" USEMAP=URL> Определение карты<MAP NAME=***></MAP> Области карты<AREA SHAPE=RECT" COORDS=" HREF=URL"|NOHREF> Размеры<IMG src=ref_img.php?informatics/URL" WIDTH=? HEIGHT=?>(в точках) Окантовка<IMG src=ref_img.php?informatics/URL" BORDER=?>(в точках) Отступ<IMG src=ref_img.php?informatics/URL" HSPACE=? VSPACE=?>(в точках) N1.0Заменитель в низком разрешении<IMG src=ref_img.php?informatics/URL" LOWsrc=ref_img.php?informatics/URL> N1.1Обновить<META HTTP-EQUIV=Refresh" CONTENT=?; URL=URL> N2.0Включить об*ект<EMBED src=ref_img.php?informatics/URL>(вставить об*ект в страницу) N2.0Размер об*екта<EMBED src=ref_img.php?informatics/URL" WIDTH=? HEIGHT=?> РАЗДЕЛИТЕЛИ Параграф<P></P>(закрывать элемент часто не обязательно) Выравнивание<P ALIGN=LEFT|CENTER|RIGHT></P> Новая строка<BR>(одиночный перевод строки) Убрать выравнивание<BR CLEAR=LEFT|RIGHT|ALL> Горизонтальный разделитель<HR> Выравнивание<HR ALIGN=LEFT|RIGHT|CENTER> Толщина<HR SIZE=?>(в точках) Ширина<HR WIDTH=?>(в точках) N1.0Ширина в процентах<HR WIDTH=%>(в процентах от ширины страницы) Сплошная линия<HR NOSHADE>(без трехмерных эффектов) N1.0Нет разбивки<NOBR></NOBR>(запрещает перевод строки) N1.0Перенос<WBR>(где разбивать строку для переноса при необходимости) СПИСКИ Неупорядоченный<UL><LI></UL>(<LI> перед каждым элементом) Компактный<UL COMPACT></UL> Тип м...
ВНИМАНИЕ!
Текст просматриваемого вами реферата (доклада, курсовой) урезан на треть (33%)!
Чтобы просматривать этот и другие рефераты полностью, авторизуйтесь на сайте:
|
|
|
Добавлено: 2012.06.23
Просмотров: 1535
|
Notice: Undefined offset: 1 in /home/area7ru/area7.ru/docs/linkmanager/links.php on line 21
При использовании материалов сайта, активная ссылка на AREA7.RU обязательная! |