Jinsi ya Kuunda Ukurasa wa HTML

Ikiwa unataka kuunda ukurasa wako wa wavuti, lazima uwe na ufahamu wa HTML. This article explains how to create an HTML page. Pia, utajifunza jinsi ya kuunda ramani ya tovuti ya xml na jinsi ya kuongeza picha na kiungo. Ni muhimu pia kuunda ramani ya tovuti ya xml, ambayo inaweza kukusaidia kupanga tovuti yako na kuongeza trafiki yako. Hatua inayofuata ni kuchagua kiolezo.

Creating a html page

HTML ni lugha ya alama. Kila kipengele cha ukurasa wa wavuti kinawakilishwa na lebo. Lebo inatambuliwa kwa mabano ya pembe, na kila kipengele kina lebo moja au zaidi. Vipengee vingine vinahitaji lebo moja pekee; wengine wanaweza kuhitaji mbili. Lebo za kufungua na kufunga zina mkwaju wa mbele (/). Kwa mfano, kipengele cha aya kinawakilishwa na lebo ya p. Maandishi kati ya vitambulisho vya kufungua na kufunga ni maandishi ya aya.

Ili kuunda hati ya HTML, utahitaji kutumia kihariri cha maandishi. Kompyuta nyingi zina kihariri cha maandishi kwa chaguo-msingi. Watumiaji wa Windows watatumia Internet Explorer, wakati watumiaji wa Mac wanaweza kutumia TextEdit. Unaweza kusakinisha kihariri cha maandishi maridadi ili kuunda ukurasa wa wavuti unaoonekana kuwa wa kitaalamu, lakini kwa ukurasa wako wa kwanza wa HTML, sio lazima. Unaweza pia kutumia kihariri cha maandishi rahisi na kivinjari chochote cha wavuti. Ikiwa hujui ni programu gani ya kutumia, jaribu kupakua kihariri cha HTML bila malipo.

Ukurasa wa html una sehemu kuu mbili: mwili na kichwa. Sehemu ya mwili ina maudhui halisi ya tovuti, wakati sehemu ya kichwa inatumiwa kwa habari ya kichwa na meta. Mwili una vitu vingine vyote, ikiwa ni pamoja na picha na michoro nyingine. Sehemu ya kichwa ni mahali pa kuweka viungo vyako vya kusogeza. Baada ya kumaliza kuandika mwili, uko tayari kuingiza maudhui ya hati. Hakikisha unatumia vipengele vya mwili na kichwa ili kuhakikisha kuwa tovuti yako inapatikana kwa kila mtu.

Creating a xml sitemap

If you have an HTML page, unaweza kutaka kuunda ramani ya tovuti ya XML ili kusaidia injini za utafutaji kutambaa kwenye tovuti yako. Ingawa hii haitaathiri viwango vya utafutaji wako, itasaidia injini za utafutaji kuelewa maudhui yako na kurekebisha kasi yao ya kutambaa. Njia hii, tovuti yako itaonekana zaidi katika matokeo ya injini ya utafutaji. Hapa kuna hatua rahisi za kuanza:

Kuunda ramani ya tovuti ya HTML ni rahisi kufanya. Unachotakiwa kufanya ni kutengeneza jedwali rahisi la kurasa za tovuti yako, na viungo kwa kila ukurasa. Kisha unganisha kwa ukurasa huo wa ramani ya tovuti kwenye kichwa au kijachini. Njia hii, haijalishi tovuti yako ina kurasa ngapi, watu wanaweza kupitia kwa urahisi. Aidha, sio lazima uwasilishe SEO ili kuunda ramani ya tovuti.

Mara baada ya ukurasa wako wa HTML kuchapishwa, iwasilishe kwa Dashibodi ya Tafuta na Google. Unaweza kutumia kiendelezi chochote cha faili na upe jina la ramani yako ya tovuti ya XML. Unaweza kuwasilisha ramani ya tovuti ya XML kwa Google, lakini sio lazima. Watambazi wa Google kwa ujumla ni wazuri sana katika kugundua maudhui mapya, na huhitaji kuwasilisha ramani ya tovuti kwao. Unaweza pia kuwasilisha kwa injini nyingine za utafutaji, lakini hii haihakikishi kuwa utagunduliwa na Google.

Sio lazima kuongeza ramani ya tovuti ya XML kwenye ukurasa wako wa wavuti, lakini itaongeza SEO ya tovuti yako. Ramani za tovuti hutumiwa na injini za utafutaji ili kuwasaidia kurasa za faharasa ambazo hazijaunganishwa moja kwa moja na ukurasa wa wavuti. Ramani za tovuti pia husaidia kuboresha ufikiaji wa maudhui tajiri ya media. Kuongeza ramani ya tovuti kwenye tovuti yako kunaweza kusaidia kufanya tovuti yako kufikiwa zaidi na roboti za injini tafuti.

Adding a picture

In HTML, unaweza kuongeza picha kwenye ukurasa kwa kutumia lebo ya img. Lebo hii ina picha na sifa zake pekee; hauhitaji tagi ya kufunga. Lebo hii ya picha inapaswa kuingizwa ndani ya sehemu ya mwili ya hati ya HTML. Mbali na upana na urefu wa picha, unapaswa kujumuisha sifa nyingine inayoelezea picha. Lebo mbadala inapaswa kuandikwa kana kwamba unaandika maelezo kwa mtu ambaye hawezi kuiona.

Kuongeza picha kwenye hati ya HTML kunahitaji maarifa kidogo ya CSS na HTML. Ukubwa wa picha na azimio ni mambo mawili muhimu ya kuzingatia. Saizi ya picha itaamua jinsi itafaa katika yaliyomo kwenye hati. Ikiwa ungependelea kutumia azimio tofauti au uwiano wa kipengele, unaweza pia kujaribu kubadilisha ukubwa wa picha. Hata hivyo, kumbuka kuwa kuongeza haifanyi kazi kila wakati unavyotarajia.

Sheria nzuri ya kurekebisha saizi ya picha ni kuongeza upana wake. Upana unapaswa kuwa angalau pikseli moja ndogo kuliko urefu. Ikiwa picha ni ndogo sana kuonyesha, unaweza kuongeza mpaka, na kisha urekebishe ili kutoshea saizi ya picha. Unaweza pia kurekebisha mpaka wa picha kwa kuiongeza kwa sifa ya mpaka. Unene wa mpaka ndio thamani chaguo-msingi, lakini unaweza kuiweka kwa thamani yoyote. Hakikisha kuwa picha ina sifa ya src.

Adding a link

You can add a link in HTML to your document using an a> tag na sifa ya href. Hii itaunda alamisho kwa hati na kuifungua kwenye kichupo kipya. Unaweza pia kutumia sifa ya href kuingiza picha kwenye hati. Unaweza pia kutumia kiungo kilicho na msimbo wa JavaScript kubadilisha kitufe cha HTML kuwa kiungo. Mara umefanya hivi, unaweza kubadilisha kiungo chako kwa kutumia msimbo wa CSS au JavaScript.

Kiungo ni muunganisho kutoka kwa rasilimali moja ya wavuti hadi nyingine. Inajumuisha ncha mbili, nanga ya chanzo na nanga ya marudio. Kiungo kinaweza kuwa chochote kutoka kwa picha hadi faili ya maandishi. Tovuti nyingi za mitandao ya kijamii na tovuti hutumia viungo kuwaelekeza watumiaji kwenye URL fulani. HTML pia inaweza kutumika kubainisha eneo la kiungo. Ni’ sifa hukuruhusu kuunganisha vipengele vya msimbo kwa URL.

Wakati wa kuunda kiungo, hakikisha unazingatia jinsi wageni wako watatumia yaliyomo. Maandishi ya kiungo yanapaswa kuwa ya maelezo, ili wajue nini hasa wanapaswa kutarajia. Kurudiwa kwa URL sawa ni mbaya kwa visoma skrini, na haiwapi habari yoyote muhimu. Visoma skrini pia huwaambia watumiaji wakati viungo vipo kwa kuvifanya viwe na mitindo tofauti au kupigwa mstari. Kwa njia hii, wanaweza kupata taarifa wanazohitaji kwa urahisi.

Adding a table

Adding a table to an HTML page is simple, lakini kuna mambo machache unapaswa kuzingatia kabla ya kufanya hivyo. Rangi ya usuli ya jedwali lako ni muhimu kwa kuvutia macho ya mgeni wako na kuvutia habari muhimu. Unaweza kuweka rangi tofauti kwa kipengele cha kichwa cha jedwali na kipengele cha data kwa kutumia misimbo ya rangi ya hex au majina ya rangi. Kwa njia yoyote, meza yako itaonekana kwa urahisi.

Unaweza kuongeza kichwa cha jedwali na data ya jedwali na kipengee cha td, ambayo inafafanua mtu binafsi “masanduku” kwa yaliyomo. Kuongeza kichwa cha jedwali ni hatua ya kwanza ya kuonyesha data kwenye ukurasa wa wavuti, na unapaswa kuongeza ya kwanza ikiwa unataka. Jedwali pia linapaswa kuwa na vichwa vya safu tatu. Kichwa kimoja kinapaswa kuwa tupu. Ikiwa meza yako ina safu, unapaswa pia kuunda vichwa vya safu kwa kila safu.

Unaweza pia kuongeza manukuu kwenye jedwali lako. Manukuu ni kipengele cha hiari kinachoelezea madhumuni ya jedwali. Manukuu pia yanafaa kwa ufikivu. Jedwali pia linaweza kuwa na visanduku vinavyoelezea vikundi vya data. Hatimaye, unaweza kuongeza kipengee cha matangazo ili kufafanua seti ya safu na safu. Unaweza kutumia vipengele vyote viwili pamoja au tofauti. Unaweza hata kuzitumia pamoja, lakini maelezo mafupi ndio muhimu zaidi.

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. Kipengele cha div ni chombo maalum cha maandishi, Picha, na vipengele vingine. Unaweza kukiita chochote unachopenda na kubadilisha sifa zake ili kuendana na mahitaji yako. Unaweza pia kuongeza darasa au ukingo ili kuunda nafasi kati ya div na vipengele vingine kwenye ukurasa wako.

Unaweza pia kutumia sifa ya innerHTML kuingiza msimbo ndani ya div. Njia hii inakubali msimbo ulioambatanishwa kwenye mfuatano, na ikiwa haiko ndani ya div, yaliyomo yataondolewa. Unapaswa kuzuia kuingiza nambari kwenye div kwa njia hii, kwani inaweza kufichua tovuti yako kwa udhaifu wa uandishi wa tovuti mbalimbali. Ikiwa unatumia lugha ya uandishi kama vile JavaScript, unaweza kutumia sifa ya innerHTML.

Div ni lebo ya msingi ya HTML inayotumiwa kuweka msimbo wa kikundi ndani ya hati. Inaweza kuwa na aya, zuia nukuu, picha, sauti, au hata kichwa. Msimamo wake hukuruhusu kutumia mtindo na lugha sare kwa sehemu tofauti za ukurasa. Divs hutumiwa vyema kwa kuashiria semantiki ambazo ni za kawaida kwa vikundi vya vipengele mfululizo. Div inapaswa kutumika unapotaka kuongeza mtindo kwenye sehemu bila kulazimika kuandika upya ukurasa mzima.