HTML Documents –പാഠം-5

HTML Bold and Strong Formatting

HTML ൽ ടെക്സ്റ്റ് കളുടെ Bold and Strong Formatting ‌എങ്ങനെ എന്ന് നോക്കാം. ഉദാഹരണത്തിന്ക്ഷരങ്ങൾ സാധാരണമായിട്ടുള്ളതെങ്കിൽ <p>  എന്ന ‌tag കൊടുത്താൽ മതി എന്ന് നമ്മൾ  മുകളിലെ പാഠഭാഗത്തി പഠിച്ചിരുന്നു. ഇനീ ബോൾഡായിട്ട്ക്ഷരം വേണമെങ്കിൽ <p><b> content </b><p> എന്നെഴുതി html close ചെയ്യാവുന്നതാണ് ‌ഇതേപോലെ strong Txt നും Italic and Emphasized  നും നമുക്ക് താഴെ പറയുന്ന രീതിയിൽ ‌എഴുതാവുന്നതാണ്.

Strong : <p><strong> content </strong></p>

Italic : <p><i> content </i></p>

Emphasized : <p><em> content </em></p>

ഒരു ഹെഡ്ഡിംഗിലെ ‌ഒന്നോ ഒന്നിൽ കൂടുതൽ ‌വാക്കുകളോ ചെറുതായി അല്ലെങ്കിൽ ‌വലുപ്പം കുറച്ച് കാണിക്കണമെങ്കിൽ ‌അതിന് HTML small Formating ‌ൽ ചെയ്യാവുന്നതാണ്

<h2> Big content <small>small Content</small>Big content</h2>

ഇതുപോലെ  ഹൈലൈറ്റ് ചെയ്യാനും ടെക്സ്റ്റ് ഡിലീറ്റ് ഷോ ചെയ്യുവാനും നമുക്ക് html document ഇൽ കഴിയും. താഴെ തന്നിരിക്കുന്ന ഉദാഹരണം നോക്കുക.

<h2>content <mark>Marked content</mark> content</h2>

<p>Content  <del>deleted content</del> content.</p> ഇത്  html document ആക്കുമ്പോൾ

Content deleted content  content.   ഇതായിരിക്കും റിസൽട്ട് വരുക. ഇതേപോലെ ഇൻസെർട്ടഡ്‌  എലമെന്റിനേയും  എഴുതാവുന്നതാണ് താഴെ തന്നിരിക്കുന്ന ഉദാഹരണം നോക്കുക

<!DOCTYPE html>

<html>

<body>

 

<p>The ins element represent inserted (added) text.</p>

 

<p>My favorite <ins>color</ins> is red.</p>

 

</body>

</html>

ഇതിന്റെ output ഇങ്ങനെ ആയിരിക്കും

The ins element represent inserted (added) text.

content color is red.

Subscript Formatting  & Superscript Formatting

<p>content <sub>subscripted content</sub> text.</p>—— content subscripted content text.

<p>content <sup>superscripted content</sup> text.</p>—-content superscripted content text.

ഇതിന്റെ output ഇങ്ങനെ ആയിരിക്കും കാണാൻ കഴിയുക.

 

 

 

 

 

 

 

 

 

 

 

 

Advertisements
Explore posts in the same categories: 138062

ഒരു മറുപടി കൊടുക്കുക

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / മാറ്റുക )

Twitter picture

You are commenting using your Twitter account. Log Out / മാറ്റുക )

Facebook photo

You are commenting using your Facebook account. Log Out / മാറ്റുക )

Google+ photo

You are commenting using your Google+ account. Log Out / മാറ്റുക )


%d bloggers like this: