Lebo ya html ya mstari mwekundu. Lebo za msingi (lebo) html

Ili kuipa mtindo maalum, unahitaji kuweka maandishi kwenye chombo kinachofaa.

Lebo zote za umbizo zinaweza kugawanywa katika vikundi vitatu:

1. Lebo za mada ( h1-h6).

2. Lebo za muundo wa maandishi ya mwili ( , , ,

, 
 na kadhalika.).

3. Kuweka vitambulisho (

,


,
)

Lebo za kichwa

Geuza maandishi wazi katika kichwa cha kiwango fulani. Lebo

huunda kichwa cha kiwango cha kwanza - kikubwa zaidi na muhimu zaidi (kawaida kichwa cha makala kwenye ukurasa),
inawajibika kwa mada ya ngazi ya sita - ndogo zaidi na isiyoonekana. Lebo hizi ni muhimu kwa watumiaji na injini za utafutaji - zote zinapenda vichwa vilivyo na vichwa vidogo. Hierarkia ya ngazi lazima izingatiwe, yaani,

lazima kwenda

, na si vinginevyo.

Ili kuelewa jinsi hii inavyofanya kazi, ingiza nambari ifuatayo kwenye faili ya html:

Kichwa cha kiwango cha kwanza

Mada ya ngazi ya pili

Mada ya ngazi ya tatu

Mada ya ngazi ya nne

Mada ya kiwango cha 5
Mada ya daraja la sita

Itaonekana kama hii kwenye kivinjari:

Lebo za muundo wa maandishi ya mwili

Inaruhusu uumbizaji katika kiwango cha herufi. Hebu tuangalie kile unachoweza kufanya nao.

Fonti nzito

Inahitajika kuzingatia maandishi. Pia ni muhimu kwa injini za utafutaji; zinaweza kuangazia maneno muhimu.

Kuwajibika kwa vitambulisho vya mtindo wa ujasiri Na .

Superscript na subscript

Wanaweza kutumika katika fomula, milinganyo, na uainishaji wa idadi fulani.

Lebo inawajibika kuunda usajili , kwa wale wa juu tag hutumiwa .

X 1=32 m 2

Kupunguza

Ikiwa unahitaji kufanya maandishi kuwa chini ya thamani iliyowekwa kwenye ukurasa wote, basi unahitaji kutumia lebo

Maandishi wazi. Maandishi yaliyopunguzwa.

Underscore

Aina hii ya kuangazia inaweza kutumika kuonyesha mabadiliko yaliyofanywa kwa hati au tu kuvutia maandishi.

Maandishi wazi. Maandishi yaliyopigiwa mstari.

Mgomo

Unaweza kuvuka habari ikiwa tayari imepoteza umuhimu wake. Hii ndio lebo ya hii .

Italiki

Inahitajika kuzingatia maandishi, na inaweza kuunda kwa lebo au .

Uingizaji wa maandishi ya kompyuta

Inatokea kwamba unahitaji kuongeza msimbo wa chanzo wa programu na matokeo ya kazi yake kwenye ukurasa wa wavuti. Ili kurahisisha kutofautisha sehemu tofauti za maandishi kutoka kwa kila mmoja, watengenezaji wa HTML walianzisha lebo za kikundi hiki.

Ndani ya chombo ina msimbo wa programu, na vigezo vyake vinasisitizwa na lebo , na matokeo ya utekelezaji ni . Chombo ina maandishi ambayo mtumiaji lazima aingie kutoka kwa kibodi wakati wa kufanya kazi na programu, na kila kitu ambacho kimefungwa kwenye vitambulisho

, huhifadhi umbizo asili ikijumuisha nafasi za ziada na mapumziko ya mstari.

Hivyo a, b, c, Hapa matokeo ya utekelezaji wa programu , na hii ni maandishi yaliyowekwa na mtumiaji

ilionyesha kitu kama hiki
.

Nukuu na ufafanuzi

Nambari ya programu itaonekana kama Hivyo , vigezo vimeteuliwa kama ifuatavyo: a, b, c , Hapa matokeo ya utekelezaji wa programu , na hii ni maandishi yaliyowekwa na mtumiaji . Weka umbizo asili

 ilionyesha kitu kama hiki 
.

Nukuu katika lebo ya nukuu ya kuzuia.
Nukuu ndani ya chombo cha dondoo.Nukuu fupi iliyowekwa alama ya q.Ufafanuzi wa kujitolea.Ufupisho (NPO, IP).

Mfano wa jumla

Ili kuelewa vizuri kile kila lebo inawajibika na jinsi inavyofanya kazi, angalia nambari ifuatayo na matokeo ya utekelezaji wake.

Mafuta maandishi yanaweza kufanywa kuwa vitambulisho nguvu Na b. Nyuma italiki jibu em Na i.

Lebo ndogo Na sup kutumika kuunda chini(x 1…x n) Na juu (42=16) fahirisi. Del huvuka nje, ins - inasisitiza.

Lebo kanuni, kbd, var Na sampuli hazitumiki sana na zinahitajika ili kuonyesha uorodheshaji wa programu

abbr inahitajika kuonyesha muhtasari ( HTML) Nukuu ya kuzuia, dondoo na q hutumika kuunda nukuu ( Anga ilikuwa tayari kupumua katika vuli)

Lebo ya awali huhifadhi umbizo la awali maandishi bila kuondoa nafasi au mapumziko ya mstari.

Kivinjari hutafsiri nambari hii kama ifuatavyo:

Kupanga vitambulisho

Ni muhimu kwamba maandishi hayatiririki katika mstari mmoja unaoendelea, lakini imevunjwa katika vipengele vya mantiki.

  • Ndani ya vitambulisho kuna aya.

Aya ya kwanza

Kifungu cha pili

  • Lebo
    hufanya mpito kwa mstari unaofuata ndani ya aya (hakutakuwa na indentation kabla ya mstari).

  • inakuwezesha kuchora mstari wa usawa. Unaweza kuitumia kutenganisha maandishi kwa uwazi zaidi. Sifa upana, ukubwa, rangi, panga Na noshade weka upana, unene, rangi, usawa na ukosefu wa athari ya 3D ya mstari, kwa mtiririko huo.

Mstari juu ya mstari.


Mstari chini ya mstari.

Mstari mwekundu wa html unaweza kuweka 4 njia tofauti. Ingawa kuna viwango fulani vya jambo hili lugha iliyotolewa haitoi programu, kwa hiyo hakuna vikwazo katika suala hili. Katika makala hii tutatumia sio kabisa seti ya kawaida ina maana ya kuunda mstari mwekundu.

Mbinu ya 1

Inastahili kuanza na njia ya kawaida. Ni katika kesi hii tu ni muhimu kutumia jedwali za kuteleza, kwa sababu CSS imeunganishwa bila usawa na lugha. markup hypertext. Mstari mwekundu wa html unaweza kuwekwa kwa kutumia sifa ya "indent-maandishi". Inatosha kuonyesha kipengele kinachohitajika na umbali ambao utatumika kwa indentation upande wa kushoto wa hati. Kwa mfano, kuandika: "p (indent-text: 20px;)" inamaanisha kuwa mstari mwekundu wa pikseli 20 utafanywa katika kila aya uk. Unaweza kutumia kizuizi chochote cha maandishi kama kipengele ambacho unataja thamani yake. Kwa kweli mali hii haiweki mstari mwekundu, lakini inaonyesha tu ujongezaji wa mstari wa kwanza wa kipengee kilichochaguliwa. Lakini ni nani atakayeona tofauti? Sifa ya "indent-maandishi" inaweza kuchukua tatu aina tofauti maadili:

  • Kipimo chochote kinachokubalika kwa ujumla, kwa mfano px (pixels), in (inchi), pt (pointi) na vingine.
  • Asilimia ya thamani. KATIKA kwa kesi hii umbali kutoka kwa kipengele cha mzazi huzingatiwa.
  • Kurithi. Inapobainishwa thamani iliyopewa mali itarithiwa kutoka kwa kipengele cha mzazi.

Mbinu ya 2

Katika html, mstari mwekundu unaweza kuwekwa bila kuunganisha meza za kuachia. Inatosha kuiweka mbele ya mhusika wa kwanza msimbo wa chanzo kurasa zilizo na nafasi kadhaa. Unahitaji tu kutumia wahusika maalum, yaani "", kwa sababu ikiwa utaweka nafasi ya kawaida, basi moja tu itazingatiwa. Na kutumia ya ishara hii unaweza kuweka indentation inayohitajika. Laini kama hiyo nyekundu ya HTML haitakuwa na matumizi ya kimataifa, na itabidi uongeze nafasi zote wewe mwenyewe. Minus hii itakuelemea sana unapofanya kazi nayo kiasi kikubwa hati. Mbinu hii pia itatangaza msimbo wako wa ukurasa kuwa batili.

Njia ya 3

Hitimisho

Kama hitimisho, tunaweza kusema kwamba html pamoja na CSS hukuruhusu kuunda athari anuwai. Wakati mwingine mali na vipengele hazitumiwi kwa madhumuni yaliyokusudiwa, lakini hupaswi kupotoka sana thamani ya kawaida vitambulisho

- katika mchakato wa kuunda tovuti, tunapaswa kufanya kazi nyingi na vizuizi vya maandishi, au misemo ya maandishi. Siku moja, nilihitaji kuongeza kifungu cha maandishi kwa njia ambayo kabla ya kifungu hiki cha maandishi kuna baadhi maandishi ya ndani kutoka kingo html block ambayo maandishi haya yaliongezwa.

Kwa hiyo, njia ya kwanza ni ya asili zaidi na rahisi. Ili kuingiza kabla ya maandishi, ongeza kabla ya maandishi nambari ya html space - Unaweza kuongeza msimbo wa nafasi ya html katika kihariri chochote cha html.

Hapa kuna mfano wa msimbo wa kufanya kazi wa kuweka ujongezaji wa maandishi kwa kutumia nambari ya nafasi:

HTML ujongezaji wa maandishi wa kushoto, tumia msimbo wa nafasi




KATIKA katika mfano huu, kabla ya maandishi tuliyochagua, msimbo wa nafasi ni  aliongeza mara nne, kama matokeo, tunapata indent tunayohitaji.

Tunajua kwamba msimbo wa nafasi huchakatwa na kivinjari chochote. Kwa hiyo, kwa kuongeza idadi inayotakiwa ya nafasi kabla ya maandishi, unaweza kupata indentation inayohitajika kwa maandishi.

Njia hii ni nzuri kwa sababu imehakikishiwa kusindika na kivinjari chochote.

Lakini njia hii Kuna drawback muhimu. Ili kuingiza maandishi kwa muda wa kutosha katika msimbo wa html, itabidi uongeze kabla ya maandishi idadi kubwa ya wahusika wa nafasi, ambayo inaweza kuonekana isiyofaa, kubwa na isiyo ya kitaaluma.

Suluhisho mojawapo la tatizo hili ni njia ifuatayo ya kuweka indentation.

Uingizaji wa maandishi ya HTML, njia ya pili - njia hii inategemea mali ya lebo ya blockquote. Lebo hii huweka ujongezaji wa takriban pikseli 40 upande wa kushoto na kulia kwa maandishi yaliyowekwa ndani yake. Kwa kuongeza, indentation imeelezwa juu na chini. Mfano html Nambari ya kutumia njia hii imetolewa hapa chini:

upande wa kushoto, tumia lebo blockquote

Kama unaweza kuona, njia hii ya kuweka indentation kwa maandishi ni rahisi sana kutumia, lakini njia hii pia ina shida kubwa. Ujongezaji ambao lebo huweka blockquote imerekebishwa na daima ni sawa na thamani sawa - 40px.

Ili kurekebisha hali hiyo, na wakati wa kuongeza ujongezaji wa html na kwa maandishi ili kuweza kuweka thamani yoyote, tutatumia njia ya tatu.

Uingizaji wa maandishi ya HTML, njia ya tatu.

Hapa tutatumia sifa ya kujongeza maandishi ya Laha za Mtindo za CSS.

Ukifungua Rejeleo la CSS, kwenye ukurasa wenye maelezo ya sifa za ujongezaji wa maandishi, tutaona kwamba kwa kutumia ujongezaji maandishi, tunaweza kuweka thamani ya ujongezaji wa mstari wa kwanza au aya ya kwanza, au kizuizi chochote cha maandishi.

Tunazingatia mfano na kizuizi kifupi cha maandishi, kwa hivyo sifa za kuingiza maandishi zinafaa kabisa kwa kesi yetu.

Ifuatayo ni msimbo wa html ambao husogeza maandishi kwa kutumia ujongezaji maandishi. Kutoka kwa mfano ni wazi kwamba kuweka kwa maandishi-indent maana tofauti kwa hoja, tunaweza kubadilisha kiasi cha ujongezaji wa maandishi:

HTMLkujipenyezamaandishi, kazi Mtindo wa CSS - ujongezaji maandishi

Kwa maoni yangu, njia hii ya kuweka indent kwa maandishi ni bora zaidi, lakini, hata hivyo, hebu fikiria njia nyingine ya kuweka indent, kwa kutumia picha.

Uingizaji wa maandishi ya HTML, njia ya nne - hapa tutatumia picha ili kuweka indentation.

Kama mfano wa kufanya kazi, hebu tuangalie mara moja nambari ya html inayoonyesha jinsi njia hii inavyofanya kazi:

upande wa kushoto, tumia picha

Kutoka kwa mfano hapo juu inaonekana wazi kwamba kwa kubadilisha upana wa picha, tunaweza kubadilisha nafasi ya maandishi, yaani, kuweka indent inayotaka kwa maandishi.

Kama picha, unaweza kutumia picha ambayo upana na urefu wake ni sawa na pikseli moja. Ili kuzuia picha tunayotumia isionekane kwenye ukurasa, tutaweka rangi yake sawa kabisa na mandharinyuma ya ukurasa wa tovuti.

Kwa maoni yangu, njia zilizo hapo juu za kuweka indents kwa maandishi zinatosha kupanga indentation unayohitaji katika hali yoyote wakati wa kuongeza yaliyomo kwenye ukurasa wa tovuti zako.


Kwa hivyo, wacha tuanze kusoma moja kwa moja Lugha ya HTML. Hatimaye, maneno machache zaidi nje ya mada.

Katika mchakato wa kuwasilisha nyenzo, mifano mingi itatolewa, ambayo mimi kukushauri kufanya mwenyewe. Baada ya kuandika maandishi ya mfano, hakikisha uangalie kile ulichopata (nadhani wewe mwenyewe utavutiwa). Ikiwa unatumia hariri maalum ya HTML, basi, kama sheria, programu kama hiyo ina kivinjari chake kilichojengwa ndani, ambacho unaweza kuona matokeo ya kazi yako.

Ikiwa mambo ni magumu sana, na unatumia notepad ya kawaida, basi ili kuiona unahitaji kuokoa maandishi asilia na kiendelezi cha .htm au .html, na kisha utazame faili iliyohifadhiwa kwenye kivinjari. Ikiwa una Windows, basi kivinjari Internet Explorer inajengwa kiotomatiki wakati wa ufungaji wa mfumo.

Naam, hiyo inaonekana kuwa yote.

Hebu tushuke kwenye biashara.

Lebo zinazohitajika (lebo)

Kuna vitambulisho kadhaa vya msingi vya HTML ambavyo lazima viwepo katika maandishi ya ukurasa wowote wa Wavuti. Kila ukurasa wa Wavuti lazima uwe na lebo (lebo) , iliyoko mwanzoni kabisa. Lebo hii (lebo) inaelezea hati yako kama ukurasa wa Wavuti katika umbizo la HTML. Moja kwa moja nyuma ya kushughulikia kawaida ikifuatiwa na tag (tag) , ambayo inaonyesha uwepo wa maandishi yaliyo na jina la ukurasa na Taarifa za ziada kuhusu yeye.

Sehemu ya HEAD kawaida huwa na lebo (lebo) </b>, ambayo hutumika kuonyesha jina la ukurasa. Majina ya kurasa kwa kawaida huonekana kwenye upau wa kichwa wa dirisha la kivinjari. Kichwa cha Ukurasa wa Wavuti kinaweza tu kuchapishwa kwa kutumia herufi na nafasi za alphanumeric.</p> <p>Kisha inakuja lebo (tag) <b><BODY> </b>, ambayo inaonyesha mwanzo wa "mwili" halisi wa ukurasa wa Wavuti. Sehemu hii ina maandishi, michoro, majedwali na vipengele vingine vyote vya maudhui ya ukurasa ambavyo mgeni wa tovuti yako ataona.</p> <p>Mfano:</p><p> <html> <head> <title>Mafunzo ya mtandaoni: HTML Maandishi ya tovuti

Mhariri wa kawaida wa HTML tayari ana seti ya vitambulisho hapo juu (lebo) wakati wa kuunda ukurasa mpya. Inapaswa kuwa alisema kuwa uchaguzi wa majina kwa kurasa za Wavuti unapaswa kuchukuliwa kwa uzito sana, kwa sababu hutumiwa na injini za utafutaji kuunda katalogi za kurasa za Wavuti. Injini ya utaftaji ni tovuti ambayo husaidia watumiaji kupata haraka habari wanayovutiwa nayo. Ukurasa wako una uwezekano mkubwa wa kupatikana na injini ya utafutaji ambayo imepewa seti maalum ya maneno muhimu tafuta ikiwa maneno haya yapo kwenye kichwa cha ukurasa. Miongoni mwa maarufu zaidi injini za utafutaji inapaswa kuitwa Yandex, Google, Aport, Yahoo, Rambler.

Unda aya, wahusika wa nafasi, kichwa

Vivinjari vya wavuti kawaida hazizingatii herufi mpya ambazo huingizwa kwenye maandishi na mtumiaji katika hatua ya uundaji wake. Ili kuanza aya mpya, tumia lebo (lebo)

.

Baada ya kufungua ukurasa kwenye dirisha la kivinjari cha Wavuti, aya zote za maandishi yake zimewekwa alama (tag)

, wametenganishwa mistari tupu, ambayo inaboresha mpangilio na kuonekana kwake.

Kwa chaguo-msingi, kivinjari kawaida hutengeneza aya na mpangilio wa kushoto. Ili kulazimisha upangaji, tumia sifa ya kupanga. Kwa msaada wake, aya zinaweza kuunganishwa kushoto, kulia, katikati na kuhesabiwa haki.

Mfano:

Msimbo wa HTML:


aya imepangiliwa kushoto...

aya imeunganishwa na kulia ...

aya imepangiliwa katikati...

kifungu kina haki ...

Onyesho la kivinjari:


aya iliyopatanishwa na aya ya kushoto iliyopangiliwa aya ya kushoto iliyopangiliwa aya ya kushoto iliyopangiliwa aya ya kushoto iliyopangiliwa aya ya kushoto ya aya iliyopatanishwa na aya ya kushoto

aya iliyoambatanishwa na aya ya kulia iliyoambatanishwa na aya ya kulia iliyoambatanishwa na aya ya kulia iliyoambatanishwa na aya ya kulia iliyoambatanishwa na aya ya kulia iliyoambatanishwa na aya ya kulia iliyounganishwa na kulia.

aya iliyopatanishwa na aya ya katikati iliyopatanishwa na aya ya katikati iliyopatanishwa na aya ya katikati ikipatanishwa na aya ya katikati iliyopatanishwa na aya ya katikati ikipatanishwa na aya ya katikati iliyopatanishwa na aya ya katikati ikipatanishwa na aya ya katikati iliyopangwa katikati.

aya iliyohesabiwa haki aya iliyohesabiwa haki aya iliyohesabiwa haki aya iliyohesabiwa haki aya iliyohesabiwa haki aya iliyohesabiwa haki aya iliyohesabiwa haki aya iliyohesabiwa haki aya iliyohesabiwa haki.

Vivinjari vya wavuti hufunga maandishi kiotomatiki ndani ya aya hadi mstari mpya. Ikiwa kazi ni kuweka mchanganyiko wowote wa maneno katika mstari mmoja, basi tag hutumiwa kwa kusudi hili. .

Kuenda kwa mstari mpya tag inatumika
. Inaambia kivinjari kuacha kuweka maandishi na vipengele vingine vya ukurasa ndani mstari wa sasa na uende kwenye mstari mpya. Lebo hii (lebo) haina mwenzake wa kufyeka, kinachojulikana kama tagi ya kufunga (lebo).

Matumizi makuu ya lebo hizi ni kulazimisha vipengee vya ndani kuwekwa katika eneo mahususi kwenye ukurasa. Pia ni rahisi katika kesi ambapo ni muhimu kupanua maeneo tupu kati vipengele tofauti kurasa.

Habari za mchana wasomaji wapendwa. Leo maelezo mafupi ya jinsi ya kufanya mstari mwekundu kwa kila aya kwenye ukurasa wa html. Ikiwa mtu yeyote hajui, mstari mwekundu ni uingizaji wa mstari wa kwanza katika block ya maandishi. Uingizaji kama huo katika aya unaweza kupatikana karibu na maandishi yoyote yaliyochapishwa, lakini wakati wa kuunda tovuti, muundo wa mstari mwekundu ni nadra sana, licha ya ukweli kwamba hufanya maandishi kuwa rahisi zaidi kujua. Ikiwa mteja anadai ghafla kwamba aya kwenye tovuti yake huanza na mstari mwekundu, basi ninakupa kichocheo rahisi cha kutatua tatizo hili.

Unaweza kutatua tatizo kwa njia nyingi, kwa mfano, unaweza kuingiza kadhaa mfululizo mwanzoni mwa kila aya. wahusika maalum, lakini hii inaweza kuchukua muda mrefu sana. Kwa hiyo, napendekeza kutumia Mali ya CSS ujongezaji maandishi, ambayo inaweka ujongezaji wa mstari wa kwanza kizuizi cha maandishi. Katika kesi hii, hakuna athari inafanywa kwenye mistari iliyobaki.

Sifa ya kuingiza maandishi ina syntax rahisi:

ujongezaji maandishi:<значение> | <проценты>| kurithi

Unaweza kubainisha pikseli (px), pointi (pt) na vitengo vingine vinavyokubaliwa katika CSS kama thamani. Thamani huamua ni kiasi gani cha kuhamisha maandishi ya mstari wa kwanza kwenda kulia kutoka nafasi ya kuanzia. Inakubalika kutaja maadili hasi, kisha maandishi yatahamia kushoto. Wakati wa kutaja maadili ya asilimia, uingizaji wa mstari wa kwanza unahesabiwa kulingana na upana wa kizuizi cha maandishi.

Ikiwa unahitaji kuongeza mstari mwekundu kwa aya moja tu, unaweza kufanya hivi:

Matokeo:

Kulikuwa na mti wa mwaloni ukingoni mwa barabara. Pengine ulikuwa mkubwa mara kumi kuliko miti ya miti iliyofanyiza msitu huo, unene mara kumi na urefu mara mbili ya kila birch. Ulikuwa mti mkubwa wa mwaloni, mara mbili ya girth, na matawi yaliyovunjika na gome lililokuwa na vidonda vya zamani. Akiwa na mikono na vidole vikubwa, visivyo na usawa, vilivyo na mikono na vidole, alisimama kama kituko cha zamani, cha hasira na dharau kati ya miti ya birch yenye tabasamu. Ni yeye tu ambaye hakutaka kujisalimisha kwa haiba ya chemchemi na hakutaka kuona chemchemi au jua.

Au ongeza kwa aya ambazo zinapaswa kuanza na mstari mwekundu sifa ya darasa na ongeza mtindo unaotaka:


Prince Andrei alitazama nyuma kwenye mti huu wa mwaloni mara kadhaa wakati akiendesha gari msituni. Kulikuwa na maua na nyasi chini ya mti wa mwaloni, lakini bado alisimama katikati yao, mwenye huzuni, asiye na mwendo, mbaya na mkaidi.

Matokeo:

Prince Andrei alitazama nyuma kwenye mti huu wa mwaloni mara kadhaa wakati akiendesha gari msituni. Kulikuwa na maua na nyasi chini ya mti wa mwaloni, lakini bado alisimama katikati yao, mwenye huzuni, asiye na mwendo, mbaya na mkaidi.

Sasa unaweza kwa urahisi tengeneza mstari mwekundu kwenye yako kurasa za html . Tuonane tena!