ദൈർഘ്യമേറിയ ഫീച്ചർ ചെയ്ത ബ്ലോഗ് പോസ്റ്റിന്റെ തലക്കെട്ട്

ഈ പോസ്റ്റിന്റെ ഉള്ളടക്കത്തിൽ ഏറ്റവും രസകരമായത് എന്താണെന്ന് വേഗത്തിലും കാര്യക്ഷമമായും പുതിയ വായനക്കാരെ അറിയിക്കുന്ന, ലെഡ് രൂപപ്പെടുത്തുന്ന ഒന്നിലധികം വരികൾ.

തുടര്ന്ന് വായിക്കുക...

ലോകം

ഫീച്ചർ ചെയ്ത പോസ്റ്റ്

നവംബർ 12

അധിക ഉള്ളടക്കത്തിലേക്കുള്ള സ്വാഭാവിക ലീഡ്-ഇൻ എന്ന നിലയിൽ താഴെയുള്ള പിന്തുണയുള്ള ടെക്‌സ്‌റ്റുള്ള വിശാലമായ കാർഡാണിത്.

തുടര്ന്ന് വായിക്കുക
Placeholder Thumbnail
ഡിസൈൻ

പോസ്റ്റിന്റെ ശീർഷകം

നവംബർ 11

അധിക ഉള്ളടക്കത്തിലേക്കുള്ള സ്വാഭാവിക ലീഡ്-ഇൻ എന്ന നിലയിൽ താഴെയുള്ള പിന്തുണയുള്ള ടെക്‌സ്‌റ്റുള്ള വിശാലമായ കാർഡാണിത്.

തുടര്ന്ന് വായിക്കുക
Placeholder Thumbnail

ഫയർഹോസിൽ നിന്ന്

സാമ്പിൾ ബ്ലോഗ് പോസ്റ്റ്

ഈ ബ്ലോഗ് പോസ്റ്റ് ബൂട്ട്‌സ്‌ട്രാപ്പ് പിന്തുണയ്‌ക്കുന്നതും ശൈലിയിലുള്ളതുമായ കുറച്ച് വ്യത്യസ്ത തരം ഉള്ളടക്കങ്ങൾ കാണിക്കുന്നു. അടിസ്ഥാന ടൈപ്പോഗ്രാഫി, ലിസ്റ്റുകൾ, പട്ടികകൾ, ചിത്രങ്ങൾ, കോഡ് എന്നിവയും അതിലേറെയും പ്രതീക്ഷിച്ചതുപോലെ പിന്തുണയ്ക്കുന്നു.


ഇത് ചില അധിക ഖണ്ഡിക പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണ്. ലഭ്യമായ ഇടം പൂരിപ്പിക്കുന്നതിനും വാചകത്തിന്റെ ദൈർഘ്യമേറിയ സ്‌നിപ്പെറ്റ് ചുറ്റുമുള്ള ഉള്ളടക്കത്തെ എങ്ങനെ ബാധിക്കുന്നുവെന്ന് കാണിക്കുന്നതിനും വേണ്ടിയാണ് ഇത് എഴുതിയിരിക്കുന്നത്. പ്രകടനത്തിന്റെ ഒഴുക്ക് നിലനിർത്താൻ ഞങ്ങൾ ഇത് പലപ്പോഴും ആവർത്തിക്കും, അതിനാൽ ഈ ടെക്‌സ്‌റ്റിന്റെ കൃത്യമായ സ്‌ട്രിങ്ങിനായി കാത്തിരിക്കുക.

ബ്ലോക്ക്ക്വോട്ടുകൾ

പ്രവർത്തനത്തിലുള്ള ബ്ലോക്ക്‌ക്വോട്ടിന്റെ ഒരു ഉദാഹരണമാണിത്:

ഉദ്ധരിച്ച വാചകം ഇവിടെ പോകുന്നു.

ഇത് ചില അധിക ഖണ്ഡിക പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണ്. ലഭ്യമായ ഇടം പൂരിപ്പിക്കുന്നതിനും വാചകത്തിന്റെ ദൈർഘ്യമേറിയ സ്‌നിപ്പെറ്റ് ചുറ്റുമുള്ള ഉള്ളടക്കത്തെ എങ്ങനെ ബാധിക്കുന്നുവെന്ന് കാണിക്കുന്നതിനും വേണ്ടിയാണ് ഇത് എഴുതിയിരിക്കുന്നത്. പ്രകടനത്തിന്റെ ഒഴുക്ക് നിലനിർത്താൻ ഞങ്ങൾ ഇത് പലപ്പോഴും ആവർത്തിക്കും, അതിനാൽ ഈ ടെക്‌സ്‌റ്റിന്റെ കൃത്യമായ സ്‌ട്രിങ്ങിനായി കാത്തിരിക്കുക.

ഉദാഹരണ ലിസ്റ്റുകൾ

ഇത് ചില അധിക ഖണ്ഡിക പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണ്. ഉടനീളം ഉപയോഗിച്ചിരിക്കുന്ന വളരെ ആവർത്തിച്ചുള്ള മറ്റ് ബോഡി ടെക്സ്റ്റിന്റെ അൽപ്പം ചെറിയ പതിപ്പാണിത്. ഇത് ക്രമരഹിതമായ ഒരു പട്ടികയാണ്:

  • ആദ്യ പട്ടിക ഇനം
  • ദൈർഘ്യമേറിയ വിവരണമുള്ള രണ്ടാമത്തെ ലിസ്റ്റ് ഇനം
  • ഇത് അടയ്‌ക്കാനുള്ള മൂന്നാമത്തെ ലിസ്റ്റ് ഇനം

ഇത് ക്രമീകരിച്ച പട്ടികയാണ്:

  1. ആദ്യ പട്ടിക ഇനം
  2. ദൈർഘ്യമേറിയ വിവരണമുള്ള രണ്ടാമത്തെ ലിസ്റ്റ് ഇനം
  3. ഇത് അടയ്‌ക്കാനുള്ള മൂന്നാമത്തെ ലിസ്റ്റ് ഇനം

ഇത് ഒരു നിർവചന പട്ടികയാണ്:

ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ലാംഗ്വേജ് (HTML)
ഒരു വെബ് പേജിന്റെ ഉള്ളടക്കം വിവരിക്കാനും നിർവചിക്കാനും ഉപയോഗിക്കുന്ന ഭാഷ
കാസ്കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകൾ (CSS)
വെബ് ഉള്ളടക്കത്തിന്റെ രൂപം വിവരിക്കാൻ ഉപയോഗിക്കുന്നു
JavaScript (JS)
വിപുലമായ വെബ്‌സൈറ്റുകളും ആപ്ലിക്കേഷനുകളും നിർമ്മിക്കാൻ ഉപയോഗിക്കുന്ന പ്രോഗ്രാമിംഗ് ഭാഷ

ഇൻലൈൻ HTML ഘടകങ്ങൾ

ലഭ്യമായ ഇൻലൈൻ ടാഗുകളുടെ ഒരു നീണ്ട ലിസ്റ്റ് HTML നിർവചിക്കുന്നു, അതിന്റെ പൂർണ്ണമായ ലിസ്റ്റ് മോസില്ല ഡെവലപ്പർ നെറ്റ്‌വർക്കിൽ കാണാം .

  • ബോൾഡ് ടെക്‌സ്‌റ്റ് ചെയ്യാൻ , ഉപയോഗിക്കുക <strong>.
  • വാചകം ഇറ്റാലിക് ചെയ്യാൻ , ഉപയോഗിക്കുക <em>.
  • പൂർണ്ണ പദസമുച്ചയത്തിന് ഒരു ഓപ്ഷണൽ ആട്രിബ്യൂട്ടിനൊപ്പം ഉപയോഗിക്കേണ്ട HTML പോലുള്ള ചുരുക്കെഴുത്തുകൾ .<abbr>title
  • അവലംബങ്ങൾ, പോലുള്ള — Mark Otto , ഉപയോഗിക്കേണ്ടതാണ് <cite>.
  • ഇല്ലാതാക്കിടെക്സ്റ്റ് ഉപയോഗിക്കണം <del>ഒപ്പംതിരുകിടെക്സ്റ്റ് ഉപയോഗിക്കണം <ins>.
  • സൂപ്പർസ്ക്രിപ്റ്റ് ടെക്സ്റ്റ് ഉപയോഗങ്ങളും <sup>സബ്സ്ക്രിപ്റ്റ് ടെക്സ്റ്റ് ഉപയോഗങ്ങളും <sub>.

ഈ ഘടകങ്ങളിൽ ഭൂരിഭാഗവും ഞങ്ങളുടെ ഭാഗത്തുനിന്ന് കുറച്ച് പരിഷ്‌ക്കരണങ്ങളോടെ ബ്രൗസറുകൾ സ്റ്റൈൽ ചെയ്‌തവയാണ്.

തലക്കെട്ട്

ഇത് ചില അധിക ഖണ്ഡിക പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണ്. ലഭ്യമായ ഇടം പൂരിപ്പിക്കുന്നതിനും വാചകത്തിന്റെ ദൈർഘ്യമേറിയ സ്‌നിപ്പെറ്റ് ചുറ്റുമുള്ള ഉള്ളടക്കത്തെ എങ്ങനെ ബാധിക്കുന്നുവെന്ന് കാണിക്കുന്നതിനും വേണ്ടിയാണ് ഇത് എഴുതിയിരിക്കുന്നത്. പ്രകടനത്തിന്റെ ഒഴുക്ക് നിലനിർത്താൻ ഞങ്ങൾ ഇത് പലപ്പോഴും ആവർത്തിക്കും, അതിനാൽ ഈ ടെക്‌സ്‌റ്റിന്റെ കൃത്യമായ സ്‌ട്രിങ്ങിനായി കാത്തിരിക്കുക.

ഉപതലക്കെട്ട്

ഇത് ചില അധിക ഖണ്ഡിക പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണ്. ലഭ്യമായ ഇടം പൂരിപ്പിക്കുന്നതിനും വാചകത്തിന്റെ ദൈർഘ്യമേറിയ സ്‌നിപ്പെറ്റ് ചുറ്റുമുള്ള ഉള്ളടക്കത്തെ എങ്ങനെ ബാധിക്കുന്നുവെന്ന് കാണിക്കുന്നതിനും വേണ്ടിയാണ് ഇത് എഴുതിയിരിക്കുന്നത്. പ്രകടനത്തിന്റെ ഒഴുക്ക് നിലനിർത്താൻ ഞങ്ങൾ ഇത് പലപ്പോഴും ആവർത്തിക്കും, അതിനാൽ ഈ ടെക്‌സ്‌റ്റിന്റെ കൃത്യമായ സ്‌ട്രിങ്ങിനായി കാത്തിരിക്കുക.

Example code block

ഇത് ചില അധിക ഖണ്ഡിക പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണ്. ഉടനീളം ഉപയോഗിച്ചിരിക്കുന്ന വളരെ ആവർത്തിച്ചുള്ള മറ്റ് ബോഡി ടെക്സ്റ്റിന്റെ അൽപ്പം ചെറിയ പതിപ്പാണിത്.

മറ്റൊരു ബ്ലോഗ് പോസ്റ്റ്

ഇത് ചില അധിക ഖണ്ഡിക പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണ്. ലഭ്യമായ ഇടം പൂരിപ്പിക്കുന്നതിനും വാചകത്തിന്റെ ദൈർഘ്യമേറിയ സ്‌നിപ്പെറ്റ് ചുറ്റുമുള്ള ഉള്ളടക്കത്തെ എങ്ങനെ ബാധിക്കുന്നുവെന്ന് കാണിക്കുന്നതിനും വേണ്ടിയാണ് ഇത് എഴുതിയിരിക്കുന്നത്. പ്രകടനത്തിന്റെ ഒഴുക്ക് നിലനിർത്താൻ ഞങ്ങൾ ഇത് പലപ്പോഴും ആവർത്തിക്കും, അതിനാൽ ഈ ടെക്‌സ്‌റ്റിന്റെ കൃത്യമായ സ്‌ട്രിങ്ങിനായി കാത്തിരിക്കുക.

ദൈർഘ്യമേറിയ ഉദ്ധരണി ഇവിടെ പോകുന്നു, ഒരുപക്ഷെ അതിന്റെ നടുവിൽ ചില ഊന്നിപ്പറഞ്ഞ വാചകം .

ഇത് ചില അധിക ഖണ്ഡിക പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണ്. ലഭ്യമായ ഇടം പൂരിപ്പിക്കുന്നതിനും വാചകത്തിന്റെ ദൈർഘ്യമേറിയ സ്‌നിപ്പെറ്റ് ചുറ്റുമുള്ള ഉള്ളടക്കത്തെ എങ്ങനെ ബാധിക്കുന്നുവെന്ന് കാണിക്കുന്നതിനും വേണ്ടിയാണ് ഇത് എഴുതിയിരിക്കുന്നത്. പ്രകടനത്തിന്റെ ഒഴുക്ക് നിലനിർത്താൻ ഞങ്ങൾ ഇത് പലപ്പോഴും ആവർത്തിക്കും, അതിനാൽ ഈ ടെക്‌സ്‌റ്റിന്റെ കൃത്യമായ സ്‌ട്രിങ്ങിനായി കാത്തിരിക്കുക.

ഉദാഹരണ പട്ടിക

ഈ പോസ്റ്റുകളിലെ പട്ടികകളെക്കുറിച്ച് മറക്കരുത്:

പേര് അനുകൂല വോട്ടുകൾ കുറഞ്ഞ വോട്ടുകൾ
ആലീസ് 10 11
ബോബ് 4 3
ചാർളി 7 9
ആകെ 21 23

ഇത് ചില അധിക ഖണ്ഡിക പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണ്. ഉടനീളം ഉപയോഗിച്ചിരിക്കുന്ന വളരെ ആവർത്തിച്ചുള്ള മറ്റ് ബോഡി ടെക്സ്റ്റിന്റെ അൽപ്പം ചെറിയ പതിപ്പാണിത്.

പുതിയ സവിശേഷത

ഇത് ചില അധിക ഖണ്ഡിക പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണ്. ലഭ്യമായ ഇടം പൂരിപ്പിക്കുന്നതിനും വാചകത്തിന്റെ ദൈർഘ്യമേറിയ സ്‌നിപ്പെറ്റ് ചുറ്റുമുള്ള ഉള്ളടക്കത്തെ എങ്ങനെ ബാധിക്കുന്നുവെന്ന് കാണിക്കുന്നതിനും വേണ്ടിയാണ് ഇത് എഴുതിയിരിക്കുന്നത്. പ്രകടനത്തിന്റെ ഒഴുക്ക് നിലനിർത്താൻ ഞങ്ങൾ ഇത് പലപ്പോഴും ആവർത്തിക്കും, അതിനാൽ ഈ ടെക്‌സ്‌റ്റിന്റെ കൃത്യമായ സ്‌ട്രിങ്ങിനായി കാത്തിരിക്കുക.

  • ആദ്യ പട്ടിക ഇനം
  • ദൈർഘ്യമേറിയ വിവരണമുള്ള രണ്ടാമത്തെ ലിസ്റ്റ് ഇനം
  • ഇത് അടയ്‌ക്കാനുള്ള മൂന്നാമത്തെ ലിസ്റ്റ് ഇനം

ഇത് ചില അധിക ഖണ്ഡിക പ്ലെയ്‌സ്‌ഹോൾഡർ ഉള്ളടക്കമാണ്. ഉടനീളം ഉപയോഗിച്ചിരിക്കുന്ന വളരെ ആവർത്തിച്ചുള്ള മറ്റ് ബോഡി ടെക്സ്റ്റിന്റെ അൽപ്പം ചെറിയ പതിപ്പാണിത്.

കുറിച്ച്

നിങ്ങളുടെ പ്രസിദ്ധീകരണത്തെക്കുറിച്ചോ എഴുത്തുകാരെക്കുറിച്ചോ ഉള്ളടക്കത്തെക്കുറിച്ചോ മറ്റെന്തെങ്കിലുമോ പൂർണ്ണമായും നിങ്ങളുടെ സന്ദർശകരോട് പറയാൻ ഈ വിഭാഗം ഇഷ്‌ടാനുസൃതമാക്കുക. പൂർണ്ണമായും നിങ്ങളുടേതാണ്.

മറ്റൊരിടത്ത്

  1. GitHub
  2. ട്വിറ്റർ
  3. ഫേസ്ബുക്ക്