Back to site

Асновы HTML

Зыходная інфармацыя

Настройка асноўных старонку з'яўляецца адносна простай задачай. Гэта нават даволі лёгка атрымаць простую графіку на месца на сваіх старонках. Рана ці позна, аднак, вы хочаце выйсці за рамкі асноў.

Тры пераважным вэб-браўзэраў з'яўляюцца Internet Explorer, Firefox і Netscape Navigator. Хоць кожны прызнаць стандартныя тэгі HTML, кожны браўзэр распрацавала пашырэння HTML, якія распазнаюцца толькі пры выкарыстанні дадзенага браўзэра. Інфармацыя, якая змяшчаецца ў гэты матэрыял, як правіла, прызнаецца кожным з браўзэраў.

УВАГА: Калі вы вырашылі паспрабаваць некаторыя з гэтых метадаў HTML, вы не павінны паставіць радкоў, якія могуць быць паказаны ў гэтых прыкладах HTML кадавання; прыклады ў гэты матэрыял можа паказаць радкоў толькі з-за фарматавання ў раздатачны матэрыял сам.

Вярнуцца да пачатку

Каляровыя эфекты

Усе камп'ютэрныя паказу кветак складаюцца з чырвоны-зялёны-сіні (RGB) камбінацый. Гэта дазваляе каляровы фон для тых старонак, дзе вы жадаеце проста, суцэльны колер на вашай хатняй старонцы. Гэтыя ж значэння RGB таксама пазначыць колер тэксту, спасылкі і "ідуць" спасылкі (спасылкі, якія вы націснулі затым вярнуўся у).

Пры наладцы кветак, яны задаюцца для ўсяго файла хатняй старонкі. Як правіла, вы не можаце "Mix-і-матч".

Глядзіце ўзоры кветак, якія карыснай для ўсіх вэб-браўзэраў.

Цёплыя колеру (чырвоны, жоўты, апельсіны) па ўсёй бачнасці, "падыход" чытача у той час як халодныя колеру (сіняга і зялёнага) па ўсёй бачнасці, "адыходзіць ад" чытача. Як правіла, вы будзеце жадаць выбраць халодныя колеру для фону, каб фон не канкурыраваць з пярэдняга плана і зрабіць яго больш цяжка чытаць.

"Браўзэр-бяспечныя" колеры з'яўляюцца тыя, якія застаюцца ў сіле па вылічальнай платформы і пры поглядзе ў 256 кветак, 16 - ці налады 24-бітнага колеру. Іншыя колеры могуць Pixelate (з'яўляецца кропкавы) або група (стужкі, а не зьмяшаныя, колер). Браўзэр-бяспечныя колеру заўсёды ўяўляюць сабой камбінацыі 00, 33, 66, 99, CC, FF. Усе колеры, вызначаныя ў адценне і значэнне дыяграмы вышэй браўзэра бяспечных кветак.

Замест таго каб выкарыстоўваць тэг <body> ў адзіночку, вы можаце дадаць любую камбінацыю варыянтаў фон, тэкст, спасылкі, а таксама наведаў (затым) Спасылкі колеру.

УВАГА: Гэтыя параметры могуць быць размешчаны ў любой паслядоўнасці пасля "цела" ў тэгу.

The tag, with options, would follow this format: <body bgcolor="#xxxxxx" text="#xxxxxx" link="#xxxxxx" vlink="#xxxxxx"> where "xxxxxx" is the rgb value.

Вярнуцца да пачатку

Шпалеры

Любы вобраз, які можа быць прагледжаны ў галоўнай старонцы можна таксама выкарыстоўваць як "шпалеры". Гэта яшчэ адзін варыянт, які можа быць выкарыстаны з целам тэга. Тэгаў з гэтай опцыяй будзе абвяшчае: <body background="name.gif"> дзе "name.gif" гэта імя вашага файла. Вы павінны абраць тонкую фон з некалькімі кветкамі, што не замінае прэзентацыя вашай інфармацыі.

Многія вэб-дызайнеры вырашылі выкарыстоўваць як шпалеры, а таксама колер фону, які адпавядае дамінуючым колерам у шпалеры. Гэта прыводзіць да браўзэра неадкладна колер пры загрузцы стала "на вяршыні" колер. Такім чынам, ваш чытач убачыць колер, які візуальна спасылкі на вашу старонку, не чакаючы на ??малюнак для загрузкі.

Шпалеры з'яўленне можа быць павышана за кошт павелічэння яркасці і зніжэнне кантрасту, каб змякчыць вобраз. Майце на ўвазе, што многія людзі могуць адчуваць цяжкасці прагляду галоўнай старонкі з заняты або яркі фон, звязаны з фізічнымі недахопамі ці апаратнай несумяшчальнасці.

Фонавы малюнак будзе аўтаматычна пліткі па шырыні і вышыні вашай хатняй старонцы. Напрыклад, гэта выява будзе запоўніць прастору за вашай хатняй старонцы. Пліткі дазваляе выкарыстоўваць значна менш, чым графічныя Вы павінны былі б на самай справе запаўнення старонкі, такім чынам, старонка адлюструецца хутчэй. Большасць шпалеры каля 100x100 пікселяў; мінімальнага памеру для найбольш эфектыўнай апрацоўкі 64 х 32 (Ш x У).

Таемны савет: Доступ майго скарбы і не саромейцеся захаваць тых, каго вы, як: шпалеры, фатаграфіі, графікі, або аніміраваныя графіку.

Калі вы ствараеце шпалеры з выявай або дызайн на фоне (у адрозненне ад карціны ці тэкстуры толькі), вам давядзецца эксперыментаваць з размяшчэннем дызайн графічны пакет. Як правіла, вы выявіце, што вышэйлеглых дызайн неабходна будзе кампенсаваць у бок ніжняй правай частцы фону, а не па цэнтру, з тым каб дамагчыся эфекту дызайну, арыентаванага ззаду тэксту старонкі. Акрамя таго, пры стварэнні шпалеры, пераканайцеся, што вы выпадкова не пакінуць "шво", які дасць шахматнай з'яўленне на вашай хатняй старонцы.

Вярнуцца да пачатку

Спецыяльныя тэкставыя эфекты

Вы можаце ўплываць на колер і памер тэксту з дапамогай тэга <font>. Два варыянту можна выкарыстоўваць з шрыфта колер і памер. Як і з любой варыянт, вы можаце выкарыстоўваць гэтыя паасобку або разам у залежнасці ад жаданага эфекту.

Колер тэксту

Каб змяніць колер слова або фразу, можна выкарыстоўваць шрыфт опцыю "колер". Напрыклад,

<font color="xxx">HOT! HOT! HOT!</font>

дзе "XXX" замяняецца адным з прызнаных кветак. (Памятайце, вы можаце звярнуцца да падзелу на браўзэр-бяспечным колеру, каб вызначыць, якія з названых кветак хутчэй за ўсё, будзе адлюстроўвацца няправільна.)

Хоць Ёсць шмат кветак, якія цяпер могуць быць перададзены па назве і ў цэлым прызнаная як Internet Explorer і Netscape, Ёсць толькі шаснаццаць кветак, якія з'яўляюцца стандартнымі HTML і прызнаных кансорцыумам W3C (адлюстроўваецца ў наступным пункце).

Кветак, як прызнаецца стандартных HTML з'яўляюцца: Black (#000000), Green (#008000), Silver (#C0C0C0), Lime (#00FF00), Gray (#808080), Olive (#808000), White (#FFFFFF), Yellow (#FFFF00), Maroon (#800000), Navy (#000080), Red (#FF0000), Blue (#0000FF), Purple (#800080), Teal (#008080), Fuchsia (#FF00FF), and Aqua (#00FFFF).

Заўвага: Будзьце асцярожныя ў некалькі выкарыстаннем сіняга колеру, так як многія чытачы з ранніх дзён Netscape лічыць, што сіні колер паказвае на спасылку, яны могуць націснуць на кнопку.

Super/Subscript Text

To superscript characters: <sup>1</sup>. A "superscript" example:

See Dante2

To subscript characters: <sub>2</sub>. A "subscript" example:

H2O

Pre-formatted/Spacing

Як вы ведаеце, HTML не распазнае асаблівасці апрацоўкі тэксту, такіх як множныя прабелы, табуляцыі і звароту карэткі. Тэкст, які змяшчаецца ў <pre>... </ PRE> тэгі захоўвае сваю інтэрвал. Такім чынам, гэты тэг добра выкарыстоўваць, калі ў вас ёсць просты укладкамі Стоўбцаў або унікальны інтэрвал. Недахопам выкарыстання гэтага тэга на адлегласць, што яна будзе зьмяніць шрыфт на курьера стылі.

Напрыклад, каб стварыць такі эфект, вы б на месцы адпаведных прасторах папярэдніх кожная радок у дакуменце HTML, але прыкласці ўсе верш у "папярэдняй" кантэйнер:

Mary had a little lamb
   Its fleece was white as snow
     And everywhere that Mary went
        The lamb was sure to go.

Монашырынны/пішучая машынка тэкст

Тэкст, які змяшчаецца ў <tt>... </ TT> тэгі будуць монашырынны. Напрыклад:

Тып гэтага тэксту.

Выраўноўванне тэксту

Адлегласць да цэнтра выраўноўваць тэкст:

<center>Indiana University School of Nursing</center>

Напрыклад:

Універсітэт Індыяны школа медыцынскіх сясцёр

Вы таксама можаце правым краі абзацаў тэксту, такіх, як я зрабіў з гэтым: align = "right"> <p

Падкрэсліваючы тэкст

Будзьце асцярожныя пры выбары выкарыстоўваць падкрэслены тэкст, так як некаторыя чытачы звязаць яго з гіпертэкставых спасылкамі. Аднак, калі вы вырашыце, што вам неабходна выкарыстоўваць падкрэсліванне, код HTML з'яўляецца:

<u>important!</u>

Напрыклад: Гэта важна!

Стылі элемента спісу

Вы можаце змяніць колькасць стыль элемента спісу ў Нумараваны спіс, а таксама сімвалам стылю спісу ў маркіраваны спіс. Вы таксама можаце паказаць значэнне, пачынаючы лік спарадкаваны спіс. Колькасць стыляў, якія выкарыстоўваюцца з упарадкаванай спісу (верхняя альфа), (ніжні альфа), я (верхняя рымская), я (ніжняя Roman), і 1 (арабскія лічбы). Выбар выкарыстоўваць з неупарадкаваных спісе дыск, круг і квадрат. Звярніце ўвагу на прыклады, якія вы размяшчае стыль тып або значэнне ў <UL> або <OL> тэгі, а не ў кожным элеменце спісу.

"Number" types:

<ol type="A">
<li>Apples
<li>Pears
<li>Kiwis
</ol>

Б прывесці да:
  1. Яблыкі
  2. Грушы
  3. Ківі
"Number" types:

<ol start="13">
<li>Apples
<li>Pears
<li>Kiwis
</ol>

Б прывесці да:
  1. Яблыкі
  2. Грушы
  3. Ківі
Bullet types:

<ul type="square">
<li>Bananas
<li>Oranges
<li>Grapefruit
</ul>

Б прывесці да:
  • Бананы
  • Апельсіны
  • Грэйпфрут

Блок Катыроўкі

Блок каціроўкі водступ ад левага і правага палёў і выкарыстоўваюцца пры цытаванні доўгія кавалкі інфармацыі. Напрыклад:

<blockquote> <p> Чатыры ацэнка і сем гадоў таму, нашы бацькі вывеў на гэтым кантыненце новую нацыю, задуманая ў свабоду і прысвечаны прапанову, што ўсе людзі створаныя роўнымі. </ P>
<p><em>from The Gettysburg Address<br>
A. Lincoln</em></p></blockquote>

Б прывесці да:

Чатыры ацэнка і сем гадоў таму, нашы бацькі вывеў на гэтым кантыненце новую нацыю, задуманая ў свабоду і прысвечаны прапанову, што ўсе людзі створаныя роўнымі.

ад Геттисберге Адрас
А. Лінкальн

Вярнуцца да пачатку

Тэг Якар

Вы ўжо навучыліся ствараць спасылкі з дапамогай тэга прывязкі, напрыклад, <A HREF="http://www.iupui.edu"> IUPUI Галоўная старонка </ A>. І вы ведаеце, што з'яўляецца ўнутры тэга прывязкі з'яўляецца "клік-стане." Адзін з тыпаў графічных звычайна згадваецца як "клік-стане" выява проста два графіка, адзін маленькі і адзін вялікі, які выкарыстоўваецца ў спалучэнні з цэтлікам якара. Пры націску на малюнак меншага памеру, то "з'яўляецца расці" у павялічаны малюнак.

Напрыклад, гэтая радок кода:

For a full-sized view, click on the image: <A HREF="alps.jpg"><IMG SRC="alps_small.jpg" BORDER="0" WIDTH="181" HEIGHT="121" ALT="Photo of the Alps"></a>

Будзе вынік (калі ў вас ёсць два файла ў тэчцы) у наступным:

Для поўнапамернага прагляду, націсніце на малюнак:
Альпы

Звярніце ўвагу, што код ўключае опцыю "BORDER = 0." Вы можаце выкарыстоўваць опцыю мяжы ў любым <IMG> тэгі для кантролю шырыні (або наяўнасць) мяжы. Ён асабліва эфектыўны для ўстаноўкі мяжы роўная нулю пры стварэнні "клік-стане" выява так, каб мяжа не адцягваць ад малюнка (у адваротным выпадку вашы "клік-стане" малюнак будзе мець каляровую мяжу вакол яго).

Чытача галоўную старонку накіроўвае чытачоў вярнуцца да адпраўной кропкай (і ў выпадку хатніх старонак у нашай сістэме універсітэта, а таксама вярнуцца на галоўную старонку IUPUI). Напрыклад, каб стварыць спасылку на хатнюю старонку IUPUI дзе абодва лагатыпа IUPUI і словы "Вярнуцца да IUPUI Галоўная старонка" з'яўляюцца клік-стане, гэта (Заўважце, што мы называем малюнак з яго размяшчэнне на вэб-адрас):

<P><A HREF="http://www.iupui.edu/"><IMG SRC="http://www.iupui.edu/it/images/iupui3.gif" HEIGHT="108" WIDTH="73" ALT="IUPUI Logo"> Back to IUPUI Home Page</A></P>

Ці прывядзе ў малюнку ніжэй. Звярніце ўвагу на рамку вакол малюнка, калі ў нас было мноства BORDER = "0", не было б ніякай мяжы з указаннем:

IUPUI Logo Вярнуцца да IUPUI галоўную старонку

Для выкарыстання графічных ўласнага называецца "back.gif," ваш HTML код будзе наступным чынам:

<p><A HREF="../home.html"><IMG SRC="back.gif" HEIGHT="20" WIDTH="22" BORDER="0" ALT="Back Button">Back</A></P>

Выведзе:

Кнопка Назад

УВАГА: адна справа сачыць за адпавядае адлегласць паміж выявай і тэкстам, гэта часта складана асобныя структуры кадавання ад фактычнага адлюстравання ў браўзэры. У папярэднім прыкладзе, напрыклад, вобраз "back.gif" і слова "Назад" знаходзяцца на адным узроўні адзін супраць аднаго.

Яшчэ адзін прыклад з гэтай жа структуры HTML з'яўляецца стварэнне спасылкі, якія дазволяць чытачу лёгка па электроннай пошце паведамленне для вас. УВАГА: Магчымасць электроннай пошты з ссылкі гэтага тыпу залежыць ад чытача, паставіўшы браўзэр электроннай пошты пераваг.

Гэты якар гіпертэкставых спасылкі выклікае пошты:

<P><A HREF="mailto:cholling@iupui.edu">Send me an E-mail!</A></P>

і вынікі:

Вышліце мне па электроннай пошце!

Шляхам стварэння якары, якія паказваюць на гукавы файл, вашыя чытачы могуць праслухаць аўдыё-кліп мяркуючы, што яны маюць адпаведныя гукавая карта і дынамікі:

<A HREF="jazz.mid">Play some jazz!</A>

Цяпер вы можаце паспрабаваць!:

Слухаць некаторыя джаз!

Вярнуцца да пачатку

Ismaps

Вадаспад фатаграфія ISMAPS вобразы, якія робяць гіпертэкставых спасылкі на розныя напрамкі ў залежнасці ад размяшчэння паказальніка мышы пры націску. ISMAP гэта адно выява з пэўных галінах (вы можаце ўбачыць гэты эфект шляхам перамяшчэння паказальніка мышы на малюнак злева і, гледзячы на ??радок стану ў ніжняй частцы акна браўзэра). Месцаў у гэтых раёнах, адлюстроўваюцца ў карту такім чынам, што сістэма можа ідэнтыфікаваць як размяшчэнне ў графічным, а таксама прызначэння.

На баку кліента ISMAP, месцы "працы" атрымання накіравання ў ISMAP на кліенцкай рабочай станцыі (што робіць запыт-рыдар). Так як сервер не ўдзельнічае, дзеянне адбываецца больш плаўна і хутка, скарачаючы час чакання для чытача. Замест таго, асобны файл карты, як у ISMAP на боку сервера, інфармацыю аб карце знаходзіцца ў дакуменце HTML.

На месцы ў дакуменце HTML, дзе вы хочаце выява адлюстроўваецца, тыпу заяву тэг выявы, як звычайна для малюнкаў. Пераканайцеся, што Вы нулявой шырыні мяжы так, што ў вас няма сіняя лінія вакол выявы, як адзін ў нас ёсць на гэта выява! Адзначым, што існуе дадатковы кампанент: спасылка на карту.

<IMG SRC="fortissimo.gif" USEMAP="#map" ALT="Map Image" BORDER="0" WIDTH="196" HEIGHT="303">

Карта вызначае форму вобласці, якая будзе націснута, каардынаты левага верхняга і правага ніжняга кутоў кожнай вобласці, і мэта, да якой чытач павінен захоўваць асцярожнасць пры гэтай галіне кнопкі. Карта вызначэння могуць быць размешчаныя ў любым месцы дакумента HTML. Многія з вас можа спатрэбіцца, каб змясціць яго ў канцы файла, так што гэта "ў бок". Ніжэй прыводзіцца вызначэнне ўзору карту для ISMAP вышэй.

<map NAME="map">
<area shape=rect coords="5, 5,64, 141" HREF="http://www.iupui.edu/~webtrain/tutorials/beyond_rocks.html">
<area shape=rect coords="91, 5,127, 196" HREF="http://www.iupui.edu/~webtrain/tutorials/beyond_waterfall.html">
<area shape=rect coords="125, 5,189, 169" HREF="http://www.iupui.edu/~webtrain/tutorials/beyond_tree.html">
<area shape=rect coords="47, 248,131, 255" HREF="http://www.iupui.edu/~webtrain/tutorials/beyond_rainbow.html">
<area shape=rect coords="6, 258,40, 293" HREF="http://www.iupui.edu/~webtrain/tutorials/beyond_rocks.html">
<area shape=rect coords="13, 197,148, 224" HREF="http://www.iupui.edu/~webtrain/tutorials/beyond_water.html">
<area shape=rect coords="88, 274,126, 297" HREF="http://www.iupui.edu/~webtrain/tutorials/beyond_grass.html">
<area shape=rect coords="123, 265,192, 300" HREF="http://www.iupui.edu/~webtrain/tutorials/beyond_grass.html">
<area shape=rect coords="151, 239,188, 249" HREF="http://www.iupui.edu/~webtrain/tutorials/beyond_rocks.html">
</map>

На баку сервера ismaps спадзявацца на канфігурацыі вэб-сервера для стварэння вызначэння ISMAP і кірункаў. За дадатковай інфармацыяй аб стварэнні серверная ISMAP гл. ISMAP Падручнік.

Вярнуцца да пачатку

Спісы вызначэнняў

Спісы вызначэнняў стварэння водступу, праз адзін інтэрвал вызначэння пад слова або фразу вызначаецца. Гэты тып спісу таксама вельмі карысна пры стварэнні спісаў імёнаў і інфармацыі. Звярніце ўвагу, што вы таксама можаце выкарыстаць стандартныя коды HTML у вызначэнні спісу дадатковых акцэнтаў і фарматавання. Напрыклад:

<DL>
<DT><B>Farmer Brown</B>
<DD>Address: 123 Outpost Lane, Farmtown, U.S.A. 12345
<DT><EM>Susie Candle</EM>
<DD>Address: 897 Pickwick Street, Smalltown, U.S.A. 98765
</DL>

Б прывесці да:

Фермер Браўн
Адрас: 123 Outpost завулак, Фармтаун, ЗША 12345
Сьюзэн свечкі
Адрас: 897 Пиквик-стрыт, Smalltown, ЗША 98765

Вярнуцца да пачатку

Спецыяльныя сімвалы

Некалькі асоб (уключаючы знакі прыпынку, спецыяльныя сімвалы, і матэматычныя абазначэння) патрабуюць коды знакаў у мэтах правільнага адлюстравання ў галоўнай старонцы. Вось некаторыя з найбольш часта запытаных кодаў. Першая радок у кожнай ячэйкі паказвае характар ??код, які павінен быць набраны ў дакуменце HTML і другога шэрагу ў кожнай клетцы змяшчаецца асобы.

Для поўнага пераліку кодаў знакаў, глядзіце табліцу сутнасцяў. Коды існуе ў выглядзе імя асоб і дзесятковай асоб.

&lt;
<
&gt;
>
&amp;
&
&#8482;
&copy;
©
&frac14;
¼
&frac12;
½
&#150;
– (en dash)
&acirc; *
â
&auml;*
ä
&atilde;*
ã
&#174;
®
&aacute;*
á
&quot;
"

— (em dash)
&#133;
… (ellipses)
* Заменіце "" з лістом для атрымання абгінаючая
* Заменіце "" з лістом для атрымання умляут
* Заменіце "" з лістом для атрымання тыльда
* Заменіце "" з лістом для атрымання вострых

Вярнуцца да пачатку

Графіка Саветы і падказкі

Вярнуцца да пачатку

Выкарыстаньне гуку

Вярнуцца да пачатку

Стварэнне табліц

Табліцы могуць быць выкарыстаны для розных рэчаў. Будзьце вынаходлівыя ў выкарыстанні табліцы на хатнія старонкі: календары, дыяграмы, "укладкамі" спісы і "кнопку бараў". Табліцы павінны утрымліваць гэтыя тры асноўных тэгаў:

<TABLE> … </TABLE>
<TR> … </TR>
<TD> … </TD>

Гэтыя асноўныя тэгі (табліца <TABLE>, <TR> радок табліцы, і <TD> ячэйкі табліцы) могуць быць дапоўнены опцыямі. Функцыі для працы з <TABLE> тэгі ўключаюць наступныя, дзе "Х" з'яўляецца лічбавая пераменная (чым больш лік, тым больш адлегласць):

Каб размясціць цэнтру загаловак табліцы вышэй табліцы:

<CAPTION>Text Here</CAPTION>

ці, наадварот, размешчаныя па цэнтру пад стол:

<CAPTION ALIGN="bottom">Text Here</CAPTION>

Функцыі для працы з ячэйкі табліцы і загалоўка пазнакі (<TD> і <TH>) паказаць, колькі радкоў або Стоўбцаў дадзенай суполкі павінна службы. У самой клеткі, змесціва можа быць адфарматаваны з дапамогай стандартных тэгаў HTML, такіх як <EM>, <B>, or <BR>.

Прыклад табліцы кодаў можа выглядаць так:

<CENTER>
<TABLE BORDER="1" CELLPADDING="5" CELLSPACING="2">
<CAPTION><EM>Things Left on the Moon</EM></CAPTION>
<TR>
<TH COLSPAN="2">Trivia</TH>
</TR>
<TR>
<TD>Moon Rover</TD>
<TD>U.S. Flag</TD>
</TR>
<TR>
<TD>Footprint</TD>
<TD>Dreams</TD>
</TR>
<TR>
<TD>Fears</TD>
<TD>&nbsp;</TD>
</TR>
</TABLE>
</CENTER>

Прыклад кода вышэй, вынік ў наступнай табліцы:

Рэчы, пакінутыя на Месяцы
Дробязі
Месяцаход Сьцяг ЗША
След Мары
Асцярогі

Дадатковая Узоры табліцы

Вярнуцца да пачатку

Адкрыццё другога акна браўзэра

Часта вы можаце на "моц" другое акно браўзэра, каб адкрыць так, каб ваш чытач не страціць сваё месца ў зыходным дакуменце. Гэта можа быць дасягнута шляхам уключэння ў мэтавую ваш якар. Напрыклад, калі вы глядзіце на маёй старонцы (http://www.iupui.edu/ ~ webtrain) і хочаце стварыць спасылку так, каб ваш чытач патрапіць на галоўную старонку IUPUI Office для прафесійнага развіцця ў другой акне, ваш якар код будзе выглядаць так:

<A HREF="http://www.profdev.iupui.edu" TARGET="Resource Window">Office for Professional Development</A>

Back to Top

Гарызантальныя лінейкі

Гарызантальныя правілы зручныя для паказу "падзелу" перапынкаў. Варта захоўваць асцярожнасць пры рабоце з гарызантальнымі лініямі, аднак, паколькі ў рэчаіснасці яны кажуць чытача: "спыніць чытаць тут!", А астатняя частка старонкі не можа быць відаць.

Найпросты спосаб выкарыстоўваць гарызантальныя правіла без якіх-небудзь атрыбутаў: <HR>. Гэта ставіць простыя лініі правілы па шырыні акна браўзэра. Атрыбуты, якія могуць быць выкарыстаны з гарызантальнай тэгі правілы ўключаюць у сябе: выраўноўванне, noshade, памер і шырыню.

Напрыклад,

<HR NOSHADE>

Створыць цвёрдых хутчэй правілам, чым традыцыйныя два каляровых "Groove":


Увод:

<HR SIZE="10">

Ці будзе стварыць правіла, якое складае 10 пікселяў у шырыню (вышыню):


Вярнуцца да пачатку

Адносная супраць Абсалютная адрасаванне

Вы можаце пачуць тэрміны "адносна" або "абсалютнай" рашэння. Вось два ўзору адрасоў, кожнай спасылаюцца жа файл малюнка:

<IMG SRC=http://server.iupui.edu/staff0/jsmith/graphics/bl_ball.gif">
<IMG SRC="./graphics/bl_ball.gif">

Першы прыклад абсалютны адрас, ён вызначае поўны шлях на серверы, каб дабрацца да файла: bl_ball.gif. Гэты тып рашэнні, як правіла, не лепшым, паколькі ён робіць здагадку, што "bl_ball.gif" файл будзе пастаянна знаходзіцца ў тым жа каталогу, у тым жа месцы на машыне з імем server.iupui.edu, з тымі ж імёнамі ў каталог, выявы, і сервер, не кажучы ўжо пра шляхі, каб дабрацца да пэўнага месца.

Другі прыклад выклікае тую ж "bl_ball.gif" выява, але яго размяшчэнне па адносінах да файла, што мае на ўвазе гэта. У гэтым прыкладзе, файл Галоўная старонка ў асабістым хатнім каталогу (~ икузнецов); ". GIF" файл знаходзіцца ў падкаталогу графікі. Адносны шлях кажа браўзэру, што яно павінна пачацца ў бягучым каталогу (.), А затым перайсці ў падкаталог графікі, дзе ён знойдзе "bl_ball.gif" файл. Калі па нейкіх прычынах, ідэнтыфікатарам карыстальніка змяненняў у Jdoe, усё роўна пачаць пошук "bl_ball.gif" in the directory calling the file and would find it if left in a subdirectory named graphics.

Back to Top

Метададзеныя

Метададзеныя апісальнай інфармацыю аб рэсурсе. Гэта можа ўключаць назва, апісанне, ключавыя словы, і аўтар. Метададзеныя дапамагае чытачам прыняць абгрунтаванае рашэнне аб рэсурсе.

У дакументах HTML, метададзеныя звычайна знаходзіцца ў межах <HEAD>... </HEAD> tags. Examples are:

Author and author's e-mail address
<META NAME="Author" CONTENT="Cynthia D. Hollingsworth, cholling@iupui.edu">
Інфармацыя для пошукавых сістэм, якія лічаць апісальных дадзеных
<META NAME="description" CONTENT="A comprehensive web design and development resource">
Content keywords for the benefit of search engines
<META NAME="keywords" CONTENT="HTML, web, design, development, images, color">
Перанакіроўвае вэб-старонкі на іншы URL (дзе "х" роўная суме часу ў секундах, перш чым адбудзецца пераадрасацыя)
<META HTTP-EQUIV="refresh" CONTENT="5; URL=http://www.iupui.edu/~profdev">
Заўвага: Існуе не зачыняюць двукоссі пасля абнаўлення часу, ні ў пачатку перанакіраваныя URL; час і URL з'яўляюцца адной фразай.

Вярнуцца да пачатку

Вэб Лічыльнікі на IUPUI

IUPUI выкладчыкі, супрацоўнікі і студэнты могуць паставіць лічыльнік на вашай хатняй старонцы. Для атрымання дадатковай інфармацыі см. вэб-майстроў старонак МЕ для стварэння лічыльнікаў.

Вярнуцца да пачатку

Рознае

Садавіны
Ківі Яблыкі
Грушы Бананы
Апельсіны
Published (Last edited): Apr 7 , source: http://www.iupui.edu/~webtrain/tutorials/beyond.html