Paano ako makakapagdagdag ng indent sa unang linya para sa bawat talata? Mga pangunahing tag (tag) html Aling tag ang tumutukoy sa isang hiwalay na talata


Kaya, magpatuloy tayo nang direkta sa pag-aaral ng wikang HTML. Sa wakas, ilang salita pa sa labas ng paksa.

Sa proseso ng paglalahad ng materyal, maraming mga halimbawa ang ibibigay, na ipinapayo ko sa iyo na gawin ang iyong sarili. Pagkatapos i-type ang halimbawang teksto, siguraduhing tingnan kung ano ang iyong nakuha (sa tingin ko ikaw mismo ay magiging interesado). Kung gumagamit ka ng isang dalubhasang editor ng HTML, kung gayon, bilang panuntunan, ang naturang programa ay may sariling built-in na browser, kung saan makikita mo ang mga resulta ng iyong trabaho.

Kung talagang mahirap ang mga bagay-bagay at gumagamit ka ng ordinaryong notepad, pagkatapos ay upang tingnan ito kailangan mong i-save ang pinagmulang teksto gamit ang .htm o .html extension, at pagkatapos ay tingnan ang naka-save na file sa isang browser. Kung mayroon kang Windows, ang browser ng Internet Explorer ay awtomatikong binuo sa panahon ng pag-install ng system.

Well, parang iyon lang.

Bumaba tayo sa negosyo.

Mga kinakailangang tag (tag)

Mayroong ilang mga pangunahing HTML tag na dapat naroroon sa teksto ng anumang Web page. Ang bawat Web page ay dapat maglaman ng tag (tag) , na matatagpuan sa pinakadulo simula. Inilalarawan ng tag (tag) na ito ang iyong dokumento bilang isang Web page sa HTML na format. Direkta sa likod ng hawakan karaniwang sinusundan ng tag (tag) , na nagpapahiwatig ng pagkakaroon ng teksto na naglalaman ng pangalan ng pahina at karagdagang impormasyon tungkol dito.

Ang seksyon ng HEAD ay karaniwang naglalaman ng isang tag (tag) </b>, na nagsisilbing ipahiwatig ang pangalan ng pahina. Karaniwang lumalabas ang mga pamagat ng pahina sa title bar ng browser window. Ang pamagat ng Web Page ay maaari lamang i-type gamit ang mga alphanumeric na character at espasyo.</p> <p>Pagkatapos ay dumating ang tag (tag) <b><BODY> </b>, na nagpapahiwatig ng simula ng aktwal na "katawan" ng Web page. Ang seksyong ito ay naglalaman ng lahat ng iba pang teksto, graphics, mga talahanayan at iba pang mga elemento ng nilalaman ng pahina na makikita ng isang bisita sa iyong site.</p> <p>Halimbawa:</p><p> <html> <head> <title>Online na pagsasanay: HTML Teksto ng website

Ang isang normal na HTML editor ay mayroon nang set ng mga tag sa itaas (mga tag) kapag gumagawa ng bagong page. Dapat sabihin na ang pagpili ng mga pangalan para sa mga Web page ay dapat na sineseryoso, dahil ang mga ito ay ginagamit ng mga search engine upang lumikha ng mga katalogo ng mga Web page. Ang search engine ay isang website na tumutulong sa mga user na mabilis na mahanap ang impormasyon kung saan sila interesado. Ang iyong pahina ay mas malamang na matagpuan ng isang search engine na binibigyan ng isang partikular na hanay ng mga keyword sa paghahanap kung ang mga salitang iyon ay lilitaw sa pamagat ng pahina. Kabilang sa mga pinakasikat na search engine ay Yandex, Google, Aport, Yahoo, Rambler.

Lumikha ng talata, mga character na espasyo, heading

Karaniwang hindi isinasaalang-alang ng mga web browser ang mga bagong linyang character na ipinasok ng gumagamit sa teksto sa yugto ng pagbuo nito. Upang magsimula ng bagong talata, gumamit ng tag (tag)

.

Pagkatapos buksan ang isang pahina sa isang window ng Web browser, ang lahat ng mga talata ng teksto nito ay minarkahan ng isang tag (tag)

, na pinaghihiwalay ng mga blangkong linya, na nagpapabuti sa layout at hitsura nito.

Bilang default, kadalasang nagfo-format ang browser ng mga talata na may kaliwang pagkakahanay. Para pilitin ang pag-align, gamitin ang attribute na align. Sa tulong nito, maaaring ihanay ang mga talata sa kaliwa, kanan, gitna at makatwiran.

Halimbawa:

HTML code:


ang talata ay nakahanay sa kaliwa...

ang talata ay nakahanay sa kanan...

ang talata ay nakahanay sa gitna...

makatwiran ang talata...

Display ng browser:


talata nakahanay sa kaliwang talata nakahanay sa kaliwang talata nakahanay sa kaliwang talata nakahanay sa kaliwang talata nakahanay sa kaliwang talata talata nakahanay sa kaliwang talata nakahanay sa kaliwang talata nakahanay sa kaliwang talata talata nakahanay sa kaliwang talata nakahanay sa kaliwa

talata nakahanay sa kanang talata nakahanay sa tamang talata nakahanay sa tamang talata nakahanay sa tamang talata nakahanay sa tamang talata nakahanay sa tamang talata nakahanay sa tamang talata nakahanay sa tamang talata nakahanay sa kanan

talata na nakahanay sa gitnang talata nakahanay sa gitnang talata talata nakahanay sa gitnang talata talata nakahanay sa gitnang talata talata nakahanay sa gitnang talata talata nakahanay sa gitnang talata talata nakahanay sa gitnang talata talata nakahanay sa gitnang talata nakahanay sa gitna

ang talata ay makatwiran ang talata ay makatwiran talata ay makatwiran talata ay makatwiran talata ay makatwiran talata ay makatwiran talata ay makatwiran talata ay makatwiran talata ay makatwiran talata ay makatwiran talata ay makatwiran talata ay makatwiran talata ay makatwiran

Awtomatikong binabalot ng mga web browser ang teksto sa loob ng mga talata sa isang bagong linya. Kung ang gawain ay maglagay ng anumang kumbinasyon ng mga salita sa isang linya, ang isang tag ay ginagamit para sa layuning ito. .

Upang pumunta sa isang bagong linya, gumamit ng tag (tag)
. Sinasabi nito sa browser na ihinto ang paglalagay ng teksto at iba pang mga elemento ng pahina sa loob ng kasalukuyang linya at lumipat sa isang bagong linya. Ang tag (tag) na ito ay walang katapat na slash, ang tinatawag na closing tag (tag).

Ang pangunahing gamit ng (mga) tag na ito ay upang pilitin ang mga inline na elemento na ilagay sa isang partikular na lokasyon sa page. Maginhawa rin ito sa mga kaso kung saan kinakailangan upang madagdagan ang mga walang laman na lugar sa pagitan ng mga indibidwal na elemento ng pahina.

C/C++ pangunahing uri tulad ng int , double atbp. Ang atomic ba, halimbawa, thread-safe?

sila ba ay libre mula sa mga karera ng data; ibig sabihin, kung ang isang thread ay sumulat sa isang bagay ng ganitong uri at ang isa pang thread ay nagbabasa mula dito, maayos ba ang pag-uugali?

Kung hindi, depende ba ito sa compiler o iba pa?

4 57

Peter Mortensen

4 na sagot:

maaari mong gamitin ang std::atomic sa halip o std::atomic .

Tandaan: std::atomic ay ipinakilala sa C++11, at naiintindihan ko na bago ang C++11, ang pamantayan ng C++ ay hindi nakilala ang pagkakaroon ng multithreading.

pagpapatupad ng programa 5.1.2.3

Kapag ang pagpoproseso ng abstract na makina ay naantala ng isang senyales, ang mga halaga ng mga bagay na hindi atomic non-locking object, o uri ng volatile sig_atomic_t, ay hindi tinukoy, o ang estado ng floating-point na kapaligiran. Ang halagang ito ng anumang bagay na binago ng isang handler na hindi isang lock-free na atomic na bagay o ng uri ng volatile sig_atomic_t ay nagiging hindi natutukoy kapag lumabas ang handler, pati na rin ang estado ng floating-point na kapaligiran kung ito ay binago ng handler at hindi naibalik sa orihinal nitong estado.

5.1.2.4 Mga multi-threaded execution at data race

dalawang pagsusuri sa pagpapahayag tunggalian kung binago ng isa sa mga ito ang isang rehiyon ng memorya at binabasa o binago ng isa pa ang parehong rehiyon ng memorya.

[ilang pahina ng mga pamantayan - ilang talata na tahasang nauugnay sa mga uri ng atomic]

ang pagpapatupad ng programa ay naglalaman ng mga karera ng data kung naglalaman ito ng dalawang magkasalungat na aktibidad sa magkaibang mga thread, hindi bababa sa isa sa mga ito ay hindi atomic at hindi nangyayari bago ang isa. ano ang mga resulta ng data race sa hindi natukoy na pag-uugali.

ang processor ay maaari ring muling ayusin ang mga access sa memorya ayon sa mga hadlang sa pag-order ng memorya ng processor. Ang mga paghihigpit sa pag-order ng memorya para sa x86 na arkitektura ay matatagpuan sa seksyon 8.2 ng Gabay sa Developer ng Intel 64 at ia32 Architectures Software, simula sa pahina 2212.

Ang mga primitive na uri (int, char atbp) ay hindi atomic

Umaasa ako na ito ay nagpapaliwanag Bakit Ang mga primitive na uri ay hindi atomic.

Karagdagang impormasyon na hindi ko pa nakikitang nabanggit sa iba pang mga sagot sa ngayon:

kung gumagamit ka ng std::atomic , halimbawa, ang bool ay aktwal na atomic sa target na arkitektura, kung gayon ang compiler ay hindi bubuo ng mga kalabisan na bakod o mga kandado. Ang parehong code ay bubuo tulad ng para sa isang simpleng bool.

sa madaling salita, ang paggamit ng std::atomic ay ginagawang hindi gaanong mahusay ang code kung ito ay talagang kinakailangan para sa kawastuhan sa platform. Kaya walang dahilan para iwasan ito.

Talaan ng nilalaman:

Kumusta, mahal na mga mambabasa ng blog! Ngayon ay pag-uusapan natin ang tungkol sa pagbubuo ng teksto sa mga web page, ang mga tampok ng pagpapakita nito, at isaalang-alang kung paano hatiin ang teksto sa magkakahiwalay na mga lohikal na fragment: mga pamagat, talata, listahan.

Mayroong maraming mga tag para sa pagtatrabaho sa teksto sa html, ngunit kailangan muna nating pag-usapan ang ilang mga tampok ng pagpapakita ng teksto sa browser. Una, lumilitaw bilang iisang espasyo ang anumang bilang ng mga puwang, tab, at line break sa isang row. Yung. Hindi gagana ang pagpoposisyon ng text gamit ang mga puwang at tab.

Halimbawa, ang mga linyang ito sa isang web page ay ipapakita nang pareho sa kabila ng magkaibang mga spelling ng mga ito:

Maligayang pagdating sa aming website!


Mabuti
maligayang pagdating sa aming website!


Maligayang pagdating
sa aming
website!

Ang exception ay tag

, kung saan ang lahat ng mga puwang at gitling ay ipinapakita kung ano.

Pangalawa, kinukuha ng teksto ang lapad ng window ng browser. Kung ang isang mahabang linya ng teksto ay mas malawak kaysa sa window ng browser, ang mga line break ay awtomatikong ilalagay sa mga puwang o gitling. Kung walang mga puwang o gitling sa linya, at ang linya ay hindi magkasya sa lapad ng window, pagkatapos ay isang pahalang na scroll bar ay lilitaw sa browser.

Ngayon ay magpatuloy tayo sa pagsasaalang-alang sa mga istrukturang elemento ng teksto sa html markup.

Mga talata sa HTML

Karaniwan, ang mga bloke ng teksto ay pinaghihiwalay ng mga talata. Ginagawa nitong mas madaling basahin ang malalaking tipak ng teksto. Ang wikang HTML para sa paglikha ng isang talata ay naglalaman ng isang pares tag

. Ang syntax para sa paglikha ng mga talata ay ang mga sumusunod:

Ito ang unang talata.


At ito ang pangalawang talata

Ang mga talata sa isang HTML na pahina ay pinaghihiwalay ng maliliit na indentasyon mula sa nauna at kasunod na mga elemento. Tag

Isa ring block element. Sumulat ako tungkol sa kung anong mga elemento ng block ang nasa artikulong "". Hayaan mong ipaalala ko sa iyo iyon mga elemento ng block ay nailalarawan sa pamamagitan ng katotohanan na sinasakop nila ang buong magagamit na lapad ng pahina ng HTML, ang taas ng elemento ay tinutukoy ng nilalaman nito, at palagi itong nagsisimula sa isang bagong linya.

Tingnan natin ang isang halimbawa ng paggamit ng mga talata sa isang web page. Magbukas tayo ng text editor, i-type ang HTML code at i-save ito gamit ang html extension:





Website tungkol sa mga sasakyan.


Website tungkol sa mga sasakyan.



Pag-uuri ng kotse


pampasaherong kotse;


Cargo;


SUV;


maraming surot;


Pickup;


Palakasan;


Karera.





Kapag binuksan mo ang file na ito, makakakita ka ng ganito:

Sa ngayon, ang aming pahina ay naglalaman lamang ng mga talata.

Upang ihanay ang teksto sa isang tag ng talata

Sinusuportahan ang katangian ihanay. Maaaring tumagal ng isa sa apat na halaga:

    • umalis— pagkakahanay ng teksto sa kaliwa;
    • sentro— pagkakahanay ng teksto sa gitna;
    • tama— pagkakahanay ng teksto sa kanan;
    • bigyang-katwiran- pagkakahanay ng lapad, i.e. ihanay ang teksto nang sabay-sabay sa kanan at kaliwa. Upang gawin ito, naglalagay ang browser ng mga puwang sa pagitan ng mga salita.

Bilang default, naiwan ang align attribute. Isang halimbawa ng paggamit ng align attribute:

Ang tekstong ito sa isang talata sa isang html na pahina ay iiwang nakahanay!


Lalabas ang text na ito sa gitna ng page sa browser!


Ang tekstong ito ay magiging tama!


At ihanay ng browser ang malaking piraso ng teksto na ito sa lapad, i.e. sabay-sabay sa kanan at kaliwang gilid! Upang gawin ito, ang web browser ay maglalagay ng mga karagdagang puwang sa pagitan ng mga salita at ang talata ay magkakaroon ng maayos na hitsura na madaling basahin!

At ito ay kung paano ito ipapakita sa browser:

Mga pamagat sa HTML

Ang mga heading ay ginagamit upang i-highlight ang mga seksyon ng teksto sa isang web page. Mayroong anim na antas ng mga heading sa html. Ang pinakamataas na antas ay antas 1 - tag

, at ang pinakamababa ay level 6, tag

. Mga tag

ay mga elemento ng pahina sa antas ng block. Ang mga nilalaman ng unang antas ng heading ay ipinapakita sa pinakamalaking bold font, at ang huling ikaanim na antas ng heading ay ipinapakita sa pinakamaliit na font.

Ang syntax para sa paglikha ng mga header ay:





Mga header ng HTML


Unang antas ng header


Pangalawang antas ng heading


Pangatlong antas ng heading


Pang-apat na antas ng heading


Level 5 heading

Level six na heading




Resulta:

Ang mga heading ay gumaganap din ng isang mahalagang papel sa pag-promote ng website, dahil ang mga search engine ay nagdaragdag ng ranggo sa teksto kung ito ay matatagpuan sa loob ng heading tag.

Magdagdag tayo ng mga header sa ating page:

Website tungkol sa mga sasakyan.


Maligayang pagdating sa aming automotive website. Dito makikita mo ang maraming kawili-wili at kapaki-pakinabang na mga artikulo tungkol sa mga kotse, ang kanilang mga teknikal na katangian at tampok.


Sa wikang siyentipiko, ang kotse ay:


Isang mekanikal na motorized trackless na sasakyan sa kalsada na may hindi bababa sa 4 na gulong.


Pag-uuri ng kotse


Ang mga kotse ay may mga sumusunod na uri:


pampasaherong kotse;


Cargo;


SUV;


maraming surot;


Pickup;


Palakasan;


Karera.

At nakita namin na sa aming pahina, bilang karagdagan sa mga talata, may mga heading sa malaking bold na font:

Mga tag

-

, tulad ng tag

Gamitin ang align attribute para i-align ang text. Kapag ginagamit ang katangiang ito, ang lahat ay pareho sa tag

Mga listahan na may numero at bullet sa HTML

Ang isang listahan ay ginagamit upang bumuo ng isang numero o walang bilang na listahan ng anumang mga parirala o kahulugan. Tinatawag ang isang listahan na may bilang na mga item may bilang, at may mga hindi mabilang na item - minarkahan.

Sa mga bullet na listahan, ang mga item ay minarkahan ng mga marker na inilalagay sa kaliwa ng mga item sa listahan. Ipinapakita ng Web browser ang listahan na naka-indent sa kaliwa at awtomatikong naglalagay ng mga kinakailangang bullet o pagnunumero. Ang mga listahan at ang kanilang mga item ay nabibilang sa mga elemento ng block ng isang Web page.

Ang anumang listahan sa HTML ay isang hanay ng mga elemento, na ang bawat isa ay inilalagay sa loob ng isang tag

  • . Pagkatapos ang lahat ng mga elemento ay inilalagay sa loob ng tag
      , kung kailangan mo ng bullet na listahan, o sa loob ng isang tag
        , kung kailangan mo ng isang numerong listahan.




        Mga header ng HTML


        Naka-bullet na listahan:


        • unang punto.

        • pangalawang punto.

        • ikatlong punto.

        Listahan ng numero:

        1. ang unang aytem sa isang may bilang na listahan.

        2. pangalawang aytem sa isang may bilang na listahan.

        3. ikatlong aytem sa may bilang na listahan.





        At ganito ang hitsura nila:

        Ang mga naka-bullet na listahan ay maaaring gumamit ng iba't ibang uri ng mga bala. Upang matukoy ang uri ng marker sa isang tag

          ay idinagdag uri ng katangian kung gusto naming itakda ang uri ng marker para sa lahat ng elemento ng listahan o magdagdag ng parehong attribute sa tag
        • kung kailangan mong itakda ang uri ng marker para sa isang partikular na elemento. Maaaring kunin ng attribute na uri ang mga sumusunod na halaga:

          • disc - puno ng bilog;
          • bilog - bilog;
          • parisukat - parisukat.

          Bilang default, ang uri ng katangian ay disc. Halimbawa ng paggamit:


          • Punto 1

          • Punto 2

          • Point 3



          • Punto 1

          • Punto 2

          • Point 3



          • Punto 1

          • Punto 2

          • Point 3

          Display ng browser:

          Sinusuportahan din ng isang numerong listahan ang isang uri ng katangian, na maaaring magamit upang tukuyin ang mga sumusunod na uri ng bullet:

          • A - malalaking titik ng Latin;
          • a — maliliit na letrang Latin;
          • I - capital Roman number;
          • i — maliliit na Roman numeral;
          • 1 - Arabic numeral.

          Bilang default, sa isang may bilang na listahan, itinatakda ng uri ng katangian ang mga marker sa Arabic numeral. Bilang karagdagan sa katangian ng uri, sinusuportahan ng isang may bilang na listahan simulang katangian, na tumutukoy sa numero kung saan magsisimula ang listahan. Sa detalye ng HTML5, mayroon na ngayong mga may bilang na listahan baligtad na katangian, na binabaligtad ang pagkakasunud-sunod ng pagnunumero . Yung. sa halip na 1, 2, 3, ang listahan ay magiging bilang 3, 2, 1. Ngunit ang baligtad na katangian ay sinusuportahan pa rin ng napakaliit na bilang ng mga browser.

          Maaaring ilagay ang mga listahan sa loob ng bawat isa, na lumilikha ng mga nested na listahan. Nested na listahan inilagay sa loob ng mga elemento

        • panlabas na listahan:


          • unang punto.

          • pangalawang punto.

            • ang unang item sa nested list.

            • pangalawang item ng nested list.

            • ikatlong item ng nested list.



          • ikatlong punto.

          At sa browser:

          Sa HTML mayroong isang ikatlong uri ng listahan - na isang listahan ng mga termino at ang kanilang mga kahulugan. Tinukoy ang listahang ito gamit ang isang nakapares na tag

          . Ang mga pares ng "Term - definition" ay inilalagay sa loob nito. Ang mga tuntunin ay nakapaloob sa isang nakapares na tag
          , at mga kahulugan - sa isang nakapares na tag
          :


          Term 1

          Kahulugan 1

          Term 2

          Kahulugan 2

          Display ng browser:

          Mayroong talata ng pag-uuri ng kotse sa aming Web page. Gawin natin ang klasipikasyong ito gamit ang isang bullet na listahan:


          • pampasaherong kotse;

          • Cargo;

          • SUV;

          • maraming surot;

          • Pickup;

          • Palakasan;

          • Karera.

          At tingnan natin ang resulta:

          Mga pahalang na linya

          Upang paghiwalayin o karagdagang i-highlight ang mga bloke ng teksto sa HTML, mayroong isang solong HR tag - pahalang na linya. Ito ang hitsura sa html code:

          Unang talata




          Pangalawang talata

          At ito ay kung paano ito ipinapakita:

          Ang pahalang na linya ng HTML ay umaabot nang pahalang sa buong lapad ng Web page at isa o dalawang pixel ang kapal, depende sa browser na ginamit.

          Gamit ang mga katangian maaari mong itakda ang hitsura ng isang pahalang na linya. Tag


          sumusuporta sa mga sumusunod na katangian:

          • align — tinutukoy ang pagkakahanay ng linya;
          • kulay - nagtatakda ng kulay ng linya;
          • laki - nagtatakda ng kapal ng linya sa mga pixel;
          • lapad - nagtatakda ng lapad ng linya sa mga pixel.

          Magpasok tayo ng pahalang na linya sa aming WEB page. Gawin natin itong berde, 1 pixel ang kapal at 320 pixel ang lapad:

          Website tungkol sa mga sasakyan.


          Maligayang pagdating sa aming automotive website. Dito makikita mo ang maraming kawili-wili at kapaki-pakinabang na mga artikulo tungkol sa mga kotse, ang kanilang mga teknikal na katangian at tampok.


          Sa wikang siyentipiko, ang kotse ay:


          Isang mekanikal na motorized trackless na sasakyan sa kalsada na may hindi bababa sa 4 na gulong.




          Pag-uuri ng kotse


          Ang mga kotse ay may mga sumusunod na uri:



          • pampasaherong kotse;

          • Cargo;

          • SUV;

          • maraming surot;

          • Pickup;

          • Palakasan;

          • Karera.

          Ang resulta ay magiging ganito:

          Mga tag na tumutukoy sa talata, espasyo, HTML block at talata

          Tingnan natin ito nang detalyado Mga bloke at talata ng HTML bilang mga elemento ng isang web page.

          • HTML na talata tinukoy ng mga tag.
          • HTML na mga talata karaniwang naglalaman ng teksto, mga tag sa pag-format, at mga larawan.
          • HTML na talata hindi maaaring maglaman ng mga elemento ng block gaya ng mga header

            -

            , harangan
            at iba pang talata.
          • HTML block tinukoy ng mga tag
            .
          • HTML block maaaring maglaman ng anumang elemento ng isang web page, sa anumang dami.
          • Mga bloke ng HTML Mahusay para sa mga web page at madaling manipulahin.

          Isaalang-alang ang code sa ibaba:

          Resulta:

          Nakikita natin yan HTML na mga talata may mga vertical indentation - ito ay isang tampok ng mga tag. Mga bloke ng HTML

          ang mga naturang espasyo ay hindi nilikha dahil wala silang dalang anumang karga, ngunit mga lalagyan lamang.

          Ang mga tag ay hindi maaaring maglaman ng iba o

          .

          Ang mga linear na elemento ay maaaring ilagay sa loob, tulad ng o, halimbawa, mga tag na responsable para sa pag-format ng teksto.

          Ang mga tag at , sa prinsipyo, ay pareho, ngunit inirerekomenda ng W3C consortium ang paggamit ng maliliit na titik. Sa bagong bersyon ng HTML, tulad ng sa modernong XHTML, ang paggamit ng malalaking titik kapag nagsusulat ng mga tag ay ipinagbabawal.

          I-block
          maaaring maglaman ng marami hangga't gusto mo at iba pang elemento dokumento. Ito ay mainam para sa layout, ngunit higit pa tungkol doon - sa mga aralin sa tutorial ng CSS.

          HTML space mula sa talahanayan ng mga espesyal na character

          HTML space ay nagbibigay-daan sa iyo upang taasan ang distansya sa pagitan ng mga salita at mga character.

          Tulad ng para sa mga puwang sa pagitan ng mga salita, gaano man karami ang nasa Notepad, iyon ay, sa source code, isa lamang ang ipapakita sa web page. Kung kailangan mong dagdagan ang distansya, gamitin ang space character mula sa talahanayan ng simbolo. Maaari mong itanong: Bakit kailangan ang mga naka-encode na kahulugan na ito ng mga ordinaryong character? - Sasagot ako: Kailangan nilang ipakita, halimbawa, ang mga ganitong bracket< >. Sa madaling salita, upang ipakita ang mga tag sa screen, sa aking editor sumusulat ako: . Mga tag , gaya ng naaalala natin, i-convert ang text sa monospace (typewritten).

          Mga paraan upang ipakita ang isang HTML na talata

          Mga halimbawa ng output ng talata.

          Ang anumang teksto ay may sariling natatanging istraktura: ang mga libro ay nahahati sa mga bahagi, mga seksyon at mga kabanata, ang mga pahayagan at mga magasin ay may magkahiwalay na mga pamagat at subheading, na, naman, ay kinabibilangan ng mga fragment ng teksto na mayroon ding sariling istraktura: mga talata, indent, atbp.

          Ang tekstong nai-post sa mga web page ay walang pagbubukod; Pagkatapos ng lahat, marami ang nakasalalay sa kung gaano maginhawa at simple ang pag-unawa sa teksto sa pahina: una sa lahat, kung anong impression ang makukuha ng bisita tungkol sa iyong site.

          Upang lumikha ng mga istrukturang yunit ng teksto tulad ng mga talata, ginagamit ng mga dokumento ng HTML ang tag

          , na naghihiwalay sa mga fragment ng teksto na may patayong indent (isang blangkong linya ay idinaragdag bago at pagkatapos ng talata).

          Tandaan: bilang default, ang distansya sa pagitan ng mga talata ay 1em (em ay isang yunit ng pagsukat na katumbas ng taas ng font), ibig sabihin, ang distansya sa pagitan ng mga talata ay direktang nakasalalay sa laki ng font.

          Upang baguhin ang mga margin sa pagitan ng mga talata nang hindi binabago ang laki ng font, maaari mong gamitin ang margin CSS property.

          Huwag kalimutan ang closing tag

          Karamihan sa mga browser ay magre-render nang tama sa HTML na dokumento kahit na nakalimutan mo ang closing tag.

          Talata

          Isa pang talata

          Ang code na ito ay gagana sa karamihan ng mga browser, ngunit huwag umasa dito. Ang isang nakalimutang closing tag ay maaaring humantong sa mga hindi inaasahang resulta o mga error.

          Pulang linya

          Ano ang pulang linya? Sa pamamagitan ng kahulugan, ito ang panimulang linya ng isang talata, na dating naka-highlight sa pula (kaya ang pangalan). Bago naimbento ang paglilimbag, ang mga libro ay isinulat sa pamamagitan ng kamay - isang kabanata o bahagi ng teksto, ang unang salita o titik ay nakasulat sa pulang pintura. Ito ay kung paano lumitaw ang konsepto ng "pagsusulat mula sa pulang linya" - nangangahulugan ito ng simula ng isang bagong kaisipan, kabanata o bahagi.

          Gayunpaman, kapag lumilikha ng mga web page, ang disenyo ng pulang linya ay bihirang ginagamit, sa kabila ng katotohanan na ginagawang mas maginhawang makita ang teksto nang biswal, na lubos na mahalaga para sa tradisyunal na mambabasa - hindi lahat ay komportable sa pagbabasa ng electronic. bersyon ng teksto.

          Upang magdagdag ng pulang linya sa iyong mga talata, kailangan mong gamitin ang text-indent CSS property, na nagbibigay-daan sa iyong i-indent ang unang pangungusap:



          Subukan »

          Sa halimbawa sa itaas, ang unang linya ng bawat talata sa pahina ay magsisimula sa isang 25px na indent. Ang halimbawa sa ibaba ay nagpapakita kung paano ka makakapagtakda ng pulang linya para lamang sa isang partikular na talata sa isang pahina.

          Tulad ng sa anumang tunay na sining, walang mga trifle sa magagandang teksto, kung saan ang ilan ay kasama ang pulang linya, na naniniwala na ang paggamit nito ay hindi napakahalaga.

          Subukan »

          Gayunpaman, dapat nating maunawaan na ang anumang kuwit ay may parehong aesthetic at semantic load, at hindi lamang isang pagpupugay sa mga panuntunan ng grammar - nalalapat din ito sa pag-format.