Kumaha gaya a Tag Awan

Paké CSS jeung gaya a Tag Awan

tag awan nyaéta Gambaran visual ngeunaan daptar barang. Anjeun mindeng bakal ningali awan tag dina blog. Éta dijieun populér ku situs kawas Flickr.

Tag awan téh daptar tumbu nu robah dina ukuran sarta beurat (kadangkala warna teuing) gumantung kana sababaraha atribut ukuran. Paling awan tag anu diwangun dumasar kana popularitas atawa jumlah kaca nu digantelkeun sareng anu tag tangtu. Tapi anjeun bisa nyieun tag awan kaluar tina sagala daptar item dina situs anjeun nu mibanda sahanteuna dua cara tina mintonkeun aranjeunna. Salaku conto:

• Hiji daptar artikel dina urutan abjad jeung gaya nunjukkeun popularitas ti artikel.
• Hiji daptar loka Ramat dina urutan abjad jeung gaya nunjukkeun nu leuwih anjeun resep anu pangalusna.
• Hiji daptar rai Web didaptarkeun dina urutan harga jeung gaya nu nembongkeun sabaraha nutup unggal datang ka hiji set pre-dihartikeun tina kriteria.
• Hiji daptar babaturan jeung gaya nunjukkeun jarak ti imah anjeun ka theirs.

Naon Ulah Anjeun Kudu Ngawangun hiji Tag Awan?

Ieu gampang keur ngawangun tag awan, anjeun ngan butuh dua hal:

• Daptar barang (kawas artikel Web, situs Wéb, atawa babaturan anjeun)
• A ukur keur unggal item (kawas pintonan halaman per dinten, ranking Anjeun 1-10, atawa jarak ka imah anjeun).

Paling awan tag anu béréndélan of Tumbu, jadi eta mantuan lamun unggal item ngabogaan URL pakait sareng eta. Tapi anu henteu diperlukeun pikeun nyieun hirarki visual.

Léngkah pikeun Ngawangun hiji Tag Awan of Tumbu Popular

situs abdi boga artikel nu meunang pintonan halaman unggal dinten, sareng ieu mangrupa métrik gampang pikeun kuring pake pikeun nyieun tag awan. Kitu contona kieu, urang gé nyieun tag awan ti daptar artikel, luhur 25 artikel dina situs abdi kanggo minggu of 1 Januari 2007.

1. Nangtukeun sabaraha tingkat rék di hirarki Anjeun.
   1. Bari éta mungkin ngabogaan saloba tingkat di awan anjeun anjeun gaduh item di daptar Anjeun, ieu meunang tedious kana kode, sarta béda tiasa pohara minim. Kuring nganjurkeun teu mibanda leuwih ti 10 tingkat di hirarki Anjeun.
2. Mutuskeun dina neukteuk off titik pikeun tiap tingkat.
   1. Ieu bisa jadi salaku basajan sakumaha motong pintonan kaca anjeun per poé kana 1/10 keureut - ie. lamun kaca pangbadagna dina situs anjeun meunang 100 halaman RSS sapoé, Anjeun bisa nyiksikan salaku 100+, 90-100, 80-90, 70-80, jsb I dicincang pintonan kaca kuring nepi di fashion éta.
3. Daptar item anjeun dina kaca view urutan, jeung masihan aranjeunna rank hiji dumasar hambalan 2
   1. Ulah salempang lamun teu boga naon Item dina sababaraha liang, nu ngan ngajadikeun awan beuki metot.
4. Resort daftar anjeun dina susunan abjad (atawa naon kadua diurutkeun rék ngagunakeun).
   1. Ieu naon ngajadikeun awan metot. Lamun ninggalkeun eta dumasar rank, mangka ngan bakal daptar kalawan item panggedena di luhur ka handap ka pangleutikna di handap.
5. Tulis HTML Anjeun jadi rengking mangrupa jumlah kelas. kelas = "tag4"> Nambahan Streaming Payil Audio

Sakali anjeun boga HTML pikeun tiap daptar item individu, sarta urutan nu rék bade nampilkeunana, teras anjeun kedah ngadamel kaputusan. Anjeun tiasa nempatkeun Tumbu di ayat a jeung anjeun kukituna dipigawé. Tapi ieu bakal teu semantically ditandaan up, sareng saha tanpa CSS datang ka awan tag Anjeun ngan bakal ningali hiji ayat badag tina Tumbu. The HTML pikeun jenis ieu daptar bakal kasampak kawas kieu:

Nambahan Streaming Audio Payil Tags Dasar pikeun Loka Ramat Best Web Design Software Wangunan Page Web pikeun sagemblengna Kilang kitu Warna Symbolism

Gantina, kuring nyarankeun Anjeun jieun awan tag anjeun ngagunakeun hiji daptar unordered. Téh mangrupa garis leuwih sababaraha of HTML jeung kode CSS tapi ensures yén eusi éta bakal bisa dibaca euweuh urusan anu asalna pikeun nempokeunana. HTML nu bakal kasampak kawas kieu:

• Nambahan Streaming Payil Audio
• dasar Tags pikeun Loka Ramat
• Best Web Design Software
• Wangunan Page Web pikeun sagemblengna Kilang kitu
• Warna Symbolism

  Tapi Kamana Nare di Styles keur Tag Awan

  Ayeuna urang meunang ka gaya bagian-éta CSS senang. Lamun anjeun gaya tag awan, anjeun biasana ngarobah ukuran font jeung beurat font. Anjeun oge bisa ngarobah warna font atanapi tukang atawa atribut gaya séjénna, tapi ukuranana jeung beurat anu tradisional.

  Anjeun peryogi 10 kelas gaya, hiji keur unggal tag rank:

  #cloud a.tag1 {font-ukuran: 0.7em; font-weight: 100; } #cloud a.tag2 {font-ukuran: 0.8em; font-weight: 200; } #cloud a.tag3 {font-ukuran: 0.9em; font-weight: 300; } #cloud a.tag4 {font-ukuran: 1.0em; font-weight: 400; } #cloud a.tag5 {font-ukuran: 1.2em; font-weight: 500; } #cloud a.tag6 {font-ukuran: 1.4em; font-weight: 600; } #cloud a.tag7 {font-ukuran: 1.6em; font-weight: 700; } #cloud a.tag8 {font-ukuran: 1.8em; font-weight: 800; } #cloud a.tag9 {font-ukuran: 2.2em; font-weight: 900; } #cloud a.tag10 {font-ukuran: 2.5em; font-weight: 900; }

  Kuring resep ngawengku sababaraha gaya sabudeureun awan sorangan: pusat téks awan, nangtukeun hiji garis-jangkungna ambéh awan kasebut bisa dibaca, sarta pastikeun yén tag jangkar boga padding on aranjeunna:

  #cloud {padding: 2px; garis-jangkungna: 3em; téks-align: puseur; } #cloud a {padding: 0px; }

  Tungtungna, upami nu nuju maké metodeu semantis styling (. Ie daptar unordered), anjeun bakal kudu nambahan dua garis deui tina CSS supados daftar teu gaduh pélor sarta henteu indented:

  #cloud {margin: 0; } #cloud li {tampilan: inline; }