Ngayon, sa paputok na paglaki ng Internet, ang mga teknolohiya sa Web ay lalong ginagamit, sa partikular na HTML at karaniwang mga Web browser. Ang HTML (Wika ng HyperText Markup) ay isang hypertext markup na wika. Tinutukoy ng format na ito ang hitsura ng dokumento, ang magkakasamang pag-aayos ng teksto, impormasyon sa graphic at multimedia. Ang mga kampanya ay nakikibahagi sa paglikha ng mga site, para sa napakalaking pera. Ngunit sa tulong ng "mga html-tag" maaari kang lumikha ng isang medyo kawili-wiling website gamit ang iyong sariling mga kamay.
Kailangan iyon
- - browser;
- - text editor.
Panuto
Hakbang 1
Ang format ng file ng HTML ay medyo simple. Ang pagbubuo at paggawa ng mga pagbabago sa file ay isinasagawa ng anumang text editor. Ginagamit ang isang web browser upang matingnan ang mga resulta. Ang pangunahing bentahe ng mga dokumento ng HTML ay ang kanilang kakayahang mag-cross-refer sa bawat isa. Tinutulungan ka ng mga cross-reference na mabilis na mag-refer sa isang dokumento na may karagdagang impormasyon sa isang paksa ng interes, at pagkatapos ay magpatuloy sa pagtatrabaho kasama ang pinagmulang teksto. Anumang dokumento na nakasulat gamit ang wikang HTML ay binubuo ng nilalaman ng pahina, ibig sabihin teksto, at kontrolin ang mga character - mga tag. Ang lahat ng mga HTML tag ay dapat na nakapaloob sa mga bracket ng anggulo. Kadalasan, ginagamit ang isang start tag at isang end tag. Ang pagtatapos na tag ay naiiba mula sa panimulang tag sa pamamagitan ng pagkakaroon ng isang slash.
Hakbang 2
Upang simulang lumikha ng isang site, pumunta sa isang text editor (notepad).
Pagkatapos ay ipasok ang mga tag:
HTML - / HTML - ang una at huling mga tag ng anumang HTML na dokumento.
HEAD - / HEAD - simula at pagtatapos ng ulo ng dokumento.
TITLE - / TITLE - itakda ang pamagat ng dokumento (pamagat ng window ng browser).
BODY - / BODY - ang simula at wakas ng katawan ng dokumento ng HTML, na tumutukoy sa nilalaman ng dokumento.
Hakbang 3
Susunod, kailangan mong i-istilo ang teksto. Kinakailangan nito ang mga sumusunod na tag:
Ang Hx - / Hx - (x ay isang numero mula 1 hanggang 6) ay naglalarawan ng mga heading sa anim na magkakaibang antas. Ang heading sa unang antas ay ang pinakamalaki, ang ikaanim na antas ay ang pinakamaliit.
P - / P - ilarawan ang isang talata (maaaring wala ang tag / P).
Ang ALIGN ay isang parameter na tumutukoy sa pagkakahanay ng talata:
ALIGN = CENTER - pagkakahanay sa gitna;
ALIGN = TAMA - tamang pagkakahanay;
ALIGN = KALIWA - kaliwang pagkakahanay.
BR - pumunta sa isang bagong linya nang hindi binabali ang isang talata.
B - / B - nagpapakita ng teksto nang naka-bold.
Nagpapakita ang I - / I - ng teksto sa mga italic.
U - / U - teksto na may salungguhit.
Strike - / Strike - strikethrough text.
BLOCKQUOTE - / BLOCKQUOTE - nagpapakita ng mga quote.
SUB - / SUB - nagpapakita ng mga subscripts.
SUP - / SUP - pagpapakita ng mga superscripts.
TT - / TT - gumamit ng isang font na may isang nakapirming lapad ng character.
MALAKING - / MALAKING - taasan ang laki ng kasalukuyang font.
MALIIT - / MALIIT - bawasan ang laki ng kasalukuyang font.
BASEFONT SIZE = n - (n ay isang numero mula 1 hanggang 7) - ang batayang halaga ng laki ng font.
FONT SIZE = + / - n - / FONT - baguhin ang laki ng font.
FONT COLOR = # xxxxxx - FONT - pagtatakda ng kulay ng font: Aqua - alon ng dagat; Itim - itim; atbp.
BODY - baguhin ang kulay ng background.
HR - pahalang na linya, ang tag na ito ay maaaring gumamit ng mga katangian:
Kulay - kulay ng linya;
SIZE - lapad ng linya sa mga pixel;
LUPA - lapad ng linya sa mga pixel o bilang isang porsyento ng lapad ng window;
ALIGN - pagkakahanay ng linya;
NOSHADE - pagpipinta nang walang anino;
SHADE - pagguhit na may anino.
Hakbang 4
Kung kailangan mong magsingit ng anumang listahan sa iyong site, kailangan mong maglagay ng mga tag:
UL - / UL - listahan ng hindi naayos (pag-enumerate, walang pag-order):
LI - kahulugan ng isang listahan ng item;
Ang TYPE ay isang parameter na tumutukoy sa isang marker ng listahan:
TYPE = CIRCLE - isang bilog ang ginagamit bilang isang marker;
URI = DISK - point ay ginagamit bilang isang marker;
TYPE + SQUARE - ginagamit ang isang parisukat bilang isang marker.
Listahan na may bilang na OL - / OL:
Ang TYPE ay isang parameter na tumutukoy sa uri ng listahan:
TYPE = A - ang malalaking titik ng Latin ay gagamitin bilang mga numero ng listahan;
TYPE = a - gagamitin bilang maliit na listahan ang mga maliliit na titik na Latin;
TYPE = I - ang malalaking Roman numerals ay gagamitin bilang mga numero ng listahan;
URI = i - ang maliliit na Roman numerals ay gagamitin bilang mga numero ng listahan;
Ang Start ay isang parameter na tumutukoy sa panimulang bilang ng listahan.
Listahan ng DL - / DL - may mga paliwanag:
DT - pagtatalaga ng isang item sa listahan;
Ang DD ay isang paliwanag para sa isang item sa listahan.
Hakbang 5
Upang ang iyong site ay hindi limitado sa isang pahina, lumikha ng maraming. Upang mag-navigate, kailangan mo ng mga hyperlink, na tinukoy ng mga sumusunod na tag:
Ang isang HREF = URL - / A - ay nagsisingit ng isang link sa dokumento (sa pagitan ng mga tag, dapat mong ipasok ang teksto ng link).
HREF - address ng isang pahina o mapagkukunan;
URL - pare-parehong address ng mapagkukunan: servis: // server [: port] [/path]:
serbisyo - ang pangalan ng protokol (HTTP - pag-access sa isang dokumento ng HTML, kahilingan ng FTP para sa isang file mula sa isang FTP server, pag-access sa FILE sa
file sa lokal na makina);
server - tumutukoy sa pangalan ng mapagkukunan;
port - numero ng port kung saan tumatakbo ang web server;
ang landas ay ang direktoryo kung saan matatagpuan ang mapagkukunan.
Isang HREF = # pangalan ng bookmark - / A - magpasok ng isang lokal na link (sa pagitan ng mga tag, dapat mong ipasok ang teksto ng link).
Isang PANGALAN = pangalan ng bookmark - / A - itakda ang bookmark kung saan gagawin ang link.
Hakbang 6
Upang hindi maging mainip ang site, kinakailangan ang graphic na disenyo. Upang magawa ito, gamitin ang mga tag:
BODY BACKGRAOUND = "file_name" - itinakda ang larawan na ginamit bilang background.
IMG SRC = "file_name" - magpasok ng isang graphic file sa isang dokumento na HTML, gumagamit ang tag na ito ng mga parameter:
ALT = "text string" - tumutukoy sa isang text string na ipinapakita sa halip na isang graphic na imahe kung hindi pinagana ng browser ang kakayahang awtomatikong mag-load ng mga graphic;
Taas, Malawak - taas ng imahe at lapad sa mga pixel;
HPACE, VSPACE - ang lapad ng libreng puwang na naghihiwalay sa graphic mula sa teksto nang pahalang at patayo;
ALIGN - pagkakahanay ng teksto na may kaugnayan sa graphics.
Hakbang 7
At ang huling bagay na kailangan mong gawin ay i-save ang file ng teksto sa format na *.html, at pagkatapos ay ilunsad ito gamit ang iyong browser. Handa na ang site.
