Jinsi ya kutengeneza kiungo katika HTML?

Orodha ya maudhui:

Jinsi ya kutengeneza kiungo katika HTML?
Jinsi ya kutengeneza kiungo katika HTML?
Anonim

Tovuti, blogu, kurasa za wavuti - dhana ambazo tayari zinajulikana katika wakati wetu. Pamoja na maendeleo ya mtandao, tovuti za kukaribisha kurasa za wavuti zimekuwa maarufu sana, na hii haishangazi: kwa watu wengine, kuwa na tovuti yao wenyewe ni muhimu, kwa wengine ni burudani ya kupendeza. Katika kesi ya kwanza, sisi ni kawaida kuzungumza juu ya makampuni, mashirika, wafanyabiashara binafsi, wakati wao kutangaza bidhaa au huduma yoyote katika mahitaji. Ya pili ni kuhusu wanablogu.

Mbali na hili, kuna watumiaji wa Intaneti ambao hutafuta tu taarifa, kusoma blogu, kutazama video na kadhalika.

Ili kuunda tovuti bora, kuna chaguo nyingi. Tutazingatia utayarishaji wa programu kwenye wavuti kupitia HTML.

HTML ni nini

HTML inawakilisha Lugha ya Alama ya Maandishi ya Hyper. Ikitafsiriwa kutoka kwa Kiingereza, hii inamaanisha "Lugha ya Kuweka alama ya maandishi ya Hypertext".

Kwa maneno mengine, HTML ni seti ya misimbo ambayo unaweza kutumia kuunda vipengele vikuu vya tovuti, fremu yake, kamajinsi maneno yanavyoundwa na sentensi.

misimbo ya HTML imeandikwa kwa herufi za Kilatini pekee na huitwa lebo, na kila msimbo umefungwa katika mabano ya pembe. Baadhi ya lebo zimeoanishwa, zingine hazijaoanishwa.

Zilizooanishwa ina maana kwamba lazima zitumike kwa jozi bila kukosa. Kwa mfano, lebo ya ufunguzi inaonyesha ambapo inaanza kwenye ukurasa wa wavuti, na tag ya kufunga inaonyesha mahali inapoacha. Mwisho hutofautiana na wa kwanza kwa kuwepo kwa tabia ya kufyeka baada ya bracket ya ufunguzi wa angle. Kwa mfano, ni tagi inayofunguka,ndiyo lebo ya kufunga.

Lebo ambazo hazijaoanishwa hazihitaji mshirika.

Lebo nyingi zinaweza kuwa na sifa - vipengele vya ziada vinavyoipa maana mahususi zaidi. Kwa mfano, lebo.

Ubunifu wa wavuti
Ubunifu wa wavuti

Mahali HTML inatumika

Uelewa wa kawaida wa mahali HTML inahitajika ni ujenzi wa tovuti.

Kwa mazoezi, hii inaweza kutosha, kwa kuwa HTML hukuruhusu kuunda vipengele vikuu vya tovuti, menyu (pamoja na za viwango vingi), weka usuli, weka maandishi, picha, sauti, video, hariri fonti. na mengine mengi.

Hata hivyo, kuna lugha zingine zinazokuruhusu kuongeza vipengele vya kuvutia na mara nyingi muhimu kwenye ukurasa wa wavuti:

  • CSS huweka mitindo ya tovuti nzima bila hitaji la kuagiza kila mara vipengele vya mtindo wa vipengele mahususi kwa kutumia lebo - rangi na fonti ya maandishi, kwa mfano.
  • Lugha ya hati hukuruhusu kukuza na kupachika programu ndogo (hati) kwenye tovuti, kuanziamambo ya urembo (kubadilisha rangi ya kiungo wakati wa kuelea juu na kipanya) na kumalizia na zile zinazofanya kazi (kukusanya barua pepe za mteja, nambari za simu).
  • Ukiwa na PHP unaweza kutengeneza kitabu chako cha wageni au mfumo wa kutoa maoni.

Pia HTML inatumika katika kuunda barua pepe za usambazaji.

orodha ya barua pepe ya mtandao
orodha ya barua pepe ya mtandao

Kiungo ni nini

Zinakuruhusu kuelekeza kwenye ukurasa mwingine wa wavuti, ndani ya tovuti na nje.

viungo vya HTML hutumika sana:

  • Ili kwenda kwa rasilimali ya nje ya wavuti.
  • Ili kupitia kurasa ndani ya tovuti.
  • Ili kwenda kwenye fomu za google.

Kiungo cha chanzo katika HTML pia huonyeshwa mara nyingi, hasa kwa vile unaponakili nyenzo kutoka kwa tovuti nyingine, lazima ubainishe mwandishi. Vinginevyo, kunakili bila maelezo kunaweza kuangukia chini ya ufafanuzi wa ukiukaji wa hakimiliki, wizi wa maudhui na kurudisha nyuma. Zaidi ya hayo, matumizi ya nyenzo zilizokopwa, zisizo za kipekee hupunguza utendakazi wa SEO, na kuonyesha kiungo kwa chanzo hupunguza hatari.

Aina za viungo

Kwa maana ya kitamaduni, kiungo ni anwani ya rasilimali ya wavuti ambayo unaweza kwenda kwa kuibofya.

aina za viungo
aina za viungo

Kando na hii, kuna viungo: maandishi na picha. Katika hali hizi, kiungo cha HTML "kimefichwa" chini ya sentensi (neno) au picha fulani, na ili kukifuata, unahitaji kubofya maandishi au picha.

Aina nyingine za viungo:

  • Haijatembelewa - kiungo ambacho bado hakijabofya wakati wa kipindi mahususi. Kwa mfano, ikiwa ulifuata kiungo hiki jana, kisha kuzima kompyuta yako, na kuiwasha tena leo, sasa kiungo hakijatembelewa tena, kwa vile kipindi kipya kimeanza.
  • Inatumika - katika hali hii, kiungo kinahifadhiwa kwa muda mfupi sana: muda kati ya kubofya kiungo na kukifuata.
  • Ulitembelewa - kiungo ambacho tayari kimetembelewa angalau mara moja wakati wa kipindi kimoja.

Kwa viungo vya maandishi vya kawaida, vilivyotembelewa huwa na mabadiliko ya rangi isipokuwa kubainishwa vinginevyo.

Picha iliyounganishwa haibadilishi mwonekano wake, iwe inatembelewa au la.

Jinsi ya kuweka kiungo cha kawaida

Nyenzo nyingi za wavuti hutambua anwani ya tovuti kama kiungo, mara moja huifanya ibofke na kuiangazia kwa rangi. Kwa mfano, ikiwa anwani imetumwa kwa mjumbe au kwa barua-pepe, kubofya juu yake, unaweza kwenda kwenye tovuti.

Katika hali ya kuunda tovuti mwenyewe kwa kutumia HTML, lazima uweke kiungo kwa kutumia lebo maalum. Itakuwa kama hii: anwani ya tovuti. Maandishi ya kiungo katika HTML lazima yabainishwe kikamilifu, kwa itifaki.

Jinsi ya kuingiza kiungo cha maandishi

Ilisemekana hapo awali kuwa kiungo cha maandishi hufanya kazi sawa na kiungo cha kawaida, lakini kinaonekana kupendeza zaidi: badala ya anwani ya tovuti, ambayo mara nyingi huwa ndefu bila lazima, neno au kifungu cha maneno huonyeshwa. Kwa mfano, katika sentensi "Tafuta habari hapa", unaweza kuficha kiunga ndanineno "hapa". Itaangaziwa na kuibofya itampeleka mtumiaji kwenye tovuti anayotaka.

kuingiza kiungo
kuingiza kiungo

Jinsi ya kutengeneza kiungo cha HTML tayari imejadiliwa hapo awali. Unaweza kuingiza kiungo cha maandishi kwa kutumia lebo sawa. Tofauti pekee ni kwamba unahitaji kubainisha kati ya lebo maandishi ambayo kiungo kitafichwa: maandishi yanayoonekana.

Jinsi ya kuingiza kiungo cha picha

Ni ngumu zaidi hapa. Tunatumia lebo sawa, lakini badala ya maandishi, unahitaji kubainisha njia ya kuelekea kwenye picha.

Njia ni eneo la picha. Ikiwa picha (picha) iko kwenye huduma ya kugawana faili, basi unahitaji kutaja folda zote kwenye njia ya picha kwa njia ya kufyeka. Unaweza pia kujumuisha kiungo cha picha ikiwezekana.

Kuweka tagi

pamoja na src, sifa zingine pia zinatumika, hukuruhusu kurekebisha urefu, upana na eneo la picha na mengi zaidi. Baadhi yao:

  • Src - inabainisha njia ya kuelekea kwenye picha.
  • Lowsrc - sawa na sifa ya awali, lakini imebainishwa kwa picha za ubora wa chini.
  • Urefu - urefu wa picha.
  • Upana - upana wake.
  • Alt - maelezo ya picha. Unapoelea juu ya picha au picha, maandishi yaliyotajwa katika sifa hii yatatokea.
  • Mpaka - huamua unene wa mpaka unaozunguka picha.

Sifa zimebainishwa baada ya lebo na zimejumuishwamuundo wake. Sifa lazima ifuatwe na thamani yake. Kwa mfano, kwa sifa "urefu" au "upana" (urefu, upana) hubainisha urefu wa picha kwenye ukurasa wa wavuti. Kipimo cha kipimo ni pikseli, isipokuwa ikiwa imebainishwa vinginevyo.

Itakuwa hivi: <a href="anwani ya ukurasa wa wavuti"

. Sifa hizi zitasaidia kuweka ukubwa unaofaa kwa picha. Mpaka husaidia kuunda mpaka usioonekana kuzunguka picha.

kufuata kiungo
kufuata kiungo

Sifa zilizo hapo juu zinatumika kando kwa lebo ya uwekaji picha. Kwa mfano:.

Viungo vya nanga

Kuunda viungo vya kuunga mkono ni ujuzi muhimu sana. Mara nyingi kuna haja ya kuweka ukurasa wa wavuti na kizuizi cha maandishi marefu au na vifungu kadhaa kwenye ukurasa mmoja. Katika kesi hii, unaweza kuanza mara moja na orodha ya viungo kwa vifungu vya maandishi au ukurasa wa wavuti, na unapobofya, mtumiaji ataenda moja kwa moja kwenye sehemu iliyoombwa.

Kuunda viungo vya kuunga mkono kutahitaji matumizi zaidi ya lebo za sifa kuliko aina zingine za viungo.

nanga ya kiungo
nanga ya kiungo

Kwanza, unahitaji kuweka thamani ya jumla kwa kila sehemu ya taarifa au kifungu kidogo cha maandishi kwa kutumia sifa ya juu, na kisha uihusishe na kiungo kinacholingana.

Vipengele vyake ni pana zaidi, kwa hivyo inashauriwa kwanza kusimamia uundaji wa viungo rahisi zaidi, na kisha kuendelea na uundaji wa viungo vya nanga.

Vidokezo

Uwekaji wa vitalu mbalimbali vya habari kwenye ukurasa wa wavuti
Uwekaji wa vitalu mbalimbali vya habari kwenye ukurasa wa wavuti

Msaada kutoka kwa wenye uzoefuwatengenezaji programu:

  • Unaweza kuifanya ili maelezo kuhusu kiungo yaonyeshwe kwenye hover katika HTML. Kwa hili, sifa ya alt, ambayo pia tunaitumia kwa vipengee vya picha, inaweza kutusaidia.
  • Inawezekana kutengeneza orodha ya viungo kwa kutumia HTML. Hasa, hii inaweza kuwa muhimu kwa viungo vya nanga, na vile vile wakati unahitaji kutengeneza orodha ya rasilimali za wavuti ambazo zinaweza kufuatwa na kiungo moja kwa moja kutoka kwa ukurasa wa sasa wa wavuti.
  • Kwa usaidizi wa CSS na JavaScript, pamoja na baadhi ya vitendaji vya HTML, unaweza kuunda muundo tofauti wa viungo vya maandishi na viungo kuliko kawaida. Kwa mfano, unapoelea juu ya kiungo, inaweza kubadilisha rangi yake na kurudi kwa ile ya awali wakati mshale uko mbali nayo. Hii inaweza kufanywa kwa hati maalum ya JavaScript. Kwa kuongeza, rangi ya kiungo inaweza kuwekwa kwa kitu kingine isipokuwa bluu kwa kutotembelewa au zambarau kwa kutembelewa. Hii ni kazi ya CSS.
  • Usitumie viungo vibaya. Ukurasa wa wavuti wenye viungo vingi visivyofaa unaonekana kuwa duni na duni.
  • Hakikisha kuwa mtumiaji anaelewa kuwa kiungo chenye picha ni taswira, na si taswira pekee.

Hitimisho

Ni rahisi sana kuunganisha kwa ukurasa katika HTML. Ni muhimu kufuata pointi zote kuu za lugha hii, kwa kuwa hata kosa ndogo inaweza kusababisha ukweli kwamba hakutakuwa na matokeo, na kanuni haitafanya kazi.

Ilipendekeza: