Orodha ya maudhui:

Jinsi ya Kuunda Ukurasa Rahisi wa Wavuti Kutumia Mabano kwa Kompyuta: Hatua 14
Jinsi ya Kuunda Ukurasa Rahisi wa Wavuti Kutumia Mabano kwa Kompyuta: Hatua 14

Video: Jinsi ya Kuunda Ukurasa Rahisi wa Wavuti Kutumia Mabano kwa Kompyuta: Hatua 14

Video: Jinsi ya Kuunda Ukurasa Rahisi wa Wavuti Kutumia Mabano kwa Kompyuta: Hatua 14
Video: TUMIA CODE HIZI ZA SIRI KUPATA SMS ZA MPENZI WAKO ANAZO TUMIWA BILA YEYE KUJUA 2024, Novemba
Anonim
Jinsi ya Kuunda Ukurasa Rahisi wa Wavuti Kutumia Mabano kwa Kompyuta
Jinsi ya Kuunda Ukurasa Rahisi wa Wavuti Kutumia Mabano kwa Kompyuta

Utangulizi

Maagizo yafuatayo hutoa mwongozo wa hatua kwa hatua kutengeneza ukurasa wa wavuti ukitumia Mabano. Mabano ni kihariri chanzo cha msimbo na lengo kuu kwenye maendeleo ya wavuti. Iliyoundwa na Adobe Systems, ni programu ya bure na chanzo wazi iliyo na leseni chini ya Leseni ya MIT, na kwa sasa inatunzwa kwenye GitHub na Adobe na watengenezaji wengine wa chanzo wazi. Imeandikwa katika JavaScript, HTML na CSS.

Maagizo

Kumbuka: - Lebo zote za HTML zinapaswa kuwa kati ya mabano:

Hatua ya 1: Pakua Programu

Pakua Programu
Pakua Programu

pakua Mabano kutoka kwa wavuti hii

Hatua ya 2: Fungua mabano

Fungua Mabano
Fungua Mabano

fungua programu ya Mabano yaliyopakuliwa kwenye kompyuta.

Hatua ya 3: Unda Faili Mpya

Unda Faili Mpya
Unda Faili Mpya

Baada ya kufungua Mabano, Bonyeza ikoni ya faili juu kushoto mwa dirisha, kisha bonyeza mpya, utaona faili mpya "Isiyo na Jina".

Hatua ya 4: Hifadhi kama.. Faili

Hifadhi Kama.. Faili
Hifadhi Kama.. Faili

Bonyeza kulia kwenye faili hii 'isiyo na jina', bonyeza kuokoa kama, basi unapaswa kuihifadhi kwenye gari

kwa wakati huu unaweza kutoa jina lolote kwa faili, hakikisha tu baada ya jina kuongeza ".html" (dot html).

Hatua ya 5: Anza na Lebo ya DOCTYPE

Anza na Lebo ya DOCTYPE
Anza na Lebo ya DOCTYPE

Kila ukurasa wa html lazima uanze na lebo ifuatayo ya muundo Inamwambia kivinjari ni 'sheria gani za kufuata' wakati wa kutoa ukurasa wa HTML.

Hatua ya 6: Tag ya HTML

Lebo ya HTML
Lebo ya HTML

na - lebo hizo ni kuanza na kumaliza hati.

Hatua ya 7: Kichwa na Vitambulisho vya Mwili

Kichwa na Vitambulisho vya Mwili
Kichwa na Vitambulisho vya Mwili

Kati ya vitambulisho vya html, andika na, ambapo ina vitu vya 'nyuma ya pazia'. Pia, andika na ambapo ina maandishi, picha, video, sauti na kadhalika.

Hatua ya 8: Meta Tag

Lebo ya Meta
Lebo ya Meta

Katikati kati ya vitambulisho, andika ambapo inatoa habari kama vile maneno ya injini za utaftaji au usimbuaji wa herufi.

Hatua ya 9: Kichwa cha Kichwa

Kichwa cha Kichwa
Kichwa cha Kichwa

Kati ya vitambulisho, chini, andika na. Kwa hivyo, chochote unachoandika katikati, utaona juu ya dirisha la kivinjari na lebo hii ni muhimu kwa injini ya utaftaji. Kwa mfano, nitaandika "WRD 204"

Hatua ya 10: Kuongeza Aya Kutumia P Tag

Kuongeza Aya Kutumia P Tag
Kuongeza Aya Kutumia P Tag

Katikati andika habari yoyote unayotaka kuonekana kwenye ukurasa wa wavuti, kama picha, sauti, video na aya kwa mfano, kwa mfano wangu nitaandika aya kwa kutumia vitambulisho hivi kwa aya:

na.

Hatua ya 11: Angalia Matokeo Yako

Angalia Matokeo Yako
Angalia Matokeo Yako
Angalia Matokeo Yako
Angalia Matokeo Yako

Ili kuona matokeo yako: bonyeza kwanza kulia kwenye faili na bonyeza "save" kuliko bonyeza "preview live" icon kwenye kona ya juu kulia.

Kumbuka: - wakati wowote unapofanya mabadiliko na unataka kuona matokeo, kwanza, lazima uhifadhi faili, unaweza kutumia njia ya mkato "Ctrl + S"

Hatua ya 12: Badilisha muundo

Badilisha muundo
Badilisha muundo
Badilisha muundo
Badilisha muundo

Ikiwa unataka kubadilisha saizi ya fomati ya maandishi, tumia kama kichwa kikuu au ndogo zaidi. Katika mfano wangu nitatumia.

Hatua ya 13: Lebo ya Kuvunja Mstari Moja / Mbili

Lebo moja / mbili ya kuvunja Line
Lebo moja / mbili ya kuvunja Line
Lebo moja / mbili ya kuvunja Line
Lebo moja / mbili ya kuvunja Line

Ikiwa unataka kufanya kuvunja mstari mmoja / mbili kati ya aya, tumia tag

Hatua ya 14: Hitimisho

Hongera! sasa unaweza kuanza kujenga ukurasa wako wa wavuti.

Ikiwa unapendeza kujua zaidi juu ya Vitambulisho vya HTML, ninapendekeza wavuti hii

Ilipendekeza: