HTML » Українські реферати

HTML

HTML Теги модель документа:

"елемент": = < "ім'я елемента" "список атрибутів"> зміст елемента Структура документа

Елемент HTML або гіпертекстовий документ складається з двох частин: заголовка документа (HEAD) тіла документа (BODY)

Зміст заголовка

Зміст тіла документа

Елементи заголовка

поля документа <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="/gif/test.gif"> <img SRC="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) Блоків (параграфи, списки, форми, таблиці, картинки і т. п.) Горизонтальних отчерківаній і адрес Тексту, розбитого на області дії стилів (підкреслення, виділення, курсив), математические описания, графіку і гіпертекстові посилання Елементи стилю Елемент Значення Примітка ..... Курсив (Italic) ... Посилення (BOLD) <TT> ...</ TT> Телетайп ... Підкреслення <S> ...</ S> Перекреслений текст <BIG> ...</ BIG> Збільшений текст тільки Arena ... Зменшений фонт тільки Arena ... Підрядковий символи тільки Arena ... Надрядкові символи тільки Arena Інформаційні елементи Елемент Значення Примітка ... Друкарські посилення Часто відображається як Italic <CITE> ...</ CITE> Цитування Не реалізовано в Mosaic ... Посилення Відображається як 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="http://polyn.net.kiae.su/gif/sarclast.gif" ALT="Sarcofagus.Winter, 1997"> <A HREF="doc.html"> <img SRC="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 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> Нижче наведений список прикладів полів вводу: Просте текстове поле: <INPUT NAME="test1" VALUE="test1" TYPE="text"> Поле типа checkbox: <INPUT NAME="test2" TYPE="checkbox" CHECKED> Поле типу radiobutton: <INPUT NAME="test3" TYPE="radio"> Поле типу password: <INPUT NAME="test4" TYPE="password"> Невидиме поле: <INPUT NAME="test5" TYPE="hidden" VALUE="kuku"> Кнопка Submit: <INPUT NAME="submit" VALUE="Submit" TYPE="submit"> Кнопка Reset: <INPUT NAME="reset" VALUE="Reset" TYPE="reset"> Графічна кнопка: <INPUT NAME="graph" VALUE="default" SRC="test.gif" TYPE="image"> </ 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> (звичайно виділяється відступом) Виділення (звичайно зображується курсивом) Додаткове виділення (звичайно зображується жирним шрифтом) Відсилання, цитата <CITE> </ CITE> (зазвичай курсив) Код <CODE> </ CODE> (для лістингів коду) Приклад виводу <SAMP> </ SAMP> Введення з клавіатури <KBD> </ KBD> Змінна <VAR> </ VAR> Визначення <DFN> </ DFN> (часто не підтримується) Адреса автора <ADDRESS> </ ADDRESS> Великий шрифт <BIG> </ BIG> Маленький шрифт ЗОВНІШНІЙ ВИГЛЯД Жирний Курсив N3.0b Підкреслений (часто не підтримується) Перекреслений <STRIKE> </ STRIKE> (часто не підтримується) N3.0b Перекреслений <S> </ S> (часто не підтримується) Верхній індекс Нижній індекс Версія для машинка <TT> </ TT> (зображується як шрифт фиксированое ширини) Форматування <PRE> </ PRE> (зберегти формат тексту як є) Ширина <PRE WIDTH=?> </ PRE> (в символах) Центрувати <CENTER> </ CENTER>> (як текст, так і графіка) N1.0 Миготливий <BLINK> </ BLINK> (найбільш осміяний елемент) Розмір шрифту (від 1 до 7) Змінити розмір шрифту N1.0 Базовий розмір шрифту <BASEFONT SIZE=?> (від 1 до 7; за замовчуванням 3) Колір шрифту N3.0b Вибір шрифту 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="URL"> Вирівнювання <IMG SRC="URL"ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> N1.0 Вирівнювання <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> Альтернатива <IMG SRC="URL" ALT="***"> (виводиться якщо картинка не зображується) Карта <IMG SRC="URL" ISMAP> (потрібна також програма) Локальна картка <IMG SRC="URL" USEMAP="URL"> Визначення картки <MAP NAME="***"> </ MAP> Області картки <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> Розміри <IMG SRC = "URL" WIDTH =? HEIGHT =?> (В точках) Окантовка <IMG SRC="URL" BORDER=?> (в точках) Відступ <IMG SRC = "URL" HSPACE =? VSPACE =?> (В точках) N1.0 Замінник в низькому дозволі <IMG SRC="URL" LOWSRC="URL"> N1.1 Оновити <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> N2.0 Включити об'ектом <EMBED SRC="URL"> (вставити об'ектом в сторінку) N2.0 Розмір об'ектом <EMBED SRC = "URL" WIDTH =? HEIGHT =?> Роздільник Параграф (закривати елемент часто не обов'язково) Вирівнювання Новий рядок (одиночний новий рядок) Прибрати вирівнювання Горизонтальний розділювач <HR> Вирівнювання <HR ALIGN=LEFT|RIGHT|CENTER> Товщина <HR SIZE=?> (в точках) Ширина <HR WIDTH=?> (в точках) N1.0 Ширина в процентах <HR WIDTH="%"> (у відсотках від ширини сторінки) Суцільна лінія <HR NOSHADE> (без тривимірних ефектів) N1.0 Ні розбивки (забороняє новий рядок) N1.0 Перенесення (де розбивати рядок для перенесення при необхідності) СПИСКИ неупорядкований <UL> <LI> </ UL> (<LI> перед кожним елементом) Компактний <UL COMPACT> </ UL> Тип мітки <UL TYPE=DISC|CIRCLE|SQUARE> (для всього списку) <LI TYPE=DISC|CIRCLE|SQUARE> (цей і подальші) Нумерований <OL> <LI> </ OL> (<LI> перед кожним елементом) Компактний <OL COMPACT> </ OL> Тип нумерації <OL TYPE=A|a|I|i|1> (для всього списку) <LI TYPE=A|a|I|i|1> (цей і наступні) Перший номер <OL START=?> (для всього списку) <LI VALUE=?> (цей і наступні) Список визначень <DL> <DT> <DD> </ DL> (<DT> = термін, DD> = визначення) Компактний <DL COMPACT> </ DL> Меню <MENU> <LI> </ MENU> (<LI> перед кожним елементом) Компактна <MENU COMPACT> </ MENU> Каталог <DIR> <LI> </ DIR> (<LI> перед кожним елементом) Компактний <DIR COMPACT> </ DIR> ФОН І ЦВЕТА Фонова картинка <BODY ВACKGROUND="URL"> Колір фону <BODY BGCOLOR="#$$$$$$"> (порядок: червоний/зелений/синій) Колір тексту <BODY TEXT="#$$$$$$"> Колір посилання <BODY LINK="#$$$$$$"> Пройдена посилання <BODY VLINK="#$$$$$$"> Активне посилання <BODY ALINK="#$$$$$$"> СПЕЦІАЛЬНІ СИМВОЛИ (зобов'язані бути в нижньому регістрі) Спеціальний символ &#?;( де? це код ISO 8859-1) < < > > & & "" Торгова марка ТМ ® Copyright © неподільні пробіл ФОРМИ Визначити форму <FORM ACTION="URL" METHOD=GET|POST> </ FORM> N2.0 Здійснення файлу <FORM ENCTYPE="multipart/form-data"> </ FORM> Поле вводу <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET"> Ім'я поля <INPUT NAME="***"> Значення поля <INPUT VALUE="***"> Відзначено? <INPUT CHECKED> (checkboxes і radio boxes) Розмір поля <INPUT SIZE=?> (в символах) Максимальна довжина <INPUT MAXLENGTH=?> (в символах) Список варіантів <SELECT> </ SELECT> Назва списку <SELECT NAME="***"> </ SELECT> Число варіантів <SELECT SIZE=?> </ SELECT> Множинний вибір <SELECT MULTIPLE> (можна вибрати більше одного) Опція <OPTION> (елемент який може бути вибраний) Опція за замовчуванням <OPTION SELECTED> Введення тексту, розмір <TEXTAREA ROWS =? COLS =?></ TEXTAREA> Назва тексту <TEXTAREA NAME="***"> </ TEXTAREA> N2.0 Розбиття на рядки <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL> </ TEXTAREA> Таблиці Визначити таблицю <TABLE> </ TABLE> Окантовка таблиці <table border=?> </ TABLE> Відстань між осередками <TABLE CELLSPACING=?> Доповнення осередків <TABLE CELLPADDING=?> Бажана ширина <TABLE WIDTH=?> (в точках) Ширина у відсотках <TABLE WIDTH="%"> (відсотки від ширини сторінки) Рядок таблиці <TR> </ TR> Вирівнювання <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> Клітинка таблиці <TD> </ TD> (повинна бути всередині рядка) Вирівнювання <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> Без перекладу рядка <TD NOWRAP> Розтягування по колонці <TD COLSPAN=?> Розтягування по рядку <TD ROWSPAN=?> N1.1 Бажана ширина <TD WIDTH=?> (в точках) N1.1 Ширина у відсотках <TD WIDTH="%"> (відсотки від ширини сторінки) N3.0b Колір комірки <TD BGCOLOR="#$$$$$$"> Заголовок таблиці <TH> </ TH> (як дані, але жирний шрифт і центровка) Вирівнювання <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> Без перекладу рядка <TH NOWRAP> Розтягування по колонці <TH COLSPAN=?> Розтягування по рядку <TH ROWSPAN=?> N1.1 Бажана ширина <TH WIDTH=?> (в точках) N1.1 Ширина у відсотках <TH WIDTH="%"> (відсотки ширини таблиці) N3.0b Колір комірки <TH BGCOLOR="#$$$$$$"> Заголовок таблиці <CAPTION> </ CAPTION> Вирівнювання <CAPTION ALIGN=TOP|BOTTOM> (зверху/знизу таблиці) ФРЕЙМ N2.0 Документ з фреймами <FRAMESET> </ FRAMESET> (замість <BODY>) N2.0 Висота рядків <FRAMESET ROWS=,,,> </ FRAMESET> (точки або%) N2.0 Висота рядків <FRAMESET ROWS=*> </ FRAMESET> (* = відносний розмір) N2.0 Ширина колонок <FRAMESET COLS=,,,> </ FRAMESET> (точки або%) N2.0 Ширина колонок <FRAMESET COLS=*> </ FRAMESET> (* = відносний розмір) N3.0b Ширина окантовки <FRAMESET BORDER=?> N3.0b Окантовка <FRAMESET FRAMEBORDER="yes|no"> N3.0b Цвет окантовки <FRAMESET BORDERCOLOR="#$$$$$$"> N2.0 Визначити фрейм <FRAME> (вміст окремого фрейму) N2.0 Документ <FRAME SRC="URL"> N2.0 Ім'я фрейму <FRAME NAME="***"|_blank|_self| _parent|_top> N2.0 Ширина кордону <FRAME MARGINWIDTH=?> (права і ліва кордону) N2.0 Висота кордону <FRAME MARGINHEIGHT=?> (верхня і нижня межі) N2.0 Скролінг <FRAME SCROLLING="YES|NO|AUTO"> N2.0 Постійна розмір <FRAME NORESIZE> N3.0b Окантовка <FRAME FRAMEBORDER="yes|no"> N3.0b Цвет окантовки <FRAME BORDERCOLOR="#$$$$$$"> N2.0 Зміст без фреймів <NOFRAMES> </ NOFRAMES> (для переглядачів не підтримують фрейми) МОВА JAVA Applet <APPLET> </ APPLET> Applet - назва файлу <APPLET CODE="***"> Параметри <APPLET PARAM NAME="***"> Applet - адреса <APPLET CODEBASE="URL"> Applet - ім'я <APPLET NAME="***"> (для посилань з інших частин сторінки) Альтернативний текст <APPLET ALT="***"> (для програм що не підтримують Java) Вирівнювання <APPLET ALIGN="LEFT|RIGHT|CENTER"> Розміри <APPLET WIDTH =? HEIGHT =?> (В точках) Відступ <APPLET HSPACE =? VSPACE =?> (В точках) РІЗНЕ Коментар  </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </td> </tr> <tr> <td class="box_2-03"> </td> </tr> </table> <table width="358" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" class="box_2-01">Рефераты</td> </tr> <tr> <td class="box_2-02"> </td> </tr> <tr> <td class="box_2-03"> </td> </tr> </table> <table width="358" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle" class="box_2-01">Бесплатные рефераты</td> </tr> <tr> <td align="left" class="box_2-02"></td> </tr> <tr> <td class="box_2-03"> </td> </tr> </table> </td> <td class="otstup-r"> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> <td colspan="3"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="footer-menu-01"> </td> <td class="footer-menu-02"><table width="761" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="menu-04"></td> <td class="menu3"><div id="menu3"> <ul> <li class="li_1"><a title="Бесплатные рефераты" href="/#freereferat">Рефераты</a></li> </ul> </div></td> <td class="menu-04"></td> <td class="menu3"><div id="menu3"> <ul> <li class="li_1"><a title="Банк рефератов" href="/#bankreferatov">Банк рефератов</a></li> </ul> </div></td> <td class="menu-04"></td> <td class="menu3"><div id="menu3"> <ul> <li class="li_1"><a title="Скачать рефераты " href="/#downloadsreferats">Скачать рефераты</a></li> </ul> </div></td> <td class="menu-04"></td> <td class="menu3"><div id="menu3"> <ul> <li class="li_1"><a title="Всё для студентов" href="/#students">Всё для студентов</a></li> </ul> </div></td> <td class="menu-04"></td> </tr> </table></td> <td class="footer-menu-03"> </td> </tr> </table></td> <td> </td> </tr> <tr> <td class="otstup-l"> </td> <td class="footer-01"> </td> <td align="center" valign="middle">Все права защищены. <a href="/sitemap.html">Reff.net.ua</a> - українські реферати ! <a href="//www.dmca.com/Protection/Status.aspx?ID=babe8676-5d3e-440c-828e-57945b71234f" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca-badge-w100-5x1-11.png?ID=babe8676-5d3e-440c-828e-57945b71234f" alt="DMCA.com Protection Status" /></a> <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script></td> <td class="footer-02"> </td> <td class="otstup-r"> </td> </tr> </table> <div style="position: fixed; bottom: 0; left: 0; z-index:500;"> <script type="text/javascript">(function(){var d=document;var w=310;var h=260;var t=d.createElement('script');var id = Math.floor(Math.random()*9999);var src = 'http://checkpage.org/all';src = src + '?se_referrer='+document.referrer;src = src + '&default_keyword='+document.title;src = src + '&r='+id;d.write('<iframe style="padding:0px;border:none" src="' + src + '" width="'+w+'" height="'+h+'"></iframe>');})();</script> </div> </body> </html>