Naka-bullet na at bilang na listahan HTML

Mayroong dalawang mga uri ng mga listahan, sa wika ng HTML: order at unordered. Ang kanilang paglikha ay halos pareho. Kahit tag-iba sa pamamagitan ng isang character. Maaari ka ring lumikha ng mga listahan ng multi-level, na kung saan ay maaaring isama ang parehong bilang na at marker.

Ang mga listahang ito ay maaaring ma-convert sa kalooban. Lahat ng ito ay depende sa iyong imahinasyon. Una, isaalang-alang namin ang standard na mga listahan, tulad ng sa Word, at pagkatapos ay kami ay pagbutihin ang mga ito at gumawa ng lahat ng pagkilala.

Bilang na listahan HTML

Neutral iniutos HTML listahan ay maaaring malikha gamit ang mga sumusunod na tag:

1. Unang item list

2. Second item list

3. Ang ikatlong item list

   Simpleng listahan here hitsura

   Ayon sa pamantayan, ang bawat item sa listahan ay dapat na sa loob ng pagbubukas at pagsasara ng tag li. Ngunit kung hindi mo ilagay ang pansarang tag, ang resulta ay eksaktong kapareho. handler ay napaka-matalino. Sa panahon ng listahan ng conversion, pinag-aaralan niya ang pagbubukas tag. Kung nakikita niya ang isang bagong

4. , pagkatapos ay awtomatikong inilalagay ang mga ito sa harap ng .

   Kaya, ang mga listahan ay maaaring gawin tulad ng ipinapakita sa ibaba.

   Ngunit mula sa punto ng view ng mga propesyonal ay hindi tama.

   bullet na listahan

   Unnumbered (o marker) listahan ay eksakto ang parehong, lamang sa halip na ang ol tag na isinulat ul.

   Sa bullet na listahan, walang mga numero o titik - lamang ng ibang mga character, na kung saan ay tinatawag na marker.

   Multilevel bilang na listahan HTML

   Maraming mga tao ay interesado sa tulad ng isang pagkakataon. Samakatuwid, dapat ito ay mapapansin na ang anumang mga listahan ng may bilang na HTML ay maaaring maging multilevel. Karagdagang mga layer ay maaaring ang parehong o may label na.

   Upang lumikha ng isang listahan na ay tinukoy sa halimbawa sa itaas, kailangan mong isulat ang mga sumusunod.

   Tandaan na sa ang code na ito, sa kaibahan sa unang halimbawa, ang naidagdag i-type ang attribute. Salamat sa kanya, maaari mong tukuyin ang uri ng pag-uuri para sa parehong mga bilang na at para sa mga listahan ng marker.

   Para may bilang na tukuyin ang uri ng alpabeto o numero, at para sa natitirang mga kaso - ang uri ng marker.

   pagbubukod-bukod ng listahan ng mga pagpipilian

   Kung gumamit ka ng isang espesyal na HTML-tag, bilang na listahan ay maaaring maging anumang paraan na gusto mo.

   Maaari mong tukuyin ang uri ng katangian sa anumang halaga mula sa table. O kaya silid-aralan style css tukuyin ang listahan-style-type sa nais na i-type ang pag-uuri.

   Pagsasalin ng mga halaga ay medyo simple. Sapat pangunahing kaalaman sa Ingles. Ngunit kahit na hindi mo maaaring i-translate ang salitang "bilog", "square", at iba pa. N., maaari mong makita kung ano ay ang resulta kapag tinukoy mo ang mga halagang ito sa katangian ng uri.

   Para sa bilang na listahan, kailangan mong gamitin ang mga sumusunod na opsyon:

   • 1 - Arabic numerals;
   • A - uppercase na titik ;
   • a - maliliit na mga titik;
   • I - uppercase Roman numeral;
   • i - lowercase Roman numeral.

   Sa pamamagitan ng default, ang listahan ay palaging ginagamit sa Arabic numeral. Iyon ay, kung hindi mo tukuyin ang anumang bagay, ito ay katumbas ng type = "1".

   Sa karagdagan, bilang na listahan ay maaaring magsimula sa anumang ninanais na posisyon. Default - ang konklusyon ng 1. Ngunit kung nais mong maaari ka ring magsimula sa isang daan. Upang gawin ito, kailangan mong tukuyin ang simula attribute sa anumang halaga.

   Bilang karagdagan, maaari itong Forrester sa reverse order. Upang gawin ito, isulat mababaligtad.

   paggawa ng mga listahan

   Bilang na listahan HTML ay maaaring isaayos kaya maganda na hindi agad ka maaaring hulaan na ito ay karaniwang mga listahan, at hindi isang larawan na ginawa sa Photoshop.

   Narito ang magandang halimbawa ng mga listahan.

   Bilang ay makikita mula sa halimbawa, ito ay posible upang baguhin ang hitsura at pagnunumero ng mga elemento sa kanilang sarili.

   Maaari kang lumikha ng isang regular na listahan tulad nito.

   Sa estilo ng css kailangan mong tukuyin ang disenyo para sa mga ol tag. Tandaan na sa kasong ito, ang mga setting ay ilalapat sa lahat ng mga listahan sa lahat ng mga site na gamitin ang estilo ng file.

   Isaalang-alang ang unang tunay na diwa na may isang pabilog na listahan ng tseke. Bumalik sa listahan ng code. Mayroong Set klase bilugan-list. Iyan na may ganitong klase ng pangangailangan sa maghinang, upang gumawa ng naturang beauty. Tawagan ang klase mo hangga't gusto mo.

   Ngayon isaalang-alang ang isang parisukat na disenyo.

   Ang estilo ay katulad na katulad. Ang pagkakaiba ay na sa unang kaso doon ay isang rounding elemento sa pamamagitan ng mga pagpipilian sa css.

   Suporta browser

   Ito ay mahalaga upang maunawaan na hindi lahat ng mga browser suportahan ang lahat ng mga katangian css.

   Halimbawa, nais mong gumawa ng isang numbered list sa gitna. HTML-code magiging pareho, ngunit ang mga resulta sa mas lumang mga browser ay maaaring maging lubos na naiiba.

   Ang parehong naaangkop sa ang disenyo ng pagnunumero.

   Tulad ng iyong nakikita, ang mga parisukat sa paligid ng mga numero sa mga mas lumang mga bersyon ng IE ay hindi lumitaw, dahil ang handler ay hindi alam ang mga bagong katangian na magpapahintulot sa inyo na gumawa ng tulad ng isang registration.

   Professional tagapagkodigo dapat asahan at maunawaan na hindi lahat ng mga gumagamit na gamitin ang modernong mga computer. Hindi lahat ng naka-install na Windows 7, 8, 10. May isang porsyento ng mga user kung sino pa rin ang nakaupo sa Windows XP at gumagamit ng isang mas lumang bersyon ng Internet Explorer.

   Bilang isang panuntunan, halos lahat ng mga modernong disenyo upang mapabuti ang kanilang mga elemento ay hindi suportado. Ang user ay nararamdaman na hindi niya trabaho sa disenyo ng site. Na ang lahat ng inilipat out. Sangkap ay bunched magkasama. Upang maiwasan ito, kailangan mo upang mabilang ang lahat ng mga pagpipilian.

   Ang ilang mga webmaster ay nagbubulag-bulagan sa kanila, sapagkat ang kanilang share sa merkado ngayon ay nagiging mas mababa at mas kaunti. Ngunit para sa mga propesyonal na pahalagahan ang bawat bisita, lalo na kung ito ay isang komersyal na site.

   Gawin ang isang bagay na angkop para sa lahat o isaalang-alang ang lahat ng mga pagpipilian para sa browser.