Kompyuta, Programu
Jinsi ya kuunda HTML-ukurasa: hatua kwa hatua maelekezo, na mapendekezo ya teknolojia
Unafikiri jinsi ya kujenga HTML-ukurasa? Ili kufanya hivyo, unahitaji kutumia saa chache, na wewe kujua misingi ya HTML. Na kujenga ukurasa wako wa kwanza watakuwa na uwezo wa dakika 5.
HTML anasimama kwa HyperText Markup Language. Tafsiri, inamaanisha "HyperText Markup Language". Ni muhimu kuelewa kwamba HTML - ni si lugha ya programu, yaani ghafi tovuti.
browsers zote za kisasa na uwezo wa kutambua. Kisha kuonyesha habari kwa njia rahisi kwa mtumiaji, kama mapema ilikuwa na lengo na mwandishi.
Lugha hii inatumia vitambulisho maalum. Kila tagi ina kazi. mengi yao. Kimsingi, unahitaji kujifunza kila kitu. Lakini kwa maarifa Beginner ya msingi ni wa kutosha.
Misingi HTML
Kabla ya kuunda HTML-ukurasa, unahitaji kujua ni nini. Katika lugha hii, kuna dhana mbili: kipengele na tag.
Kubainisha ni wapi kipengele huanza na kufunga kwa kutumia kufungua na kufunga tag. Inaonekana kama hii.
Kama unavyoona, kufungua na kufunga tag tofauti tu na "/".
All HTML-hati ni seti ya vipengele hivi. Kuna baadhi ya mahitaji ya muundo wa hati. Maudhui yote ukurasa lazima iwe kati ya vitambulisho mbili na html>. Unapoandika code, iondoe tabia mara moja kuweka chini ya kufungua na kufunga tag.
Pia kumbuka kwamba HTML muundo wa lugha ina uongozi wake. Vinginevyo, inaitwa cha ukusanyaji. HTML tag ni muhimu zaidi, kwa sababu wengine wote ni ndani yake.
Katika HTML, kuna mambo mawili mtoto:
-
... head>; -
.. body>.
Katika sehemu HEAD bayana habari huduma mbalimbali. Taarifa hizi kuonyeshwa katika browser hana. Kwa mfano, mwongozo wa watengenezaji, kwa programu zote, robots na zaidi.
jambo muhimu sana - hakuna maudhui.
BODY sehemu bayana maudhui ya hati, ambayo itakuwa visas kwa mtumiaji.
Jifunze mara moja kufanya umma na binafsi vitambulisho, kama inaweza kuwa na 10 ndogo ya vitu. Aidha, kwa urahisi vitambulisho nested kufanya imejongezwa. Kwa mfano, kama hivi.
Head>
Body>
Html>
Hivyo kufanya sawa vitambulisho umuhimu walikuwa katika ngazi moja, na mtoto - "ndani". Hivyo rahisi kusoma na kutafuta sehemu fulani ya code. Vinginevyo, unaweza kupata kuchanganyikiwa. Lakini kwa ajili ya nafasi ya kuokoa ni kichwa na mwili vitambulisho inaweza kufanyika bila padding. Hivyo kuja wengine wote na chochote jongezo. Kila kitu kingine ni kuhitajika kwa tofauti.
Jinsi ya kuunda rahisi HTML ukurasa kwenye
Kuandika code unahitaji aina fulani ya mhariri. mengi yao. Maarufu ni Notepad ++ na Adobe Dreamweaver. Unaweza pia kutumia daftari.
Haya ndiyo Notepad ++ mhariri.
Ni user-kirafiki mhariri na ni bure. juu Adobe Dreamweaver ni kulipwa. Tofauti na mhariri iliyoundwa kwa ajili ya kuandika HTML code kutoka kwenye kitufe - kwa kuwa vitambulisho maalum ni yalionyesha. Kama haina zagaa, inamaanisha kuwa uliyoandika sio sahihi.
Ili kufanana na lugha ya mwanga, ni muhimu kutaja katika mipangilio.
Hebu angalia jinsi ya kujenga HTML ukurasa katika Notepad. Yaani, kumaliza sehemu ya kiufundi na kisha tu kuendelea na masomo ya tag.
Jinsi ya kuunda mtandao katika HTML daftari
Kwanza, fungua daftari.
Basi aina ndani yake kwamba ni maalum katika screenshot zifuatazo.
Kupata kutumika kwa kuandika mikono yake, si tu nakala. Unapoandika mikono, bora kukariri wote tag database.
Kisha bonyeza menu "Hifadhi Faili" na kubainisha jina la faili, lakini kwa .html kiendelezi.
faili inaweza kufunguliwa katika browser yako, na kufurahia matokeo. Sasa unapaswa kuwa wazi jinsi ya kujenga mtandao katika HTML daftari.
Dunia Consortium W3C
Kuna shirika kama vile W3C, ambayo yanaendelea na kutekeleza viwango vyote kwa ajili ya mtandao. browsers zote zinategemea viwango na mchakato hizi mpangilio (s) kwa kurasa kwa mujibu wa sheria hizi.
tovuti rasmi ya watengenezaji wa HTML, unaweza kupata meza na vitambulisho wote na sheria kuhusu matumizi yao. Katika makala hii tunaangalia msingi zaidi.
Unaweza kufikiri kuhusu nini wanaweza kuwa sawa? hizi tags wote wana mapendekezo. Baadhi ya wao:
- Hiari tag.
- Marufuku.
- Blank tag.
- imepitwa na wakati
- Waliopotea.
Tags HTML
Kabla ya kuunda HTML-ukurasa, wanapaswa kuelewa kwamba kuwa katika utumishi wa HEAD.
HEAD Katika eneo kuna wawili lazima na hiari tags. Wajibu tag inahusu kichwa. Ni imeonyeshwa kwa
Sisi kugeuka kwa sehemu BODY. Kuna mambo ambayo kuonyeshwa katika browser, na kuna mashirika yasiyo ya kuonyeshwa. Kwa mfano, maoni havionyeshwi kwa mtumiaji. Zinaweza kutumika kwa maelezo au tips kwa wafanyakazi wengine kama wewe kazi katika timu.
Wao mteule kama
Yote ni kati ya <-! Na ->, mpango kuonekana kwa njia hii. Tafadhali kumbuka kuwa huwezi kuweka maoni tag kwenye maoni ya mwingine tag. Kwa sababu mara tu kufungua <-, wote unaendelea, itakuwa si kuonyeshwa. Taarifa hayataonekana mradi handler hawataona kufunga tag ->.
Mfano wa vile ua:
muendelezo wa maoni kwanza ->
browser itakuwa matokeo ya yafuatayo
muendelezo wa maoni kwanza ->
Lakini kipande cha haitaonekana. pili ufunguzi tag <-! lilipuuzwa na kutazamwa kama Nakala wazi.
vichwa katika maandishi
Title bayana si tu katika sehemu HEAD kutumia cheo tag. Katika mazingira ya kichwa lazima maalum lazima. Kwa kuwa tu mtumiaji anaona.
Vichwa vya habari kuja katika aina ya ngazi. Hivyo uongozi katika maandishi. Sawa kiasi, sura, aya katika kitabu.
Ni ngazi 6 tu. kichwa cha habari kuu ni mteule
Title h1>. Kwa upande wa kukuza maandishi ukurasa katika tags h1, na cheo lazima kuwa sawa. Zaidi ya hayo, h1 kutoka hatua aesthetic ya maoni, kuna haja ya kuwa moja tu. Lakini hii haina maana kwamba browser si kushughulikia baadae h1. Wanaweza kufanya yote unataka, lakini hii siyo zuri.
Kwa vichwa vidogo kutumia vitambulisho kutoka h2 kwa H6. Wao ni hivyo - inayoitwa jina la, ya pili, ya tatu, ya nne, tano na sita ngazi ya kwanza. Hivyo kujenga data nested na mgawanyiko katika makundi.
Inaonekana kama hii.
aya
Nakala kuu katika kanuni unahitaji kujiandikisha tag
... p>. Yeye anatoka katika neno "aya". Kila aya lazima kujaza tag
, na si sculpt kila kitu katika rundo moja. Kawaida line mapumziko si kuwa processed. Kila kitu zinaonyesha sambamba moja. Kwa uhamishaji unahitaji kutumia
tag.
Tafadhali kumbuka kuwa uhamisho wa tag si imefungwa. Yeye ni mmoja.
Fikiria juu ya mfano aya.
vitambulisho tofauti, pamoja na "jina" lake, kuna sifa. Kwa mfano, aya tag ina sifa "mfungamano", ambayo imeonyeshwa align. Inaweza kuweka kushoto, kulia, kituo hicho. Hiyo ni, mfungamano wa kushoto au kulia au kituo hicho.
kutumia viungo
Ve pengine tayari mawazo: jinsi ya kujenga HTML-ukurasa na viungo? Ngumu kuhusu hilo hakuna kitu. Kujenga viungo HTML ukurasa ni rahisi sana. Kwa ajili hiyo kuna maalum tag . Ina sifa yake required. kiungo sahihi inaonekana kama hii:
Kama huna bayana anwani na maandishi, kisha kiungo hii itakuwa haina maana au asiyeonekana kwa mtumiaji.
hitimisho
Kuna mengi ya vitambulisho, na kila ina kuweka yake mwenyewe ya sifa. Baada ya kusoma habari hii, unapaswa kuelewa jinsi ya kujenga mtandao HTML.
Ili kupanua maarifa yao katika eneo hili, unahitaji kusoma vitabu zaidi na kutumia rasmi vitambulisho kumbukumbu juu ya HTML, ambayo iko kwenye tovuti W3C. Kama huna kutumia directory ya kipindi fulani wa waandishi wa lugha, utakuwa mgumu kwa kuwa mtaalamu katika fani hii.
Similar articles
Trending Now