Bullet at may bilang na listahan. Paano gumawa ng bullet na listahan? Mga listahan na may bullet at numero

Magandang araw po!

Sa artikulong ito, matututunan mo ang tungkol sa lahat ng mga posibilidad ng mga listahan, maunawaan kung paano gumawa ng isang numerong listahan, at mga master tag na tutulong sa iyo na gawing mas kawili-wili at kapansin-pansin ang isang simpleng bullet na listahan na may mga arbitrary na bala. Matapos makumpleto ang aralin, magkakaroon ka ng pag-unawa sa kung saan ginagamit ang mga listahan at sa ilalim ng anong mga pangyayari ang mga ito ay magagamit.

Ang artikulong ito ay ang pangatlo sa maikling kursong ito sa mga pangunahing kaalaman sa HTML. Bago basahin ang araling ito, inirerekumenda kong suriin ang nakaraang dalawang:

Kakasimula pa lang ng artikulo, at mapapansin mo na ang paggamit ng karaniwang bullet na listahan. Sa aking website mukhang medyo simple: sa kaliwa mayroong isang maliit na indent na may isang linya at isang parisukat na marker. Mamaya sa artikulo ay titingnan natin nang detalyado kung anong mga uri ng mga marker ang mayroon, kung paano gumawa ng mga numero, at kung paano gumawa ng iyong sariling marker.

Sa bawat bahagi ng artikulo, ang paglikha ng ilang mga listahan ay sasamahan ng mga detalyadong paliwanag para sa pagpasok ng isang partikular na listahan.

1. Mga naka-bullet na listahan sa HTML

Ang ganitong uri ng listahan ay ginagamit upang ilista sa teksto ang isang hanay ng mga elemento na may magkatulad na kahulugan. Ito ay maaaring isang listahan ng mga link na nauugnay sa parehong paksa, isang detalyadong paliwanag para sa mga indibidwal na bahagi ng teksto. Ngunit tingnan natin kung ano ang hitsura ng mga bullet na listahan sa code:

At ito ang hitsura nito sa browser:

kanin. 1.1.

Karaniwang view ng HTML bulleted unordered list sa browser

1.1 Mga karaniwang bullet para sa mga bullet na listahan

Sa larawan sa itaas (Figure 1.1.) makikita mo ang mga bilog sa simula ng bawat item sa menu. Ito ang marker. Bilang default, lumilitaw ito bilang isang punong bilog sa browser. Mayroong ilang mga uri ng mga marker sa HTML: puno na bilog, walang laman na bilog at parisukat. Hindi sila nangangailangan ng anumang CSS o mga larawan ng third-party:

1.2 Listahan ng marker sa anyo ng isang walang laman na bilog

/html>

kanin. 1.2.

Tingnan ang isang list marker bilang isang bilog sa browser

1.3 Listahan ng marker sa anyo ng isang parisukat

Tingnan din natin ang huling halimbawa na may square marker para sa isang listahan ng HTML:

Bigyang-pansin ang marker, ito ay naging parisukat:

kanin. 1.3. Tingnan ang isang list marker bilang isang parisukat sa browser

Mahalagang Paalala:Ang paraang ito ay hindi na ginagamit upang lumikha ng mga istilo para sa mga naka-bullet na listahan. Mayroong malinaw na paghihiwalay sa pagitan ng CSS (basahin kung ano ang CSS) at HTML. Ang HTML ay para sa markup at ang CSS ay para sa paglikha ng isang kaakit-akit na hitsura.

Ang code na naglalaman ng katangiang ito kapag tinutukoy ang kasalukuyang uri ng dokumento bilang HTML5 ("

"), ay magbibigay ng error sa panahon ng pagpapatunay. Kung hindi mo pa naririnig kung ano ang pagpapatunay, ito ang lugar para sa iyo.

Ang error ay magiging ganito:

kanin. 1.4.

Error sa validator kapag ginagamit ang attribute na "type" ng isang listahan

Inayos namin ang mga bullet na listahan. Ngayon ay lumipat tayo sa mga may bilang na listahan, at pagkatapos ay isaalang-alang ang mga naka-nest na listahan at ilang handa na mga halimbawa na kadalasang ginagamit sa mga totoong site.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<Alam mo ang mga halaga ng katangian, ngunit ngayon tingnan natin kung paano gumawa ng isang HTML bullet na listahan sa code. Mula sa talahanayan sa itaas, pinili namin ang pangalawang halaga na "circle" para sa uri ng katangian at itinakda ito sa aming naka-bullet na listahan: <html > <ulo > 2. Mga may bilang na listahan sa HTML<Halimbawa ng isang bullet na listahan na may walang laman na marker ng bilog </title> </ulo> <katawan > Hindi tulad ng naunang uri ng mga listahan, ang mga may bilang na listahan ay may isang mahalagang tampok: ang mga ito ay awtomatikong binibilang. Ito ay kapaki-pakinabang kapag kailangan mong mag-numero ng isang malaking listahan. Ang paggawa nito nang manu-mano ay aabutin ng maraming oras, at maaari ka pa ring malito. Tinukoy ang isang may bilang na listahan gamit ang tag. Ano ang hitsura nito sa pagsasanay:<Mga bituin: <Halimbawa ng isang numerong listahan: <ul type = "bilog" > Halimbawa ng isang karaniwang numerong listahan<Sirius <ul type = "bilog" > Mula isa hanggang lima:<Sirius <ul type = "bilog" > ol ><Sirius <ul type = "bilog" > Una<Sirius <ul type = "bilog" > Pangalawa<Sirius <Pangatlo </ul> </katawan>

Pang-apat

Panglima

/ol>

Ito ang hitsura ng isang may bilang na listahan sa mga karaniwang setting ng browser:

kanin. 2.1.

May numerong listahan sa browser na may mga karaniwang setting	Tulad ng hinalinhan nito (bullet list), mayroon itong sariling mga istilo para sa pagpapakita ng mga numero. Ang regular na pagnunumero ay hindi lamang ang uri ng bala para sa isang may bilang na listahan sa HTML.	2.1 Mga karaniwang bullet para sa mga may bilang na listahan
Narito mayroon kaming pagpipilian hindi sa tatlong uri ng mga marker, ngunit sa lima:	1	Pangalan ng marker value ng attribute na "type".
Halimbawa ng Listahan	Mga marker sa anyo ng mga numerong Arabic	Badminton Baseball Mga pananda sa anyo ng maliliit na letrang Latin
a	Chomolungma	Chogori Kanchenjunga Mga pananda sa anyo ng malalaking letrang Latin
A	Summit Plummet	Tantrum Alley Insano Mga lowercase na Roman numeral na marker
i	Dagat ng Pilipinas	Dagat Arabian dagat ng coral Malaking titik na Roman numeral na mga marker

ako

Bilang karagdagan sa karaniwang output ng isang may bilang na listahan, maaari rin nating simulan ang ating pagnunumero mula sa anumang numero. Upang gawin ito, kailangan mong itakda ang karagdagang attribute na "start" . Gumagana ang pagnunumero na ito sa lahat ng uri ng mga marker para sa mga may bilang na listahan. Ano ang hitsura nito sa pagsasanay:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Narito kung paano ito lilitaw sa totoong site:

kanin. 2.2.

Pagnunumero mula sa isang di-makatwirang numero sa isang may bilang na listahan

Sa larawan sa itaas, binilang namin ang listahan simula sa labindalawa, habang gumagawa ng mga marker sa anyo ng maliliit na letrang Latin. Ngayon, sa tingin ko, naging malinaw kung paano gamitin ang mga katangiang ito sa iyong mga proyekto.

Well, ngayon ay lumipat tayo sa mga nested na listahan ng HTML.

3. Paano gumawa ng multi-level (nested) na listahan sa HTML

Ang mga listahan ng maraming antas ay ginagamit sa site upang bumuo ng mga menu. Ang menu na ito ay kadalasang lumilitaw na alinman sa pababang drop-down (nakabukas ang aralin) o kaliwa o kanang drop-down na menu. Ang ganitong mga menu ay nagpapahintulot sa iyo na mag-imbak ng iba pang mga elemento ng menu sa isang compact na form.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<Alam mo ang mga halaga ng katangian, ngunit ngayon tingnan natin kung paano gumawa ng isang HTML bullet na listahan sa code. Mula sa talahanayan sa itaas, pinili namin ang pangalawang halaga na "circle" para sa uri ng katangian at itinakda ito sa aming naka-bullet na listahan: <html > <ulo > Gamit ang mga modelo ng kotse bilang isang halimbawa, bubuo kami ng multi-level na listahan sa HTML:<Halimbawa ng isang bullet na listahan na may walang laman na marker ng bilog </title> </ulo> <Listahan ng HTML Nested Bullet <ul type = "bilog" > ul ><Listahan ng HTML Nested Bullet <ul type = "bilog" > Citroen<Sirius <ul type = "bilog" > Berlingo<Sirius <ul type = "bilog" > C1<Sirius <ul type = "bilog" > C2<Sirius <ul type = "bilog" > C3 Picasso<Sirius <Araw <Sirius <ul type = "bilog" > C4 Grand Picasso<Sirius <ul type = "bilog" > KIA<Sirius <ul type = "bilog" > Toyota<Sirius <ul type = "bilog" > Audi<Sirius <Araw </ul> </katawan>

Lexus

Pansinin kung ano ang hitsura ng multi-level na listahan sa browser:

kanin. 3.1.

Gumawa kami ng multi-level na listahan gamit ang bulleted (tag

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<Alam mo ang mga halaga ng katangian, ngunit ngayon tingnan natin kung paano gumawa ng isang HTML bullet na listahan sa code. Mula sa talahanayan sa itaas, pinili namin ang pangalawang halaga na "circle" para sa uri ng katangian at itinakda ito sa aming naka-bullet na listahan: <html > <ulo >). Lumitaw ang isang multi-level na listahan na may mga modelong Citroen kasama ng iba pang mga marker. Ang pangunahing listahan ay may mga punong bullet, at ang listahan ng ika-2 antas ay may mga walang laman na bilog. Ngunit, tulad ng naaalala mo, gamit ang "uri" na katangian maaari naming muling tukuyin ang mga marker (mas mahusay na itakda ).<Halimbawa ng isang bullet na listahan na may walang laman na marker ng bilog </title> </ulo> <Listahan ng HTML Nested Bullet <ul type = "bilog" > Ngunit maaari naming pagsamahin ang mga multi-level na listahan na may numero at bullet na mga listahan tulad nito:<Halimbawa ng isang numerong listahan: <ul type = "bilog" > Mga listahan na may numero, bullet at multi-level sa HTML<Listahan ng HTML Nested Bullet <ul type = "bilog" > Unang grupo ng mga tulips<Sirius <Araw <Sirius <ul type = "bilog" > Unang klase<Listahan ng HTML Nested Bullet <ul type = "bilog" > Simpleng maagang tulips<Sirius <Araw <Sirius <Pangatlo <Sirius <Araw </ul> </katawan>

Pangalawang klase

Terry tulips

Tingnan natin kung ano ang hitsura nito sa browser:

Ito ay impormasyon na nangangailangan ng pag-unawa sa mga katangian ng CSS. Para magawa ito, inirerekomenda kong pag-aralan ang mga sumusunod na aralin: . Ang lahat ng mga halimbawa ay kaagad na kasama ng source code at nahahati sa HTML (istraktura), CSS (estilo) at Resulta (resulta) na mga tab.

4.1 Paano gumawa ng isang listahan ng HTML sa isang string

Maaaring kailanganin ang pag-convert ng listahan ng HTML sa isang string kapag gumagawa ng pahalang na menu. Napakadaling gawin:

4.2 Paano gumawa ng listahan ng HTML nang walang icon

Ang list-style-type na property sa CSS ay responsable para dito (higit pang mga detalye):

4.3 Paano isentro ang isang listahan sa HTML

Ang item sa listahan ay isang block element, kaya kailangan itong nakasentro gamit ang padding. Ngunit mayroong isang mahalagang punto - dapat nating tahasang tukuyin ang lapad para gumana ang pagkakahanay:

4.4 Paano gumawa ng listahan sa HTML na may mga larawan

Isang CSS property lang, list-style-image , ay sapat na. Sa loob ng url, tukuyin ang address bago ang icon. Nais ko lang tandaan na mas mahusay na agad na pumili ng isang maliit na imahe, dahil ang taas ng linya ng listahan ay nakasalalay dito:

4.5 Bullet list HTML ang iyong bullet

Sa kasong ito, kailangan mong ikonekta ang mga icon ng font nang maaga (halimbawa, FontAwesome ). Pagkatapos ay maaari kang gumawa ng anumang icon sa halip na isang karaniwang marker:

4.6 Paano gumawa ng listahan sa HTML sa ilang column

Upang gumawa ng listahan sa ilang column, gagamitin namin ang CSS column-count property (ang property ay sinusuportahan lamang sa mga sumusunod na browser: IE 10+, Chrome 1.0+, Opera 11.1+, Safari 3.0+, Firefox 1.5+). Kailangan mo ring itakda ang taas ng listahan para makita ang hati sa maraming column:

5. Magsanay sa paggamit ng mga listahan

Sa video sa ibaba makikita mo ang lahat ng gawain sa mga listahan ng HTML sa pagsasanay:

Nagbibigay ang HTML ng isang espesyal na hanay ng mga tag para sa pagpapakita ng impormasyon sa anyo ng mga listahan. Ang mga listahan ay isa sa mga pinakakaraniwang ginagamit na paraan ng pagtatanghal ng data, kapwa sa electronic at naka-print na mga dokumento. Nakikita namin ang mga listahan halos araw-araw - maaaring ito ay isang listahan ng mga kinakailangang pagbili sa isang tindahan, mga mag-aaral sa isang klase, o mga simpleng bagay na kailangang gawin. Ang kakayahang ayusin ang mga istruktura ng listahan ay magagamit sa maraming mga editor ng teksto, lalo na, ang makapangyarihang word processor na Microsoft Word ay may mga maginhawang tool para sa pag-format ng mga listahan ng iba't ibang uri (ang mga posibilidad ng paglikha ng mga listahan ng HTML gamit ang Microsoft Word ay tinalakay sa Kabanata 8). Narito ang ilang mga kaso kung saan ang paggamit ng mga listahan ay medyo maginhawa:

Pagsasama-sama ng mga piraso ng impormasyon sa isang solong istraktura upang lumikha ng isang nababasa na hitsura.
Paglalarawan ng mga kumplikadong hakbang-hakbang na proseso.
Isang pagsasaayos ng impormasyon sa istilo ng talahanayan ng mga nilalaman, na may mga talata na tumuturo sa mga nauugnay na seksyon ng dokumento.

Tandaan na ang mga punto sa itaas ay tiyak na nakaayos sa anyo ng isang istraktura ng listahan.

Ang HTML ay nagbibigay ng mga sumusunod na pangunahing uri ng mga listahan: bulleted, numbered, at definition list. Ang mga sumusunod na tag ay ginagamit upang ipatupad ang mga listahan ng iba't ibang uri:

, , . Gamit ang iba't ibang uri ng mga listahan na binuo sa isang dokumento, ang iba't ibang mga posibilidad ay maaaring maisakatuparan, ang paglalarawan kung saan ang paksa ng kabanatang ito. Ang mga tampok ng pagbuo ng mga listahan ng iba't ibang uri, pati na rin ang paggamit ng mga nested na listahan ay isinasaalang-alang.

Naka-bullet na listahan

Ang isa sa mga uri ng mga listahan na ipinatupad sa HTML ay ang naka-bullet na listahan. Kung hindi, ang mga listahan ng ganitong uri ay tinatawag na unnumbered o

nagkakagulo. Ang apelyido ay kadalasang ginagamit bilang isang pormal na pagsasalin ng pangalan ng kaukulang tag

Sa isang bullet na listahan, ang mga espesyal na character na tinatawag na list marker ay ginagamit upang i-highlight ang mga elemento nito (sila ay madalas na tinatawag na bullet, na kung saan ay ang pormal na pagbigkas ng English term bullet). Ang hitsura ng mga list marker ay tinutukoy ng browser, at kapag gumagawa ng mga nested list, awtomatikong pinag-iba-iba ng mga browser ang hitsura ng mga marker sa iba't ibang antas ng nesting.

Mga tag

At<LI >

Upang gumawa ng naka-bullet na listahan, dapat kang gumamit ng lalagyan ng tag, kung saan matatagpuan ang lahat ng elemento ng listahan. Ang pagbubukas at pagsasara ng mga tag ng listahan ay nagbibigay ng pahinga sa linya bago at pagkatapos ng listahan, kaya naghihiwalay sa listahan mula sa pangunahing nilalaman ng dokumento, kaya hindi na kailangang gumamit ng mga tag ng talata dito

Ang bawat elemento ng listahan ay dapat magsimula sa isang tag

(LI - Listahan ng Item, elemento ng listahan). Tag
ay hindi nangangailangan ng kaukulang closing tag, bagama't ang presensya nito ay hindi ipinagbabawal sa prinsipyo. Karaniwang sinisimulan ng mga browser ang bawat bagong item sa listahan sa isang bagong linya kapag nagpapakita ng isang dokumento.

Ang impormasyong ibinigay ay sapat upang makabuo ng isang pangunahing bullet na listahan. Magbigay tayo ng isang halimbawa ng isang HTML na dokumento gamit ang isang bullet na listahan, ang pagpapakita kung saan ang browser ay ipinapakita sa Fig. 2.1.

Halimbawa ng bullet na listahan
kanin. 2.1. Pagpapakita ng browser ng bullet na listahan

Tandaan na bilang karagdagan sa mga elemento ng listahan na minarkahan ng tag

, maaaring may iba pang elemento ng HTML. Sa halimbawa sa itaas, isa sa mga elementong ito ay plain text, na hindi isang listahan ng item, ngunit gumaganap bilang pamagat nito.

Tandaan

Ang ilang mga aklat-aralin sa wikang HTML ay nagpapahiwatig na ang isang tag ng container ay dapat gamitin upang itakda ang pamagat ng listahan. (LH - Header ng Listahan, header ng listahan). Ang tag na ito ay kasalukuyang hindi kinikilala ng anumang mga karaniwang browser at hindi bahagi ng HTML na detalye. Kaya, ang paggamit nito ay nagiging walang kabuluhan, bagaman hindi ito hahantong sa anumang mga pagkakamali.

Sa tag

Ang COMPACT parameter ay isinulat nang walang halaga at ginagamit upang ipahiwatig sa browser na ang ibinigay na listahan ay dapat na ipakita sa isang compact na form. Halimbawa, ang font o ang distansya sa pagitan ng mga linya ng listahan, atbp. ay maaaring mabawasan.

Tandaan

Sa kasalukuyan, ang presensya ng COMPACT parameter sa tag

ay hindi nakakaapekto sa anumang paraan sa pagpapakita ng mga listahan sa mga nangungunang browser. Samakatuwid, ang paggamit ng parameter na ito ay walang kabuluhan, lalo na dahil ang paggamit nito ay hindi inirerekomenda ng HTML 4.0 na detalye.

Maaaring kunin ng parameter ng TYPE ang mga sumusunod na halaga: disc, bilog at parisukat. Ginagamit ang parameter na ito upang pilitin ang paglitaw ng mga list bullet. Ang eksaktong uri ng marker ay depende sa browser na iyong ginagamit. Ang mga karaniwang opsyon sa pagpapakita ay ang mga sumusunod:

TYPE = disc - ang mga marker ay ipinapakita bilang mga punong bilog; TYPE = bilog - ang mga marker ay ipinapakita bilang mga bukas na bilog; TYPE = square - ang mga marker ay ipinapakita bilang mga punong parisukat. Halimbawang entry:

Ang default na halaga ay TYPE = disc. Para sa mga nested bulleted na listahan, ang default na value ay disc sa unang antas, bilog sa pangalawang antas, parisukat sa ikatlong antas at higit pa. Ito ay eksakto kung ano ang ginagawa sa pinakabagong bersyon ng Netscape at Internet Explorer browser. Pakitandaan na ang ibang mga browser ay maaaring magpakita ng mga marker sa ibang paraan. Halimbawa, sa detalye ng HTML 4.0, ang uri ng marker na ipinapakita kapag TYPE = square ay tinukoy bilang square outline.

Ang parameter ng TYPE na may parehong mga halaga ay maaaring gamitin upang tukuyin ang uri ng mga marker para sa mga indibidwal na elemento ng listahan. Upang gawin ito, pinapayagang tukuyin ang TYPE parameter na may katumbas na halaga sa tag ng elemento ng listahan

.

Halimbawang entry:

Tandaan

Iba ang kahulugan ng mga browser sa detalye ng uri ng bullet para sa isang indibidwal na item sa listahan. Binabago ng browser ng Netscape ang hitsura ng marker para dito at sa lahat ng kasunod hanggang sa makita ang susunod na redefinition ng hitsura ng marker. Binabago ng Internet Explorer ang hitsura ng marker para lamang sa elementong ito.

Mga marker ng graphic na listahan

Maaari mong gamitin ang mga graphic na larawan bilang mga list bullet, na malawakang ginagamit upang lumikha ng mga kaakit-akit at mahusay na disenyong mga dokumentong HTML. Sa katunayan, ang posibilidad na ito ay hindi direktang ibinibigay ng HTML na wika, ngunit ipinatupad nang medyo artipisyal. Hindi ito nangangahulugan na ang paggawa nito ay hindi inirerekomenda o masisisi, ngunit walang mga espesyal na pagbuo ng wikang HTML ang gagamitin dito.

Upang maunawaan ang ideya, kailangan mong maunawaan ang mekanismo para sa pagpapatupad ng mga listahan sa mga pahina ng HTML. Ito ay lumiliko out na ang listahan tag

, na tumuturo sa mga indibidwal na item sa listahan, ay nagbibigay ng karaniwang mga marker ng item sa listahan.

Kung kailangan naming bumuo ng isang listahan na may mga graphic marker, magagawa namin nang walang mga tag sa kabuuan

. Ito ay sapat na upang ipasok ang nais na graphic na imahe bago ang bawat elemento ng listahan. Ang tanging problema na kailangang lutasin ay ang paghihiwalay ng mga elemento ng listahan sa isa't isa. Maaari kang gumamit ng mga tag ng talata para dito

O puwersahin ang isang line feed
. Isang halimbawa ng pagpapatupad ng isang listahan na may mga graphic marker, ang pagpapakita nito ay ipinapakita sa Fig. 2.2 ay ipinapakita sa ibaba:

Naka-bullet na listahan

Mga palatandaan ng zodiac:

Aries

Taurus

Gemini

Kanser

Leo

Virgo

Mga kaliskis

alakdan

Sagittarius

Capricorn

Aquarius

Isda

kanin. 2.2. Bullet na listahan na may mga graphic na bullet

Sa halimbawang ibinigay, ang graphic na file na Green_ball.gif ay ginagamit bilang isang marker ng item sa listahan. Tandaan na ang paggamit ng mga graphics sa mga pahina ng HTML ay maaaring makabuluhang tumaas ang dami ng impormasyong ipinadala. Gayunpaman, sa kasong ito ang pagtaas na ito ay lubhang hindi gaanong mahalaga. Dito ang parehong file ay ginagamit para sa lahat ng mga marker,

na isang beses lang ipapasa. Ang mga sukat ng file ng isang maliit na imahe ay napakaliit din.

Tandaan

Ang mga pamamaraan para sa paglikha ng mga listahan na may mga graphic bullet ay tinalakay sa Kabanata 8.

Listahan ng numero

Ang isa pang uri ng listahan na ipinatupad sa HTML ay ang may bilang na listahan. Kung hindi, ang mga listahan ng ganitong uri ay tinatawag na ordered. Ang apelyido ay kadalasang ginagamit bilang isang pormal na pagsasalin ng pangalan ng kaukulang tag

Ang mga listahan ng ganitong uri ay karaniwang isang ordered sequence ng mga indibidwal na elemento. Ang pagkakaiba sa mga naka-bullet na listahan ay na sa isang may bilang na listahan, ang bawat elemento ay awtomatikong nauunahan ng isang serial number. Ang uri ng pagnunumero ay depende sa browser at maaaring itakda ng mga parameter ng mga tag ng listahan. Kung hindi, ang pagpapatupad ng mga may bilang na listahan ay halos kapareho sa pagpapatupad ng mga bullet na listahan.

Mga tag

Upang gumawa ng listahang may numero, dapat kang gumamit ng tag ng container, kung saan matatagpuan ang lahat ng elemento ng listahan. Ang mga tag ng pagbubukas at pagsasara ng listahan ay nagbibigay ng pahinga sa linya bago at pagkatapos ng listahan, sa gayon ay naghihiwalay sa listahan mula sa pangunahing nilalaman ng dokumento.

Tulad ng isang bullet na listahan, ang bawat item sa isang numerong listahan ay dapat magsimula sa tag

Narito ang isang halimbawa ng isang HTML na dokumento gamit ang isang numerong listahan: pagpapakita ng kung alin browser ay ipinapakita sa Fig. 2.3.

Halimbawa ng isang numerong listahan

Ang pinakamaliwanag na mga bituin na nakikita mula sa Earth:

Sirius
K anopus
Arcturus
Alpha Centauri
Vega
K appella
Rigel
Procyon
Achernar
Beta Centauri
Wetelgeuse
Aldebaran

. . .
Mizar

. . .
Polar

kanin. 2.Z. Listahan ng numero

Sa tag

Ang COMPACT parameter ay may parehong kahulugan sa mga naka-bullet na listahan. Ang TYPE parameter ay ginagamit upang tukuyin ang uri ng list numbering. Maaaring kunin ang mga sumusunod na halaga:

TYPE = A - nagtatakda ng mga marker sa anyo ng malalaking letrang Latin;

TYPE = a - nagtatakda ng mga marker sa anyo ng maliliit na letrang Latin;

TYPE = I - nagtatakda ng mga marker sa anyo ng malalaking Roman numeral;

TYPE = i - nagtatakda ng mga marker sa anyo ng maliliit na Roman numeral;

TYPE = 1 - nagtatakda ng mga marker sa anyo ng Arabic numerals.

Ang default na halaga ay palaging TYPE = 1, ibig sabihin, pagnunumero gamit ang Arabic numerals. Nalalapat din ito sa mga nested numbered list. Dito, hindi tulad ng mga bullet na listahan, ang mga browser bilang default ay hindi ginagawang iba ang pagnunumero sa iba't ibang antas ng nesting ng mga listahan. Tandaan na pagkatapos ng numero ng elemento ng listahan ay palaging may karagdagang "tuldok" na palatandaan.

Ang parameter ng TYPE na may parehong mga halaga ay maaaring gamitin upang tukuyin ang istilo ng pagnunumero para sa mga indibidwal na elemento ng listahan. Upang gawin ito, pinapayagang tukuyin ang TYPE parameter na may katumbas na halaga sa tag ng elemento ng listahan

.

Halimbawang entry:

START parameter ng tag

Tinutukoy ng entry na ito ang pagnunumero ng listahan na nagsisimula sa malaking letrang Latin na "E". Para sa iba pang uri ng pagnunumero, itatakda ng entry na START=5 ang pagnunumero, ayon sa pagkakabanggit, mula sa numerong "5", ang Roman numeral na "V", atbp.

Ang pagpapalit ng uri ng pag-numero ng listahan at mga halaga ng numero ay maaaring gawin para sa anumang elemento ng listahan. Tag

para sa mga may bilang na listahan, pinapayagan ang paggamit ng TYPE at VALUE na mga parameter. Ang parameter ng TYPE ay maaaring tumagal ng parehong mga halaga tulad ng para sa tag

P halimbawa ng entry:

.

Tandaan

Iba ang kahulugan ng mga browser sa uri ng pagnunumero para sa isang indibidwal na item sa listahan. Binabago ng browser ng Netscape ang hitsura ng pagnunumero para sa elementong ito at lahat ng kasunod hanggang sa makita ang susunod na override. Binabago ng Internet Explorer ang hitsura ng numero para lamang sa elementong ito.

Zvalue ng VALUE tag na parameter
- nagbibigay-daan sa iyo na baguhin ang bilang ng isang ibinigay na elemento ng listahan. Binabago nito ang pagnunumero ng lahat ng kasunod na elemento. Ang karaniwang application ay mga listahan na may nawawalang ilang elemento. Ang isang halimbawa ng naturang listahan ay ibinigay sa itaas (Larawan 2.3). Nagbibigay ito ng nakaayos na listahan ng mga pinakamaliwanag na bituin, kung saan ang ika-58 at ika-75 na lugar ay mga bituin na malinaw na nakikita sa ating mga latitude (Si Mizar ang pinakamaliwanag na bituin sa konstelasyon na Ursa Major, at si Polaris ang pinakamaliwanag na bituin sa konstelasyon ng Ursa Minor) .

Magbigay tayo ng isa pang orihinal na halimbawa ng paggamit ng iba't ibang uri ng pagnunumero. Ang HTML code sa ibaba ay naglalaman ng tatlong listahan na may magkakaibang pagnunumero. Para sa kadalian ng pagtingin, ang bawat isa sa mga listahan ay inilalagay sa isang hiwalay na cell ng talahanayan. Ang lahat ng tatlong listahan ay magkapareho at naiiba lamang sa uri ng pagnunumero: sa unang hanay ng talahanayan ay may mga Arabic numeral, sa pangalawa - Roman numeral, at sa pangatlo ang pagnunumero ay nasa Latin na mga titik. Pakitandaan na walang laman ang mga elemento ng listahan, ibig sabihin, pagkatapos ng anumang tag

walang data. Ang isang halimbawa ng ganitong uri ay maaaring gamitin bilang isang talaan ng mga sulat sa pagitan ng pagsulat ng mga numero sa Arabic at Roman numeral. Lumalabas na ang anumang browser na sumusuporta sa mga listahan ay maaaring gamitin bilang generator ng naturang talahanayan (Larawan 2.4), kailangan mo lamang i-type ang ibinigay na HTML code. Ang pagnunumero sa mga Roman numeral ay gumagana nang tama hanggang sa halagang 3999. Sa pamamagitan ng pag-aaral sa kanang hanay, mauunawaan mo kung paano ginagawa ang pagnunumero sa mga titik na Romano. Kapag naubos na ang one-letter numbering (mula A hanggang Z), ang unang dalawang-titik na numero ay kukunin bilang susunod na numero - AA, atbp.

Paggamit ng iba't ibang uri ng pagnunumero sa mga listahan

. . .

. . .

. . .

kanin. 2.4. Iba't ibang uri ng HTML list numbering

Listahan ng mga kahulugan

Ang mga listahan ng kahulugan, na tinatawag ding mga diksyunaryo ng kahulugan, ay isang espesyal na uri ng listahan. Hindi tulad ng iba pang mga uri ng mga listahan, ang bawat elemento ng isang listahan ng kahulugan ay palaging binubuo ng dalawang bahagi. Ang unang bahagi ng elemento ng listahan ay naglalaman ng terminong tinutukoy, at ang pangalawang bahagi ay naglalaman ng teksto sa anyo ng isang entry sa diksyunaryo na nagpapakita ng kahulugan ng termino.

Tinukoy ang mga listahan ng kahulugan gamit ang tag ng container

(Termino ng Depinisyon) ang terminong tinutukoy ay minarkahan, at ang tag

(Definition Deskripsyon) - isang talata na may kahulugan nito. Para sa mga tag

At

Maaari mong alisin ang kaukulang mga closing tag.

Sa pangkalahatan, ang listahan ng mga kahulugan ay nakasulat tulad ng sumusunod:

Termino

Kahulugan ng termino

Sa text pagkatapos ng tag

hindi magagamit ang mga elemento ng block level gaya ng mga tag ng talata
O mga header
-
. Bilang isang tuntunin, ang teksto ng tinukoy na termino ay dapat na matatagpuan sa isang linya. Ang tekstong naglalaman ng kahulugan ng termino ay ipinapakita simula sa susunod na linya (o bawat linya para sa ilang browser) pagkatapos ng kahulugan ng termino, na naka-indent sa kanan. Sa impormasyong inilagay pagkatapos ng tag
, maaaring matagpuan ang mga elemento sa antas ng block. Ito ay sumusunod, sa partikular, na ang mga listahan ng mga kahulugan ay maaaring ma-nest.

Sa tag
maaaring tukuyin ang isang COMPACT parameter, ang layunin nito ay katulad ng iba pang mga listahang inilarawan sa itaas.

Narito ang isang halimbawa ng isang HTML na dokumento na gumagamit ng isang listahan ng mga kahulugan:

Halimbawa ng listahan ng kahulugan

Pag-uuri ng mga karaniwang ugali ng tao,
nakabatay

sa mga pananaw ni Hippocrates

Phlegmatic na tao

Passive, napakasipag, mabagal na umangkop;
matatag na mood, maliit na madaling kapitan sa panlabas na impluwensya;
panghihina ng mga emosyonal na reaksyon at kabagalan sa boluntaryong aktibidad

Sanguine

Aktibo, energetic, madaling ibagay, -
kasiglahan at kadaliang kumilos ng mga emosyonal na reaksyon, bilis at lakas ng mga volitional manifestations

Choleric

Aktibo, napaka-energetic, paulit-ulit;
impetuosity at lakas ng emosyonal na mga reaksyon, marahas na pagpapakita ng kalooban

Mapanglaw

Passive, madaling mapagod, mahirap makibagay, -
kahinaan ng volitional manifestations at ang pamamayani ng depressed mood, pagdududa sa sarili

Ang pagpapakita ng ibinigay na HTML na dokumento sa browser ay ipinapakita sa Fig. 2.5.

kanin. 2.5. Listahan ng mga kahulugan (kamukha ng isang pangkat ng mga entry sa isang diksyunaryo)

Uri ng mga listahan
At

Uri ng mga listahan
At ay kasalukuyang hindi ginagamit, bagama't sinusuportahan pa rin sila ng mga nangungunang browser. Sa HTML 4.0 na detalye, ang parehong mga uri ng listahang ito ay minarkahan bilang hindi na ginagamit. Sa halip, iminumungkahi na gumamit ng mga bullet na listahan na tinukoy ng tag
.

Ang mga uri ng listahang ito ay orihinal na idinisenyo upang maging mas compact kaysa sa mga regular na bullet na listahan. Ayon sa mga patakaran para sa pagsusulat ng mga elemento ng mga listahang ito, hindi pinapayagan na gumamit ng mga elemento ng block sa kanila, na nangangahulugang imposibleng ipatupad ang nesting ng mga listahan ng ganitong uri. Ang bawat elemento ng listahan ay isang linya ng teksto.

Para sa mga listahan tulad ng
ito ay binalak na magpakilala ng isang limitasyon sa "haba ng teksto ng isang elemento ng listahan (24 na mga character). Ang gayong limitasyon ay magpapahintulot sa atin na makuha

mga listahan tulad ng
sa isang form na katulad ng output ng isang listahan ng mga direktoryo sa UNIX at MS-DOS operating system kapag ginagamit ang /W switch (sa ilang mga column). Bilang karagdagan, ang mga marker ay hindi ipinakita para sa listahan ng mga item ng ganitong uri.

Sa kasalukuyan, ang lahat ng mga planong ito ay hindi naipatupad, dahil ang karagdagang paggamit ng mga listahan ng mga ganitong uri ay hindi inirerekomenda. Ang mga modernong bersyon ng mga browser ay nagpapakita ng mga listahan ng mga ganitong uri sa eksaktong kaparehong paraan tulad ng mga listahan
.

Mga Nested na Listahan

May mga pagkakataon na kailangan mong isama ang isang buong listahan ng parehong uri o iba pa sa isang elemento ng listahan ng isang uri. Gagawa ito ng mga multi-level o nested na listahan. Binibigyang-daan ng HTML ang di-makatwirang pagpupugad ng iba't ibang uri ng mga listahan, ngunit kailangang mag-ingat kapag inaayos ang mga ito.

Nasa ibaba ang HTML code para sa isang dokumento na may mga nested na listahan, ang pagpapakita nito ay ipinapakita sa Fig. 2.6. Sa halimbawang ito, ang bawat item sa naka-bullet na listahan ay naglalaman ng sarili nitong listahan na may numero.

Halimbawa ng nested list

Mga satellite ng ilang planeta

Zempya

Buwan

Mapc

Phobos

Deimos

Uranus

Ariel

Umbriel

Titania

Oberon

Miranda

Neptune

Triton

Nereid

Ang isang bullet na listahan ay tinutukoy sa pamamagitan ng pagdaragdag ng isang maliit na bala, kadalasan sa anyo ng isang punong bilog, bago ang bawat item sa listahan. Ang listahan mismo ay nabuo gamit ang isang lalagyan
, at ang bawat item sa listahan ay nagsisimula sa isang tag
tulad ng ipinapakita sa ibaba.

Unang punto

Pangalawang punto

Pangatlong punto

Ang listahan ay dapat maglaman ng pansarang tag
, kung hindi, magkakaroon ng error. Pansara na tag
Bagama't hindi kinakailangan, palagi naming inirerekomenda ang pagdaragdag nito sa malinaw na hiwalay na mga item sa listahan.

Ipinapakita ng Halimbawa 11.1 ang HTML code para sa pagdaragdag ng bullet na listahan sa isang web page.

Halimbawa 11.1. Gumawa ng bullet na listahan
Naka-bullet na listahan

Cheburashka

Crocodile Gena

Shapoklyak

Daga Larisa

Ang resulta ng halimbawang ito ay ipinapakita sa Fig. 11.1.

kanin. 11.1. Naka-bullet na view ng listahan

Bigyang-pansin ang padding sa itaas, ibaba, at kaliwa ng listahan. Ang ganitong mga indent ay awtomatikong idinaragdag.

Ang mga marker ay maaaring tumagal ng isa sa tatlong anyo: bilog (default), bilog, at parisukat. Upang pumili ng istilo ng pananda, gamitin ang katangian ng uri ng tag
. Ang mga katanggap-tanggap na halaga ay ibinibigay sa talahanayan. 11.1
mesa 11.1. Maglista ng Mga Estilo ng Bullet
Uri ng listahan HTML Code Halimbawa
Listahan na may mga bilog na bala

Halimbawa ng isang karaniwang numerong listahan

Mula isa hanggang lima:

ol >

Listahan na may mga bilog na bala

Halimbawa ng isang karaniwang numerong listahan

Mula isa hanggang lima:

ol >

Listahan na may mga square bullet

Halimbawa ng isang karaniwang numerong listahan

Mula isa hanggang lima:

ol >

Ang hitsura ng mga marker ay maaaring bahagyang mag-iba sa iba't ibang mga browser, gayundin kapag binabago ang font at laki ng teksto.

Ang paglikha ng isang listahan na may mga square bullet ay ipinapakita sa Halimbawa 11.2.

Halimbawa 11.2. Uri ng mga marker
Naka-bullet na listahan
Pagbabago ng mga Paniniwala

pagbabago sa relihiyosong pananampalataya (opsyonal: Budismo, Confucianism, Hinduism).

Espesyal na alok - Hudaismo at Islam magkasama;

isang pagbabago sa paniniwala sa hindi pagkakamali ng paboritong partido;

ang paniniwala na umiiral ang mga dayuhan;

kagustuhan para sa isang sistemang pampulitika bilang pinakamahusay sa uri nito (mapili mula sa: pyudalismo, sosyalismo, komunismo, kapitalismo).

Ang resulta ng halimbawang ito ay ipinapakita sa Fig. 11.2. Mga listahan

- Ito ay mga magkakaugnay na pangungusap na nagsisimula sa pananda o numero. Nakakatulong ang mga listahan sa pagbuo ng impormasyon sa isang WEB page. Ang mga listahan ay maaaring i-bullet, bilangin, o listahan ng mga kahulugan. Magkaiba sila sa paraan ng pagkakadisenyo. Naka-bullet na listahan.
At
Ang bullet na listahan ay isang pangkat ng mga item. Ang bawat elemento ng naturang listahan ay minarkahan ng isang espesyal na marker, kadalasan sa anyo ng isang itim na bilog.

Ang isang bullet na listahan ay nabuo gamit ang isang pares ng mga tag. At ang bawat elemento ng listahan ay inilalagay sa loob ng mga tag

. Narito ang isang halimbawa:

Unang elemento

Pangalawang elemento
Ang isang bullet na listahan ay nabuo gamit ang isang pares ng mga tag. At ang bawat elemento ng listahan ay inilalagay sa loob ng mga tag

. Narito ang isang halimbawa:

Unang elemento

Ikatlong elemento opsyonal, ngunit ipinapayo ko sa iyo na palaging idagdag ito sa malinaw na hiwalay na mga elemento ng listahan. Pansara na tag
kinakailangan. Maaari kang maglagay ng mga link, talata, larawan, iba pang listahan, line break, atbp. sa loob ng elemento ng listahan.

Ang mga marker ng listahan ay maaaring may tatlong uri: bilog na puno, bilog, at parisukat. Itinakda ang uri ng marker gamit ang parameter ng uri ng tag
.

Ang uri ng parameter ay maaaring tumagal ng mga sumusunod na halaga: disc , bilog at parisukat .

Ang isang bullet na listahan ay nabuo gamit ang isang pares ng mga tag. At ang bawat elemento ng listahan ay inilalagay sa loob ng mga tag

. Narito ang isang halimbawa:

Unang elemento

Ang isang bullet na listahan ay nabuo gamit ang isang pares ng mga tag. At ang bawat elemento ng listahan ay inilalagay sa loob ng mga tag

. Narito ang isang halimbawa:

Unang elemento

Nasa ibaba ang mga marker sa anyo ng isang bilog at isang parisukat.
Ang isang bullet na listahan ay nabuo gamit ang isang pares ng mga tag. At ang bawat elemento ng listahan ay inilalagay sa loob ng mga tag

. Narito ang isang halimbawa:

Unang elemento

Ang isang bullet na listahan ay nabuo gamit ang isang pares ng mga tag. At ang bawat elemento ng listahan ay inilalagay sa loob ng mga tag

. Narito ang isang halimbawa:

Unang elemento

At narito ang hitsura nito: May bilang na listahan.
At
Ang isang may bilang na listahan ay isang pangkat din ng mga item, ngunit ang mga item ay may label na mga numero o titik.

Ang isang bullet na listahan ay nabuo gamit ang isang pares ng mga tag. At ang bawat elemento ng listahan ay inilalagay sa loob ng mga tag

. Narito ang isang halimbawa:

Unang elemento

Ang isang may bilang na listahan ay nabuo gamit ang isang pares ng mga tag at ang bawat elemento ng listahan ay inilalagay sa loob ng mga tag
Ang isang bullet na listahan ay nabuo gamit ang isang pares ng mga tag. At ang bawat elemento ng listahan ay inilalagay sa loob ng mga tag

. Narito ang isang halimbawa:

Unang elemento

. Halimbawa:
At ganito ang hitsura:
Tinukoy din ang uri ng marker gamit ang parameter ng uri ng tag .Ang mga sumusunod ay maaaring magsilbi bilang mga elemento ng pagmamarka: ;

Arabic na numero (1, 2, 3, ...) - type="1" ;

Roman numeral sa uppercase (I, II, III, ...) - type="I" ;

maliliit na Roman numeral (i, ii, iii, ...) - type="i" ;

malalaking titik na Latin (A, B, C, ...) - type="A" ;

maliliit na letrang Latin (a, b, c, ...) -
type="a"

Ang isang bullet na listahan ay nabuo gamit ang isang pares ng mga tag. At ang bawat elemento ng listahan ay inilalagay sa loob ng mga tag

. Narito ang isang halimbawa:

Unang elemento

Gamit ang parameter ng start tag
Ang isang bullet na listahan ay nabuo gamit ang isang pares ng mga tag. At ang bawat elemento ng listahan ay inilalagay sa loob ng mga tag

. Narito ang isang halimbawa:

Unang elemento

maaari mong itakda ang panimulang halaga ng marker. Nasa ibaba ang isang halimbawang listahan gamit ang mga Roman numeral na nagsisimula sa 8. Ito ay mukhang:
At
Listahan ng mga kahulugan.
Ang listahan ng kahulugan ay binubuo ng mga termino at ang kanilang mga kahulugan. Ang nasabing listahan ay tinukoy gamit ang mga tag
.

Ang isang bullet na listahan ay nabuo gamit ang isang pares ng mga tag. At ang bawat elemento ng listahan ay inilalagay sa loob ng mga tag

Ang mga tuntunin sa naturang listahan ay tinukoy ng tag

. Narito ang isang halimbawa:

, at ang kahulugan nito

Unang elemento

. Nasa ibaba ang istraktura ng listahan ng mga kahulugan.

Paglalarawan ng unang elemento
Paglalarawan ng pangalawang elemento

Paglalarawan ng ikatlong elemento
At ganito ang hitsura:
Maraming iba't ibang mga diskarte sa pag-format ng web ang nagpapahusay sa karanasan ng nilalaman. Maaari mong gawing bold ang text, gumamit ng mga indent at kulay, baguhin ang spacing ng linya, gumawa (mga bullet na listahan) - lahat ng mga diskarteng ito ay mabuti para sa epektibong pag-unawa sa nilalaman.
Ang ilang maliliit na tuldok ay umaakit sa mata at ginagawang malinaw ang mga kumplikadong punto. Nakikita ng mga mambabasa ang mga bulletin bilang mga marker ng maikli ngunit napakahalagang mga nugget ng impormasyon. Hindi nakakagulat na kapag nagsasagawa ng pagsasaliksik sa kakayahang magamit, malinaw kung gaano kalaki ang hilig ng mga mambabasa sa mga naka-bullet na listahan dahil nakakatulong sila sa pagtunaw ng nilalaman nang mabilis hangga't maaari.
Paghambingin ang dalawang magkaibang opsyon sa nilalaman. Malamang na makikita mo na ang impormasyong ipinakita sa pangalawang opsyon ay mas madaling matunaw. Ito ay dahil ang mga pangungusap ay ipinakita sa isang patayong listahan, bawat isa sa kanila ay sumasakop sa isang linya. Sa kabaligtaran, sa opsyon 1, ang mga mambabasa ay napipilitang hanapin ang mga ito sa isang hindi gaanong balangkas na talata ng teksto.
Opsyon 1
Kasama sa aming spa package ang dalawang gabing accommodation, dalawang 50 minutong spa treatment na gusto mo, almusal sa iyong kuwarto para sa dalawa at isang gift basket sa pagdating.
Opsyon 2
Kasama sa aming SPA package ang:
tirahan ng dalawang gabi;
dalawang 50 minutong SPA treatment na iyong pinili;
almusal sa isang silid para sa dalawa;
basket ng regalo sa pagdating.

Huwag mag-alala na ang opsyon 2 ay tumatagal ng mas maraming espasyo. Ang mga gumagamit ay hindi naaabala sa pamamagitan ng karagdagang pag-scroll hangga't ito ay makatwiran sa pamamagitan ng pagkuha ng kawili-wiling impormasyon. Sa katunayan, ang isang landing page na mukhang friendly at madaling maunawaan dahil sa wastong paggamit ng mga bullet point ay makakatanggap ng higit na pansin ng user kaysa sa isang site na bumabati sa kanila ng isang pader ng teksto. Tingnan natin nang mas malapitan kung paano gumawa nang tama ng bullet na listahan.
1. Ang lahat ng mga item sa listahan ay dapat magkaroon ng humigit-kumulang sa parehong haba ng linya
Ang isang bullet na listahan ay mas epektibo kapag naglalaman ito ng mga item na nauugnay sa isa't isa. Bukod dito, dapat silang lahat ay may isang karaniwang antas ng kahalagahan. Kung maaari, subukang magkasya ang bawat item sa isang paunang natukoy na laki ng linya upang walang mas mahalaga kaysa sa isa. Ang ganitong pagiging perpekto ay hindi lamang nakalulugod sa mata, ngunit hindi rin nag-overload sa listahan.
mali
bag na pantulog;
swimsuit para sa paglalakad sa mga talon;
sunscreen;
waterproof jacket para sa tag-ulan. Posible ang mga bagyo.

Ang pagkakaiba sa haba ay ginagawang hindi maayos at hindi pantay ang listahan.
Tama
Dalhin ang mga sumusunod na bagay sa kampo:
bag na pantulog;
sunscreen;
damit panlangoy;
kapote.

2. Gumamit lamang ng mga numerong listahan kapag ang pagkakasunod-sunod o bilang ng mga bagay ay mahalaga.
Ang mga may bilang na listahan ay karaniwang ginagamit sa mga kaso kung saan ang mga item ay dapat na nakalista sa isang partikular na pagkakasunud-sunod, tulad ng pagkakasunud-sunod ng mga operasyon kapag nagtatrabaho sa isang programa. O kapag mahalaga ang bilang ng mga puntos, halimbawa, sa iba't ibang uri ng mga tuktok (nangungunang 10 pinakamahusay na diskarte, atbp.).
Kung ang pagkakasunud-sunod o kabuuang bilang ng mga bagay ay hindi mahalaga, hindi na kailangang bilangin ang listahan. Ito ay lilikha lamang ng kalituhan: sa mga pagsusulit ng gumagamit na isinagawa, ang mga kalahok ay tumingin sa mga may bilang na listahan at nagkamali sa pag-iisip na kailangan nilang kumpletuhin ang bawat item kapag kailangan lang nilang pumili ng isa.
mali
1. Contact form sa website
2. Chat
3. Tawag sa telepono
4. Personal na pagpupulong
Tama
Mangyaring makipag-ugnayan sa amin sa isa sa mga sumusunod na paraan:
Contact form sa website
tawag sa telepono
Personal na pagpupulong

3. Gumamit ng parallel na ayos ng pangungusap
Dapat pare-pareho ang istilo ng pagsulat ng mga item sa listahan. Ang iba't ibang uri ng mga salita ay maaaring lumitaw na hindi gramatikal at nagpapabagal (o nakakalito pa nga) sa mga mambabasa.
Ang parehong naaangkop sa istraktura ng mga elemento. Ang bawat isa ay dapat magsimula sa parehong bahagi ng pananalita (pangngalan, pandiwa, atbp.) at kumakatawan sa alinman sa isang fragment o isang kumpletong pangungusap.
mali
maaaring matakot ang mga hayop sa malalakas na ingay;
ang mga dilaw na linya ay nagmamarka ng mga lugar kung saan maaari kang tumayo;
Ang pagpapanatiling malinis sa parke ay trabaho ng lahat.

Sa halimbawang ito, ang bawat talata ay nagsisimula sa mga salita mula sa ibang bahagi ng pananalita.
Tama
Mangyaring sundin ang mga patakaran para sa pananatili sa parke:
magtapon lamang ng basura sa mga basurahan;
huwag gumawa ng ingay;
huwag tumawid sa mga dilaw na linya;
panatilihing malinis ang parke.

Ang pangalawang listahan ay mas madaling basahin dahil ang bawat parirala ay nagsisimula sa mga salita mula sa isang bahagi ng pananalita, sa kasong ito ang pautos na anyo ng pandiwa.
4. Iwasan ang pag-uulit ng mga salita sa simula ng mga pangungusap
Kung maaari, subukang simulan ang bawat talata sa ibang salita, dahil ito ay magiging mas madaling paghiwalayin ang mga ito.
mali
Paano pumili ng hinog na pinya:
bigyang-pansin ang amoy nito: dapat itong maging kaaya-aya;
bigyang-pansin ang istraktura nito: ang pinya ay dapat na malakas;
bigyang-pansin ang kulay nito: dapat itong maging ginintuang dilaw.

Tama
Paano pumili ng hinog na pinya:
amoy ito: ang amoy ay dapat na kaaya-aya;
pisilin ito: ang pinya ay dapat na matatag;
bigyang-pansin ang kulay: dapat itong ginintuang dilaw.

5. Ang parirala o pangungusap sa unahan ng bullet na listahan ay dapat na malinaw at ilantad ang nilalaman nito.
Ang mga lead-in na salita (ang mga salita kaagad bago ang isang bullet na listahan) ay napakahalaga dahil ipinapaalam nila sa mambabasa kung ano ang listahan at kung bakit ito mahalaga. Ang lead-in ay hindi kailangang isang kumpletong pangungusap, lalo na kung ang bawat punto ay sapat na sakop.
mali
Mga Piyesta Opisyal sa British Columbia:
hiking;
mga museo ng sining;
canoeing sa lawa.

Hindi malinaw na inilalarawan ng lead-in (British Columbia Holidays) ang listahan. Gayundin, ang listahang ito ay naglilista ng mga aktibidad, ngunit ang "mga museo ng sining" ay hindi isang aktibidad.
Tama
Kasama sa iyong bakasyon sa British Columbia ang:
hiking;
pagbisita sa mga museo;
canoeing sa lawa.

6. Sundin ang mga panuntunan sa listahan
May mga partikular na panuntunan para sa pag-format ng mga naka-bullet na listahan.
kung ang bullet na listahan ay binubuo ng buong pangungusap, ang bawat aytem ay nagsisimula sa malaking titik at nagtatapos sa isang tuldok;
kung ikaw ay nakikitungo sa mga fragment ng pangungusap, hindi na kailangang maglagay ng tuldok sa dulo. Ayon sa mga patakaran, hindi rin ginagamit ang isang malaking titik, ngunit upang mapabuti ang kaginhawaan ng teksto, inirerekomenda pa rin na gamitin ito.

mali
dapat manindigan ka sa taong binu-bully
sabihin sa matatanda ang tungkol sa sitwasyong ito
payuhan ang biktima na sabihin sa isang may sapat na gulang ang tungkol sa sitwasyon
magbigay ng suporta sa pamamagitan ng pagpapakita ng pagmamalasakit

Ang mga talata ay hindi nagsisimula sa malalaking titik, at walang mga tuldok sa dulo.
Tama
Kung nasaksihan mo ang pananakot:
Dapat kang manindigan para sa taong binu-bully.
Sabihin sa mga matatanda ang tungkol sa sitwasyong ito.
Payuhan ang biktima na sabihin sa isang may sapat na gulang ang tungkol sa sitwasyong ito.
Magbigay ng suporta sa pamamagitan ng pagpapakita ng pagmamalasakit.

mali
I-recycle ang mga bagay na papel at plastik.
Gumamit ng mas kaunting mga disposable na bagay.
Ibahagi sa iba ang mga bagay na hindi mo kailangan.
Palitan ang iyong sasakyan para sa isang bisikleta.

Ito ay mga fragment ng pangungusap, kaya hindi kailangan ng bantas.
Tama
Maaari mong protektahan ang kapaligiran sa pamamagitan ng:
I-recycle ang mga bagay na papel at plastik
Gumamit ng mas kaunting mga disposable na bagay
Ibahagi ang mga bagay na hindi mo kailangan sa iba
Palitan ang iyong sasakyan para sa isang bisikleta

7. Huwag masyadong gumamit ng mga bullet na listahan dahil maaaring mawala ang kanilang pagiging epektibo.
Tulad ng maraming mga diskarte sa disenyo, ang paggamit ng mga bullet point ng masyadong madalas ay maaaring hindi produktibo, kung hindi nakakapinsala. Ang kasaganaan ng mga tuldok at gitling ay maaaring maging mas nakakalito sa isang bisita kaysa sa isang pader ng teksto. Samakatuwid, dapat kang maging mas maingat sa pagpili kung ano ang ipapakita sa bullet na format ng listahan.
Ang mga patayong listahan ay mabuti kapag mayroon kang tatlo o higit pang mga punto na gusto mong makuha ang atensyon ng mambabasa. Mas mababa sa tatlong puntos ang pinakamahusay na natitira sa loob ng isang pangungusap.
Iwasan ang mga listahan ng tambalan kung saan ang isang listahan ay kasama sa isa pa, dahil ito, gaya ng maiisip mo, ay nagpapahirap na maunawaan. Kung kinakailangan ang mga listahan ng tambalan, siguraduhing magkaiba ang mga ito sa istilo ng pagsulat.
Konklusyon
Ito ang mga pinaka-pangkalahatang rekomendasyon, at ang bawat kumpanya ay maaaring pumili ng sarili nitong istilo ng disenyo. Kung ang iyong organisasyon ay sumusunod sa isang gabay sa istilo, tingnan ang gabay bago ka magpasya na gumawa ng anumang mga pagbabago. Ang isang mahalagang aspeto ng wastong pagsulat ay ang pagkakapare-pareho ng istilo sa lahat ng mga dokumento ng kumpanya at nakasulat na mga tala.
Ang mga patayong listahan ay nakakaakit ng pansin at nagbibigay ng kahulugan sa bawat item sa listahan. Ang diskarte na ito ay mas epektibo dahil ang naturang nilalaman ay mas madaling i-scan at maunawaan.
Mataas na conversion sa iyo!
Batay sa mga materyales

Uri ng listahan	HTML Code	Halimbawa
Listahan na may mga bilog na bala		Halimbawa ng isang karaniwang numerong listahan Mula isa hanggang lima: ol >
Listahan na may mga bilog na bala		Halimbawa ng isang karaniwang numerong listahan Mula isa hanggang lima: ol >
Listahan na may mga square bullet		Halimbawa ng isang karaniwang numerong listahan Mula isa hanggang lima: ol >

1. Mga naka-bullet na listahan sa HTML

Karaniwang view ng HTML bulleted unordered list sa browser

Tingnan ang isang list marker bilang isang bilog sa browser

kanin. 1.4.

Ito ang hitsura ng isang may bilang na listahan sa mga karaniwang setting ng browser:

ako

Well, ngayon ay lumipat tayo sa mga nested na listahan ng HTML.

Tingnan natin kung ano ang hitsura nito sa browser:

4.1 Paano gumawa ng isang listahan ng HTML sa isang string

4.2 Paano gumawa ng listahan ng HTML nang walang icon

4.3 Paano isentro ang isang listahan sa HTML

4.4 Paano gumawa ng listahan sa HTML na may mga larawan

4.5 Bullet list HTML ang iyong bullet

4.6 Paano gumawa ng listahan sa HTML sa ilang column

5. Magsanay sa paggamit ng mga listahan

-

Pag-uuri ng mga karaniwang ugali ng tao, nakabatay sa mga pananaw ni Hippocrates

1. Ang lahat ng mga item sa listahan ay dapat magkaroon ng humigit-kumulang sa parehong haba ng linya

2. Gumamit lamang ng mga numerong listahan kapag ang pagkakasunod-sunod o bilang ng mga bagay ay mahalaga.

3. Gumamit ng parallel na ayos ng pangungusap

4. Iwasan ang pag-uulit ng mga salita sa simula ng mga pangungusap

5. Ang parirala o pangungusap sa unahan ng bullet na listahan ay dapat na malinaw at ilantad ang nilalaman nito.

6. Sundin ang mga panuntunan sa listahan

7. Huwag masyadong gumamit ng mga bullet na listahan dahil maaaring mawala ang kanilang pagiging epektibo.

Konklusyon

Inirerekomenda namin

Pag-uuri ng mga karaniwang ugali ng tao,
nakabatay

sa mga pananaw ni Hippocrates