Уступныя Падручнік HTML
HTML-файлы проста тэкставыя файлы - яны могуць быць атрыманы з выкарыстаннем любога тэкставага рэдактара (напрыклад, "Нататнік на ПК ці SimpleText на Mac). HTML-файлы маюць некаторыя неабходныя элементы. Кожны файл HTML павінен пачынацца з:
<html> <head> <title>TITLE OF WINDOW</title> </head> <body>дзе "Загаловак акна" тэкст, які будзе адлюстроўвацца ў загалоўку акна браўзэра. Гэта таксама будзе спосаб старонка указана ў меню Пераход Netscape і ў меню "Закладкі", так што вы павінны выбраць гэта імя з некаторай асцярогай. Кожны файл HTML павінен заканчвацца
</body> </html>Ўтрыманне старонкі ідзе паміж <body> і </body> tags.
Вы можаце прагледзець файл HTML ў вэб-браўзэра (Netscape або Internet Explorer), адкрыўшы яго з дапамогай каманды Адкрыць у меню Файл. Пры распрацоўцы вэб-старонкі, гэта зручна, каб захаваць вэб-браўзэр і HTML-файл адкрыць у тэкставым рэдактары ў той жа час. Калі вы хочаце ўнесці змяненні, пстрыкніце на акне тэкставага рэдактара, рэдагаваць тэкст HTML, захавайце яго, затым пстрыкніце на акне вэб-браўзэра і націсніце на кнопку Reload.
Тэкст змест
Звычайны тэкставы кантэнт, могуць быць уведзеныя (або скапіяваць з тэкставага працэсара) непасрэдна ў файл HTML. Важна разумець, што браўзэры будуць ігнараваць усе фарматаванне і нават вяртанне карэткі, табуляцыі і множныя прабелы паміж словамі. Напрыклад, наступны тэкст:
Важна разумець, што браўзэры ігнараваць усё фарматаванне і нават перавозкі вяртаецца, табуляцыі і множныя прабелы паміж словамі.будзе аказана на вэб-старонкі так:
Важна разумець, што браўзэры будуць ігнараваць усе фарматаванне і нават вяртанне карэткі, табуляцыі і множныя прабелы паміж словамі.
Для таго, каб прымусіць радкі, вы павінны ўставіць <br> ў тэкст, а для стварэння пункта падзелу (прабел паміж абзацамі), вы павінны ўставіць <p> паміж пунктамі. Калі ў вас ёсць тэкст, які ўжо папярэдне адфарматаваны з монашырынны шрыфт і некалькі прабелаў і парываў радкоў (стол, напрыклад), вы можаце захаваць фарматаванне навакольнага тэксту ў <pre> і </ PRE> тэгі. Тэкст паміж гэтымі тэгамі будзе адлюстроўвацца ў монашырынны шрыфт і радкі і некалькіх працуе прасторы будуць захаваныя.
Вы можаце водступ левага краю блока тэксту, абкружыўшы яго ў <ul> і </ UL> тэгі. У вас няма кантролю над правым краю; тэкст будзе слова плёнку па шырыні акна браўзэра, ўстаноўленага карыстальнікам. Акрамя таго, калі не пазначана іншае, тэкст будзе адлюстроўвацца ў любы шрыфт быў усталяваны браўзэр карыстальніка як частка наладах вашага браўзэра. Каб прымусіць браўзэр выкарыстоўваць монашырынны шрыфт, навакольнага тэксту ў <tt> і </ TT> тэгі.
Фарматаванне тэксту
параметры фарматавання тэксту знаходзяцца пад кантролем пары тэгаў, якія вы карыстаецеся, каб акружыць ажыццяўляецца тэксту, такіх як:
Графіка
Effect HTML tags What it looks like
boldface <b>example</b> example Italic <i>example </i> example bold italic <i><b>example</i></b> example larger font <font size="+1">example</font> example larger font <font size="+2">example</font> example smaller font <font size="-1">example</font> example Large letter <font size="+3">E</font>xample Example Color text <font color="#ff0000">example</font> example Centering <center>example</center> example subscript H<sub>2</sub>O H2O superscript cm<sup>2</sup> cm2 Symbol font <font face="symbol;">abcde</font> abcde Заўвага: верхнія і ніжнія індэксы адлюстроўваюцца карэктна ў версіі Netscape 2 або вышэй, але не ў Netscape версіі 1 або 1,1.
Абразкі і фатаграфіі на вэб-старонках, якія з'яўляюцца прама на старонцы разам з тэкстам (а не ў асобным акне) называюцца "ў лінію графіка". Яны на самай справе асобныя файлы, альбо ў GIF ці JPG фармат, які называюць на старонцы "IMG SRC" тэга. Гэта найпросты, калі графічныя файлы захоўваюцца ў тым жа каталогу файл HTML, які спасылаецца на гэта. Напрыклад, <img src="http://terpconnect.umd.edu/~toh/html/sun.gif"> будзе адлюстроўваць файл GIF "sun.gif", калі гэты файл знаходзіцца ў тым жа каталогу, што і HTML файл:
Калі графічны файл у падкаталог (папка), то імя паддырэкторыі павінны быць указаны. Напрыклад, калі файл "sun.gif" у падкаталог "Графіка", то вы павінны напісаць: <IMG SRC = "http://terpconnect.umd.edu/~Toh/HTML/Графіка/sun.gif ">. Пераканайцеся, што файл і падкаталог імёны з'яўляюцца дакладнымі, нават у адносінах да капіталізацыі. Не выкарыстоўваць прабелы ў імёнах файлаў.
Графіка ўкладзены ў самім тэксце, калі на Last.fm або <p> тэгі выкарыстоўваюцца для сілы радкоў. Такім чынам, наступны код HTML:
Сінімі шарамі <img src="http://terpconnect.umd.edu/~toh/html/blueball.gif"> ў малекулярнай мадэлі ўяўляюць атамы азоту.
будзе аказана прыкладна так:
Сінімі шарамі 
ў малекулярнай мадэлі ўяўляюць атамы азоту.
JPG файлы апрацоўваюцца гэтак жа, калі графічны файл з імем "group.jpg", то тэг будзе <img src="http://terpconnect.umd.edu/~toh/html/group.jpg">.
Вы можаце цэнтра графіка на старонцы, навакольных яго ў <center> і </ CENTER> тэгі.
Графіка можа быць выраўнаваны па левым ці старонку з дапамогай тэга змена:
<img align=left src="http://terpconnect.umd.edu/~toh/html/sun.gif">
Пра гэта сведчыць малюнак злева ад гэтага тэксту. Або можна выраўнаваць графік на правай частцы старонкі з дапамогай тэга:
<img align=right src="http://terpconnect.umd.edu/~toh/html/sun.gif">,
як паказана на малюнку справа. Пры выкарыстанні браўзэра Netscape, што суправаджаюць тэкст будзе аўтаматычна "абцякаць" малюнкі (Калі вы чытаеце гэтую старонку ў Netscape, вы зможаце ўбачыць гэты эфект).
Дадатковыя звесткі аб вэб-графікі, націсніце тут.
Гіпертэкставых спасылкі
Гіпертэкставай спасылкі (таксама званыя гіперспасылкі або "гарачыя" спасылкі) уяўляюць сабой тэкставыя ці графічныя элементы, якія выступаюць у якасці "кнопкі", якія карыстальнік можа націснуць на дысплей іншую вэб-старонку (ці іншай частцы той жа старонцы). Тэкст спасылкі адлюстроўваецца як падкрэслены тэкст на вэб-старонцы. Напрыклад, каб стварыць спасылку на іншую старонку HTML называецца "chapter1.html", якія захоўваюцца ў тым жа каталогу (тэчцы), вы можаце напісаць:
Гэтае пытанне абмяркоўваецца ў <a href="http://terpconnect.umd.edu/~toh/html/chapter1.html"> Кіраўнік 1 </ A>.
якая прадастаўляецца наступным чынам:
Гэтае пытанне разглядаецца ў раздзеле 1.
Ці вы маглі б напісаць
Націсніце <a href="http://terpconnect.umd.edu/~toh/html/chapter1.html"> тут </>, каб перайсці да кіраўніка 1.
які будзе выглядаць наступным чынам:
Націсніце тут, каб перайсці да кіраўніка 1.
У любым выпадку, калі карыстальнік націскае на падкрэслены тэкст, chapter1.html адлюстроўваецца. Агульны шаблон для гіперспасылка <a href="http://terpconnect.umd.edu/~toh/html/"> </ A>. Вы проста змясціць імя файла паміж двукоссямі "" і тэкст спасылкі (тэкст, які вы хочаце, каб выступаць у якасці аператыўнай сувязі) паміж> і <.
Калі chapter1.html захоўваецца ў ніжнім узроўні каталога называецца "кіраўнікоў" (падкаталог ў бягучым каталогу), то імя каталога павінна быць паказана наступным чынам: <A HREF = "http://terpconnect.umd.edu/~toh/html/chapters/chapter1.html ">. Калі chapter1.html захоўваецца ў каталогу больш высокага ўзроўню (на адзін узровень уверх з бягучага каталога), то вы пішаце: <A HREF = "http://terpconnect.umd.edu/~toh/html/../chapter1. HTML ">.
Калі старонка, якую вы хочаце перайсці да размешчана на іншым сайце WWW або ў цалкам іншы вобласці, што жа сэрвэры, то вы можаце паказаць поўнае "HTTP" адрас. Напрыклад:
Фотаздымкі першага сямейства можна азнаёміцца ??на <a href="http://www.whitehouse.gov"> Белага дома Галоўная старонка </ A>.
, Які выглядае, як гэта на старонцы:
Фотаздымкі першага сямейства можна азнаёміцца ??на Белы дом галоўную старонку.
(Калі вы чытаеце гэтую старонку з дапамогай браўзэра, якія працуюць на сеткавай кампутар з падключэннем, гэтая спасылка павінна працаваць, вы можаце націснуць на яе, каб "перайсці да" Белага дома Галоўная старонка Затым націсніце кнопку "Назад", каб вярнуцца да гэтай старонцы.).
Яшчэ адзін карысны тып аператыўнай сувязі з'яўляецца "Пасылка:" спасылку, якая выкарыстоўваецца для адпраўкі электроннай пошты па паказаным адрасе ў межах ад Netscape і іншыя браўзэры. Напрыклад:
Націсніце <a href="mailto:to2@umail.umd.edu"> тут </ A> для адпраўкі электроннай пошты, каб Том O'Haver.
Націсніце тут, каб напісаць ліст Таму O'Haver.
Калі вы націснеце на спасылку тэкст, "Адправіць" дыялогавае акно будзе адлюстроўвацца з "Каму:" адрас ужо запоўненыя, каб to2@umail.umd.edu. Гэта мяркуе, што ў вашым браўзэры былі правільна настроены (у Наладкі/Пошта і навіны) па электроннай пошце, паказаўшы свой электронны адрас і дзеючы паштовы сервер.
Вы таксама можаце мець графічны гарачыя спасылкі. Выкажам здагадку, у вас ёсць невялікі файл GIF, названы "Smallfranklin.GIF", фасада Інстытута Франкліна навуковы музей у Філадэльфіі. Вы хочаце, каб зрабіць гэтую карціну аператыўнай сувязі так, што націск на яе будзе адлюстроўваць Інстытута Франкліна Галоўная старонка, адрас якой http://sln.fi.edu:80/. Гэта можна зрабіць шляхам стварэння гіперспасылкі на http://sln.fi.edu:80/ і размяшчэння графічных тэг <IMG SRC = "http://terpconnect.umd.edu/~Toh/HTML/Smallfranklin.GIF" > у тым месцы, дзе тэкставая спасылка якія звычайна ідуць:
<a href="http://sln.fi.edu:80"> <img src="http://terpconnect.umd.edu/~toh/html/Smallfranklin.GIF"> </ A>
Вынікам з'яўляецца тое, што адлюстроўваецца графічны з мяжы, якая паказвае, што гэта аператыўнай сувязі. Калі карыстальнік націскае на графічныя, спасылка актывуецца і паказаным сайце адлюстроўваецца. (Калі вы чытаеце гэтую старонку з дапамогай браўзэра, якія працуюць на сеткавай кампутар з падключэннем, гэтая спасылка павінна працаваць, вы можаце націснуць на малюнак, каб "перайсці да" Інстытут Франкліна Галоўная старонка Затым націсніце кнопку Назад, каб вярнуцца на гэтую старонку.).
Яшчэ адзін добры выкарыстанне графічных гарачыя спасылкі з'яўляецца прадастаўленне вялікіх графічных будзе прачытаць, націснуўшы на маленькі "Мініятура" малюнкі. Выкарыстаньне малых малюнкаў значна скарачае час, неабходнае для доступу да выявы. Карыстальнікі могуць самі вырашаць, ці варта доступ больш (і, такім чынам, павольней загрузкай) поўнапамерных малюнкаў. Напрыклад:
<a href="http://terpconnect.umd.edu/~toh/html/Cheaart.JPG"> <img src="http://terpconnect.umd.edu/~toh/html/Cheaicon.JPG"> </ A>
У гэтым выпадку "Cheaart.JPG" з'яўляецца арыгінальнае малюнак у натуральную велічыню і "Cheaicon.JPG" з'яўляецца малодшым "Мініятура" выявы (створаных за кошт зніжэння зыходнага малюнка на 4-разовы ў графічнай праграме, такіх як графічны канвэртар). Пры націску на маленькае выява выклікае вялікі арыгінал версіі. (Націсніце на кнопку Назад, каб вярнуцца на гэтую старонку). Памер файла выявы ў натуральную велічыню складае 22 Кбайт, у той час як мініяцюру знаходзіцца ўсяго ў 3 Kbyes.
Вышэй структуры прыклады "ўкладання" адзін HTML тэгаў ўнутры іншы. Вы можаце укладваць толькі пра што-небудзь што-небудзь у межах HTML для дасягнення камбінаванага ўздзеяння. Напрыклад:
<FONT SIZE="+2"><i><a href="http://www.wam.umd.edu/~toh/Fairland.html"><img src="http://terpconnect.umd.edu/~toh/html/blueball.gif"> Fairland Elementary School</a></i></FONT>
Гэта стварае вялікі шрыфт курсівам гіперспасылкі як з графічнай і тэкставай спасылкі (вы можаце клікнуць на любы графічнай або тэкст падкрэслены).
Гук і відэа спасылкі
Гук і відэа спасылкі гіперспасылак, якія вы націскаеце на пачуць гук або прагляду лічбавых відэа-кліпа. Каб пачуць гук спасылцы, вы павінны мець гуку абсталяваны кампутарам (Mac або ПК з гукавой картай). Для прагляду лічбавага відэа, якое вы павінны мець лічбавае відэа здольныя кампутара (напрыклад, з Quicktime або Quicktime для Windows праграмнае забеспячэнне, усталяванае).
Netscape 3.0 і Internet Explorer 3.0 ёсць убудаваная падтрымка для прайгравання гуку кліпаў (у ". Au", ". WAV", і ". AIFF" фарматаў) і Quicktime лічбавыя відэакліпы (у ". MOV" фармаце). Больш раннія версіі гэтых браўзэраў выкарыстоўваць знешнія гульцы або "памочнік" прыкладанні, якія з'яўляюцца невялікімі асобныя праграмы, якія называюцца ў браўзэры, калі гэта неабходна. Напрыклад, найбольш часта выкарыстоўваецца гукавы прайгравальнік для Macintosh з'яўляецца "Sound Machine", які можа гуляць ". Au" і ". AIFF" файлы, двух тыпаў гукавых файлаў, якія выкарыстоўваюцца часцей за ўсё на вэб-старонках. Найбольш часта выкарыстоўваюцца відэаплэер для Macintosh з'яўляюцца "Movie Player", які можа гуляць ". MOV" файлы, а "Sparkle", якія могуць гуляць ". MPEG" файлаў. Гэта ўсё ўмоўна-бясплатныя ці бясплатныя праграмы, якія можна загрузіць свабодна з розных крыніц. Аналагічныя праграмы існуюць для машын Windows. Карыстальнік нясе адказнасць за атрыманне гэтых дапаможныя прыкладанні і налады браўзэра, каб выкарыстоўваць іх. (У Netscape гэта робіцца ў Options/General Preferences/Helper Applications). Вэб-старонак звычайна мяркуюць, што большасць карыстальнікаў ўжо стварылі свае браўзэры для гуку і відэа. Для атрымання дадатковай інфармацыі аб прадстаўленні мультымедыйнага кантэнту на вэб-старонках, націсніце тут.
Гук і відэа гіперспасылкі пабудаваны як сапраўды гэтак жа як звычайныя гіперспасылкі. Напрыклад:
<a href="http://terpconnect.umd.edu/~toh/html/sound1.au"> [Націсніце тут, каб пачуць гук ўкусу] </>
Гэта стварае гіперспасылка на гукавы файл "sound1.au", лічачы, што яна захоўваецца ў тым жа каталогу, што і выклікае старонцы.
[Націсніце тут, каб пачуць гук байт]
Калі карыстальнік націскае на спасылку, браўзэр загружае файл, глядзіць на пашырэнне файла (". Аі"), вызначае, якія дапаможныя прыкладання, прызначаныя для ". Au" файлы, запускае яго (калі ён яшчэ не адкрыты),, а затым загружае і праслухоўвання гукавых файлаў.
Відэа спасылкі працуюць дакладна так жа, акрамя таго, што імя файла будзе ". MOV" або ". MPEG" файл. Вось вельмі кароткі прыклад. У любым выпадку, калі файл не там, дзе ён павінен быць, ці, калі браўзэр не настроены для гэтага тыпу файлаў, то яна не будзе працаваць.
Акрамя таго, можна інтэграваць гук права гульца ў вэб-старонку з дапамогай "змясціць" гулец кантролера:
Каб пакідаць src = "http://terpconnect.umd.edu/~toh/html/sound1.au" width = 144 height = 30 autostart = false>
дзе "sound1.au" гэта імя гукавога файла. Гэта ставіць малы кантролера гулец на сваёй старонцы, што дазваляе чытачу для запуску і прыпынку гуку па сваім меркаванні. Вось, напрыклад, з выкарыстаннем тых жа гукавы файл як апісана вышэй.