Kikagua zana ya msanidi programu katika Firefox hukuruhusu kubainisha nambari ya HTML kwa chochote unachokiona kwenye ukurasa wako wa wavuti. Karatasi ya mitindo ya HTML na inayoambatana na CSS inaweza kuhaririwa mara tu zana hizi zitakapofunguliwa. Jaribu mabadiliko yoyote unayopenda, kisha uburudishe ukurasa kurudi kwenye muonekano uliokusudiwa wa ukurasa wa wavuti.
Hatua
Sehemu ya 1 ya 2: Kuchunguza Vipengele
Hatua ya 1. Bonyeza kulia kitu chochote cha ukurasa wa wavuti
Unaweza kubofya kulia kwenye picha, maandishi, asili, au kitu kingine chochote. Ikiwa huna panya ya vitufe viwili, bonyeza-kushoto wakati unashikilia Udhibiti.
Hatua ya 2. Bonyeza Kagua kipengele kutoka menyu kunjuzi
Upau wa zana unapaswa kuonekana chini ya dirisha lako. Paneli pia itaonekana chini ya upau wa zana, ikionyesha nambari ya HTML ya ukurasa.
Hatua ya 3. Tambua upau wa zana na paneli
Unapobofya Kagua kipengele, viini kadhaa vitafunguliwa chini ya dirisha lako. Hapa kuna kuvunjika kwa matumizi na majina yao:
- Mstari wa juu ni Upau wa Zana za zana. Hii ina zana kadhaa za msanidi programu, lakini tunavutiwa na Mkaguzi upande wa kushoto. Weka hii iliyochaguliwa (iliyoangaziwa kwa samawati) kwa mwongozo huu wote.
- Chini ya upau wa zana, kuna safu moja ya mikate ya mikate ya vitu vya HTML, inayoonyesha njia kamili inayohusiana na kipengee kilichochaguliwa.
- Kidirisha kilicho chini ya safu hii kinaonyesha mti wa HTML au "Markup View" ya ukurasa. HTML ya kipengee ulichochagua imeangaziwa na imejikita katika kidirisha hiki.
- Kidirisha cha kulia kinaonyesha karatasi ya mitindo ya CSS ya ukurasa huu.
Hatua ya 4. Chagua kipengee kingine
Mara upau wa zana umefunguliwa, kuchagua kipengee kingine ni rahisi. Hapa kuna njia tatu za kuifanya:
- Hover juu ya mstari wa HTML kuonyesha kipengele kinachofanana (inahitaji Firefox 34+). Bonyeza HTML kuchagua kipengee hicho.
- Bonyeza zana ya Chagua Element upande wa kushoto zaidi wa upau wa zana: ikoni ni mshale juu ya mraba. Sogeza mshale wako juu ya ukurasa ili kuonyesha vitu, kisha bonyeza kuchagua kipengee.
Hatua ya 5. Nenda kupitia msimbo
Bonyeza popote kwenye kidirisha cha HTML. Tumia mishale ya kushoto na kulia kwenye kibodi yako kupitia msimbo (inahitaji Firefox 39+). Hii ni muhimu kwa vitu vidogo sana kuchagua kwa mkono.
- Kijivu HTML inahusiana na vitu visivyoonyeshwa kwenye ukurasa. Hii ni pamoja na maoni, node kadhaa kama vile, na vitu ambavyo vimefichwa na mali ya kuonyesha ya CSS.
- Bonyeza mshale upande wa kushoto wa vyombo ili kupanua au kuficha yaliyomo. Ili kupanua yaliyomo yote, shikilia alt="Picha" au chaguo wakati unabofya.
Hatua ya 6. Tafuta kipengee
Tafuta upau wa utaftaji (ikoni ya glasi inayokuza) upande wa kulia wa safu ya Mikate. Bonyeza hii ili kuipanua, kisha andika msimbo wa HTML unaotafuta. Unapoandika, dukizo litaonekana kuorodhesha vitu vinavyolingana. Bonyeza kwa moja kuchagua kipengee hicho na kusogeza kidirisha cha HTML kwa nambari yake.
Sehemu ya 2 ya 2: Kuhariri HTML
Hatua ya 1. Onyesha upya ukurasa ili uanze tena wakati wowote
Ikiwa wewe ni mpya kwa zana za msanidi wa wavuti, elewa kuwa hazifanyi mabadiliko yoyote ya kudumu. Mabadiliko yako yataonekana tu kwenye skrini yako, na tu hadi utakapofunga ukurasa au kuiburudisha. Usisite kujaribu hata ikiwa huna uhakika ni nini kitatokea.
Hatua ya 2. Bonyeza mara mbili HTML kuhariri maandishi
Bonyeza mara mbili mstari wa HTML. Chapa maandishi mpya na bonyeza Enter ili kuhifadhi mabadiliko yako.
Hatua ya 3. Bonyeza na ushikilie mkate wa mkate kwa chaguzi zaidi
Kumbuka, toolbar ya mkate imewekwa kati ya mti kamili wa HTML na upau wa juu. Bonyeza na ushikilie vitu vyovyote katika safu hii kufungua menyu pana. Hapa kuna mwongozo kamili wa chaguzi hizi:
- "Hariri kama HTML" hufanya nodi na yaliyomo yote kuhaririwa kwenye mti wa HTML, badala ya kuhariri kila mstari mmoja mmoja.
- "Nakili HTML ya ndani" inanakili yaliyomo yote ya nodi, wakati "Nakili HTML ya nje" inaiga nodi pia (kama vile au
- "Bandika →" husababisha chaguzi kadhaa za mahali pa kubandika, kama vile kabla ya nodi hii au baada ya mtoto wa kwanza wa nodi.
- : hover,: active, na: kuzingatia badilisha muonekano wa kipengee wakati mtumiaji anaingiliana nayo. Athari halisi imedhamiriwa na karatasi ya mitindo ya CSS (inayoweza kuhaririwa kutoka kwa mkono wa kulia).
Hatua ya 4. Buruta na uangushe
Ili kupanga upya vipengee kwenye kificho, bonyeza na ushikilie HTML hadi laini ya dashi itaonekana. Sogeza juu au chini ya mti na uachilie wakati laini iliyokatwa iko mahali unavyotaka.
Hii inahitaji Firefox 39 au baadaye
Hatua ya 5. Funga mwambaa zana
Ili kufunga windows hizi zote za kupendeza, bonyeza tu X kwenye kona ya kulia kabisa ya upau wa zana, juu ya kidirisha cha CSS.
Vidokezo
- Unaweza pia kufungua mwambaa zana na chaguo hizi za menyu ya juu:
- Windows: Firefox → Msanidi Programu wa Wavuti → Zana za Kubadilisha
- Mac au Linux: Zana → Msanidi Programu wa Wavuti → Zana za Kubadilisha
- Firefox 40 ilianzisha chaguo la kuficha kidirisha cha CSS ili kukupa nafasi zaidi wakati wa kuhariri HTML. Tafuta ikoni ya mshale upande wa kulia wa safu ya Mikate ya Mkate, kulia kwa upau wa utaftaji. Bonyeza ikoni hii kuficha kidirisha cha CSS, na ubonyeze tena ili kuipanua tena.
- Paneli ya CSS pia inaweza kuhaririwa, lakini hiyo ni zaidi ya upeo wa mwongozo huu. Nakala hii inafundisha misingi ya CSS.