HTML-ൽ പാരഗ്രാഫുകൾ:
HTML-ൽ പാരഗ്രാഫുകൾ നിർമ്മിക്കുന്നതിന് <p> ടാഗ് ഉപയോഗിക്കുന്നു. ഓരോ പാരഗ്രാഫും വെബ്ബ് പേജിൽ ഏകദേശം ഒരേ രീതിയിൽ ക്രമീകരിച്ചിരിക്കും. പാരഗ്രാഫ് ഒരു വെബ്ബ് പേജിലെ ടെക്സ്റ്റ് പങ്കിടാനും ഫോർമാറ്റ് ചെയ്യാനുമുള്ള ഏറ്റവും അടിസ്ഥാന ടാഗാണ്.
<p>ഇത് ഒരു HTML പാരഗ്രാഫ് ആണ്.</p>പാരഗ്രാഫ് ടാഗിന്റെ ഘടന:
1. ഓപ്പൺ ടാഗ്: <p> – പാരഗ്രാഫ് തുടങ്ങുന്നു.
2. ഉള്ളടക്കം: പാരഗ്രാഫിൽ കാണുന്ന വാചകങ്ങൾ.
3. ക്ലോസ് ടാഗ്: </p> – പാരഗ്രാഫ് അവസാനിക്കുന്നു.
<p>എല്ലാ HTML പാരഗ്രാഫുകളും ഈ ഘടന പിന്തുടരുന്നു.</p>HTML-ൽ പാരഗ്രാഫുകൾക്കിടയിൽ വിടവ്:
വെബ്ബ് ബ്രൗസറുകൾ ഓരോ പാരഗ്രാഫിനിടയിൽ സ്വാഭാവികമായി ഒരു വിടവ് (Whitespace) ചേർക്കുന്നു. പലപ്പോഴും, ഉപയോക്താവിന് വ്യത്യസ്ത പാരഗ്രാഫുകൾ തമ്മിലുള്ള മാറലുകൾ വ്യക്തമായി കാണാൻ ഇതിനെ സഹായിക്കും.
<p>ഇത് ഒന്നാം പാരഗ്രാഫ് ആണ്.</p>
<p>ഇത് രണ്ടാമത്തെ പാരഗ്രാഫ് ആണ്.</p>HTML-ൽ നീണ്ട പാരഗ്രാഫുകൾ:
പാരഗ്രാഫുകൾ നീണ്ടതായിരിക്കുമ്പോഴും, ബ്രൗസർ അതിനെ ഓട്ടോമാറ്റിക് ആയി പുതിയ ലൈൻ ബ്രീക്ക് ചെയ്യുന്നു. അതിനാൽ, പാരഗ്രാഫിലെ എല്ലാ വാചകങ്ങളും ചുരുങ്ങിയ വീതിയിൽ ഫിറ്റ് ആയിരിക്കും. ബ്രൗസറുകൾ പരസ്പരമായ വാചകങ്ങളിൽ ഉൾപ്പെട്ടിരിക്കുന്ന വാക്കുകൾ ഒന്നിച്ച് ചേർത്തിരിക്കും.
<p>
HTML പാരഗ്രാഫുകൾ വെബ്ബ് പേജുകൾക്ക് കൂടുതൽ വായനാസൂചകമായുള്ള ഘടന നൽകുന്നു.
ഓരോ പാരഗ്രാഫും പുതിയ ചിന്തയോ വിവരമോ അവതരിപ്പിക്കുന്നു,
അതിനാൽ ഓരോ പാരഗ്രാഫും വ്യക്തമായ സന്ദേശം നൽകുന്നു.
</p>പാരഗ്രാഫിനുള്ളിൽ വരികളിൽ ഇടവേള (Line Breaks) ചേർക്കുക:
ഒരു പാരഗ്രാഫിനുള്ളിൽ പുതിയ വരിയിലേക്ക് പോകാൻ, <br> എന്ന ടാഗ് ഉപയോഗിക്കുന്നു. <br> ടാഗ് സ്വയം ക്ലോസ് ചെയ്യുന്നതുകൊണ്ട്, ക്ലോസിംഗ് ടാഗ് ആവശ്യമില്ല.
<p>
ഇത് ഒരു പാരഗ്രാഫ് ആണ്.<br>
ഇത് രണ്ടാം വരിയാണ്.<br>
ഇത് മൂന്നാം വരിയാണ്.
</p>HTML-ൽ പാരഗ്രാഫുകൾക്ക് സ്റ്റൈൽ ചേർക്കുക:
CSS (Cascading Style Sheets) ഉപയോഗിച്ച് HTML പാരഗ്രാഫുകൾക്ക് ഫോണ്ട്, നിറം, വലിപ്പം, ഇടവഴി തുടങ്ങിയവക്ക് സ്വതന്ത്രമായി സ്റ്റൈൽ നൽകാം. ഉദാഹരണത്തിന്, ഒരു പാരഗ്രാഫ് ചുവപ്പ് നിറത്തിൽ കാണിക്കാൻ:
<p style="color:red;">ഇത് ഒരു ചുവന്ന പാരഗ്രാഫ് ആണ്.</p>ഉള്ളടക്കം മൊത്തം അപ്പിയറൻസ് നിയന്ത്രിക്കുക:
പാരഗ്രാഫ് ടാഗിന് CSS ഉപയോഗിച്ച് കൂടുതൽ കൃത്യമായ കോൺട്രോൾ നൽകാം. ഉദാഹരണത്തിന്, ടെക്സ്റ്റ് അലൈൻമെന്റും മാറ്റിക്കാം:
<p style="text-align:center;">ഇത് കേന്ദ്രഭാഗത്തു സ്ഥിതിചെയ്യുന്ന പാരഗ്രാഫ് ആണ്.</p>
<p style="text-align:right;">ഇത് വലത് ഭാഗത്തു സ്ഥിതിചെയ്യുന്ന പാരഗ്രാഫ് ആണ്.</p>
അവസാനം:
HTML-ൽ പാരഗ്രാഫുകൾ ഉള്ളടക്കം ക്രമീകരിക്കാൻ ഏറ്റവും പ്രാഥമികമായ മാർഗമാണ്. പാരഗ്രാഫ് ടാഗ് ഉപയോഗിച്ചുകൊണ്ട്, വെബ്ബ് പേജുകളിൽ ടെക്സ്റ്റുകൾ ഫോർമാറ്റ് ചെയ്യുകയും വ്യക്തത നൽകുകയും ചെയ്യുന്നു.
