Jinsi Ya Kuunda Wavuti Ukitumia Html

Orodha ya maudhui:

Jinsi Ya Kuunda Wavuti Ukitumia Html
Jinsi Ya Kuunda Wavuti Ukitumia Html

Video: Jinsi Ya Kuunda Wavuti Ukitumia Html

Video: Jinsi Ya Kuunda Wavuti Ukitumia Html
Video: Html CSS (Jinsi ya Kuweka Nakshi Katika Tovuti) 2024, Novemba
Anonim

Leo, na ukuaji wa kulipuka kwa mtandao, teknolojia za wavuti zinazidi kutumiwa, haswa vivinjari vya kawaida vya HTML na wavuti. HTML (Lugha ya Markup ya HyperText) ni lugha ya alama ya maandishi. Fomati hii huamua kuonekana kwa hati, mpangilio wa pande zote wa maandishi, picha ya picha na media titika. Kampeni zinahusika katika kuunda tovuti, kwa pesa kubwa sana. Lakini kwa msaada wa "html-tag" unaweza kuunda wavuti ya kupendeza na mikono yako mwenyewe.

Jinsi ya kuunda wavuti ukitumia html
Jinsi ya kuunda wavuti ukitumia html

Ni muhimu

  • - kivinjari;
  • - mhariri wa maandishi.

Maagizo

Hatua ya 1

Fomati ya faili ya HTML ni rahisi sana. Kutunga na kufanya mabadiliko kwenye faili hufanywa na mhariri wa maandishi yoyote. Kivinjari cha wavuti hutumiwa kuona matokeo. Faida kuu ya hati za HTML ni uwezo wao wa kutafakari kwa kila mmoja. Marejeo ya msalaba hukusaidia kurejelea hati haraka na habari ya ziada juu ya mada ya kupendeza, halafu endelea kufanya kazi na maandishi ya chanzo. Hati yoyote iliyoandikwa kwa kutumia lugha ya HTML ina yaliyomo kwenye ukurasa, i.e. maandishi, na wahusika wa kudhibiti - vitambulisho. Lebo zote za HTML lazima zimefungwa kwenye mabano ya pembe. Kawaida, lebo ya kuanza na lebo ya mwisho hutumiwa. Lebo ya kumaliza hutofautiana na lebo ya kuanzia na uwepo wa kufyeka.

Hatua ya 2

Kuanza kuunda wavuti, nenda kwa kihariri cha maandishi (notepad).

Kisha ingiza lebo:

HTML - / HTML - vitambulisho vya kwanza na vya mwisho vya hati yoyote ya HTML.

KICHWA - / KICHWA - mwanzo na mwisho wa kichwa cha hati.

TITLE - / TITLE - weka kichwa cha hati (kichwa cha dirisha la kivinjari).

MWILI - / MWILI - mwanzo na mwisho wa mwili wa hati ya HTML, ambayo hufafanua yaliyomo kwenye waraka huo.

Hatua ya 3

Ifuatayo, unahitaji kutengeneza maandishi. Hii inahitaji vitambulisho vifuatavyo:

Hx - / Hx - (x ni nambari kutoka 1 hadi 6) eleza vichwa katika viwango sita tofauti. Kichwa cha ngazi ya kwanza ni kikubwa zaidi, ngazi ya sita ni ndogo zaidi.

P - / P - eleza kifungu (the / P tag inaweza kuwa haipo).

ALIGN ni parameta ambayo huamua usawa wa aya:

ALIGN = KITUO - mpangilio wa katikati;

ALIGN = HAKI - usawa wa kulia;

ALIGN = KUSHOTO - mpangilio wa kushoto.

BR - nenda kwa laini mpya bila kuvunja aya.

B - / B - huonyesha maandishi kwa herufi nzito.

Ninaonyesha / kwa maandishi kwa maandishi.

U - / U - maandishi yaliyopigiwa mstari.

PIGA - / PIGA - maandishi ya kugonga.

BLOCKQUOTE - / BLOCKQUOTE - inaonyesha nukuu.

SUB - / SUB - huonyesha usajili.

SUP - / SUP - onyesho la maandishi.

TT - / TT - tumia fonti na upana wa tabia uliowekwa.

BIG - / BIG - ongeza saizi ya font ya sasa.

NDOGO - / NDOGO - punguza saizi ya fonti ya sasa.

BASEFONT SIZE = n - (n ni nambari kutoka 1 hadi 7) - thamani ya msingi ya saizi ya fonti.

FONT SIZE = + / - n - / FONT - badilisha saizi ya fonti.

RANGI YA FONT = # xxxxx - FONT - kuweka rangi ya fonti: Aqua - wimbi la bahari; Nyeusi - nyeusi; na kadhalika.

MWILI - badilisha rangi ya asili.

HR - laini, laini hii inaweza kutumia sifa:

RANGI - rangi ya mstari;

SIZE - upana wa laini katika saizi;

WIDTH - upana wa laini katika saizi au kama asilimia ya upana wa dirisha;

ALIGN - usawa wa mstari;

NOSHADE - uchoraji bila kivuli;

KIVULI - kuchora na kivuli.

Hatua ya 4

Ikiwa unahitaji kuingiza orodha yoyote kwenye wavuti yako, unahitaji kuingiza lebo:

UL - / UL - orodha isiyo na kipimo (hesabu, hakuna kuagiza):

LI - ufafanuzi wa kipengee cha orodha;

TYPE ni kigezo kinachofafanua alama ya orodha:

AINA = MZUNGUKO - mduara hutumiwa kama alama;

TYPE = DISK - hatua hutumiwa kama alama;

TYPE + SQUARE - mraba hutumiwa kama alama.

Orodha ya OL - / OL - yenye nambari:

TYPE ni parameta ambayo inabainisha aina ya orodha:

TYPE = A - herufi kubwa za Kilatini zitatumika kama nambari za orodha;

TYPE = a - herufi ndogo za Kilatini zitatumika kama wahesabu orodha;

TYPE = I - nambari kubwa za Kirumi zitatumika kama nambari za orodha;

TYPE = i - nambari ndogo za Kirumi zitatumika kama nambari za orodha;

START ni kigezo kinachofafanua nambari ya kuanzia ya orodha.

DL - / DL - orodha na maelezo:

DT - uteuzi wa kipengee cha orodha;

DD ni ufafanuzi wa kipengee cha orodha.

Hatua ya 5

Ili tovuti yako isiweke kwa ukurasa mmoja, tengeneza kadhaa. Ili kusafiri, unahitaji viungo, ambavyo hufafanuliwa na vitambulisho vifuatavyo:

HREF = URL - / A - inaingiza kiunga kwenye hati (kati ya vitambulisho, lazima uingize maandishi ya kiunga).

HREF - anwani ya ukurasa au rasilimali;

URL - anwani ya rasilimali sare: servis: // seva [: bandari] [/njia]:

huduma - jina la itifaki (HTTP - ufikiaji wa hati ya HTML, ombi la FTP la faili kutoka kwa seva ya FTP, ufikiaji wa FILE

faili kwenye mashine ya ndani);

seva - kutaja jina la rasilimali;

bandari - nambari ya bandari ambayo seva ya wavuti inaendesha;

njia ni saraka ambayo rasilimali iko.

HREF = # jina la alamisho - / A - ingiza kiunga cha ndani (kati ya vitambulisho, lazima uingize maandishi ya kiunga).

JINA = jina la alama - / A - weka alamisho ambayo kiunga kitafanywa.

Hatua ya 6

Ili tovuti isiwe ya kuchosha, muundo wa picha ni muhimu. Ili kufanya hivyo, tumia vitambulisho:

MWILI BACKGRAOUND = "file_name" - huweka picha iliyotumiwa kama msingi

IMG SRC = "file_name" - ingiza faili ya picha kwenye hati ya HTML, lebo hii inatumia vigezo:

ALT = "kamba ya maandishi" - hufafanua kamba ya maandishi ambayo inaonyeshwa badala ya picha ya picha ikiwa kivinjari kimelemaza uwezo wa kupakia picha kiotomatiki;

Urefu, upana - urefu wa picha na upana katika saizi;

HPACE, VSPACE - upana wa nafasi ya bure ambayo hutenganisha picha kutoka kwa maandishi kwa usawa na wima;

ALIGN - mpangilio wa maandishi yanayohusiana na picha.

Hatua ya 7

Na jambo la mwisho unahitaji kufanya ni kuhifadhi faili ya maandishi katika muundo wa.html, na kisha uizindue ukitumia kivinjari chako. Tovuti iko tayari.

Ilipendekeza: