Pamagat ng mas mahabang itinatampok na post sa blog

Maramihang mga linya ng teksto na bumubuo sa pangunguna, na nagpapaalam sa mga bagong mambabasa nang mabilis at mahusay tungkol sa kung ano ang pinakakawili-wili sa mga nilalaman ng post na ito.

Ipagpatuloy ang pagbabasa...

mundo

Itinatampok na post

Nob 12

Ito ay isang mas malawak na card na may sumusuportang text sa ibaba bilang natural na lead-in sa karagdagang nilalaman.

ipagpatuloy ang pagbabasa
Placeholder Thumbnail
Disenyo

Pamagat ng post

Nob 11

Ito ay isang mas malawak na card na may sumusuportang text sa ibaba bilang natural na lead-in sa karagdagang nilalaman.

ipagpatuloy ang pagbabasa
Placeholder Thumbnail

Mula sa Firehose

Halimbawang post sa blog

Ang post sa blog na ito ay nagpapakita ng ilang iba't ibang uri ng nilalaman na sinusuportahan at naka-istilo gamit ang Bootstrap. Ang pangunahing palalimbagan, listahan, talahanayan, larawan, code, at higit pa ay sinusuportahan lahat gaya ng inaasahan.


Ito ay ilang karagdagang nilalaman ng placeholder ng talata. Isinulat ito upang punan ang magagamit na espasyo at ipakita kung paano nakakaapekto ang mas mahabang snippet ng text sa nakapalibot na nilalaman. Uulitin namin ito nang madalas upang panatilihing dumadaloy ang demonstrasyon, kaya't mag-ingat sa eksaktong parehong string ng text na ito.

Blockquotes

Ito ay isang halimbawa ng blockquote sa aksyon:

Napupunta dito ang quoted text.

Ito ay ilang karagdagang nilalaman ng placeholder ng talata. Isinulat ito upang punan ang magagamit na espasyo at ipakita kung paano nakakaapekto ang mas mahabang snippet ng text sa nakapalibot na nilalaman. Uulitin namin ito nang madalas upang panatilihing dumadaloy ang demonstrasyon, kaya't mag-ingat sa eksaktong parehong string ng text na ito.

Mga listahan ng halimbawa

Ito ay ilang karagdagang nilalaman ng placeholder ng talata. Ito ay isang bahagyang mas maikling bersyon ng iba pang lubos na paulit-ulit na body text na ginagamit sa kabuuan. Ito ay isang halimbawang hindi nakaayos na listahan:

  • Unang item sa listahan
  • Pangalawang item sa listahan na may mas mahabang paglalarawan
  • Pangatlong item sa listahan para isara ito

At ito ay isang ordered list:

  1. Unang item sa listahan
  2. Pangalawang item sa listahan na may mas mahabang paglalarawan
  3. Pangatlong item sa listahan para isara ito

At ito ay isang listahan ng kahulugan:

HyperText Markup Language (HTML)
Ang wikang ginagamit upang ilarawan at tukuyin ang nilalaman ng isang Web page
Cascading Style Sheet (CSS)
Ginagamit upang ilarawan ang hitsura ng nilalaman ng Web
JavaScript (JS)
Ang programming language na ginagamit upang bumuo ng mga advanced na Web site at application

Inline na mga elemento ng HTML

Tinutukoy ng HTML ang isang mahabang listahan ng mga available na inline na tag, isang kumpletong listahan na makikita sa Mozilla Developer Network .

  • Upang mag-bold ng teksto , gamitin ang <strong>.
  • Upang mag-italicize ng teksto , gamitin ang <em>.
  • Ang mga pagdadaglat, tulad ng HTML ay dapat gumamit ng <abbr>, na may opsyonal titlena katangian para sa buong parirala.
  • Ang mga pagsipi, tulad ng — Mark Otto , ay dapat gumamit ng <cite>.
  • Tinanggaldapat gamitin ng teksto <del>atipinasokdapat gamitin ng teksto ang <ins>.
  • Gumagamit ng superscript text at gumagamit ng <sup>subscript text<sub> .

Karamihan sa mga elementong ito ay naka-istilo ng mga browser na may kaunting mga pagbabago sa aming bahagi.

Heading

Ito ay ilang karagdagang nilalaman ng placeholder ng talata. Isinulat ito upang punan ang magagamit na espasyo at ipakita kung paano nakakaapekto ang mas mahabang snippet ng text sa nakapalibot na nilalaman. Uulitin namin ito nang madalas upang panatilihing dumadaloy ang demonstrasyon, kaya't mag-ingat sa eksaktong parehong string ng text na ito.

Sub-heading

Ito ay ilang karagdagang nilalaman ng placeholder ng talata. Isinulat ito upang punan ang magagamit na espasyo at ipakita kung paano nakakaapekto ang mas mahabang snippet ng text sa nakapalibot na nilalaman. Uulitin namin ito nang madalas upang panatilihing dumadaloy ang demonstrasyon, kaya't mag-ingat sa eksaktong parehong string ng text na ito.

Example code block

Ito ay ilang karagdagang nilalaman ng placeholder ng talata. Ito ay isang bahagyang mas maikling bersyon ng iba pang lubos na paulit-ulit na body text na ginagamit sa kabuuan.

Isa pang blog post

Ito ay ilang karagdagang nilalaman ng placeholder ng talata. Isinulat ito upang punan ang magagamit na espasyo at ipakita kung paano nakakaapekto ang mas mahabang snippet ng text sa nakapalibot na nilalaman. Uulitin namin ito nang madalas upang panatilihing dumadaloy ang demonstrasyon, kaya't mag-ingat sa eksaktong parehong string ng text na ito.

Ang mas mahabang quote ay napupunta dito, marahil ay may ilang emphasized na teksto sa gitna nito.

Ito ay ilang karagdagang nilalaman ng placeholder ng talata. Isinulat ito upang punan ang magagamit na espasyo at ipakita kung paano nakakaapekto ang mas mahabang snippet ng text sa nakapalibot na nilalaman. Uulitin namin ito nang madalas upang panatilihing dumadaloy ang demonstrasyon, kaya't mag-ingat sa eksaktong parehong string ng text na ito.

Halimbawang talahanayan

At huwag kalimutan ang tungkol sa mga talahanayan sa mga post na ito:

Pangalan Mga upvote Mga downvote
Alice 10 11
Bob 4 3
Charlie 7 9
Mga kabuuan 21 23

Ito ay ilang karagdagang nilalaman ng placeholder ng talata. Ito ay isang bahagyang mas maikling bersyon ng iba pang lubos na paulit-ulit na body text na ginagamit sa kabuuan.

Bagong feature

Ito ay ilang karagdagang nilalaman ng placeholder ng talata. Isinulat ito upang punan ang magagamit na espasyo at ipakita kung paano nakakaapekto ang mas mahabang snippet ng text sa nakapalibot na nilalaman. Uulitin namin ito nang madalas upang panatilihing dumadaloy ang demonstrasyon, kaya't mag-ingat sa eksaktong parehong string ng text na ito.

  • Unang item sa listahan
  • Pangalawang item sa listahan na may mas mahabang paglalarawan
  • Pangatlong item sa listahan para isara ito

Ito ay ilang karagdagang nilalaman ng placeholder ng talata. Ito ay isang bahagyang mas maikling bersyon ng iba pang lubos na paulit-ulit na body text na ginagamit sa kabuuan.

Tungkol sa

I-customize ang seksyong ito upang sabihin sa iyong mga bisita nang kaunti ang tungkol sa iyong publikasyon, mga manunulat, nilalaman, o iba pa. Ganap na nasa iyo.

Sa ibang lugar

  1. GitHub
  2. Twitter
  3. Facebook