HTML Documents –പാഠം-3

HTML Links

HTML Link കൾ  <a> എന്ന ടാഗ് ഉപയോഗിച്ചാണ് ഡിഫൈൻ ചെയ്യുന്നത് ഉദാഹരണത്തിന് താഴെ തന്നിരിക്കുന്ന html draft  നോക്കുക. Link ന്റെ ഡെസ്റ്റിനേഷൻ ‌സ്പെസിഫൈ ചെയ്യുന്നത്  href attribute  ആണ്.

<!DOCTYPE html>

<html>

<body>

<a href=”http://www.vartthamaanam.wordpress.com”>ഇതാണ് ലിങ്ക്</a>

</body>

</html>

Html ലേയ്ക്ക് കൺവേർട്ട് ചെയ്തപ്പോൾ ഉള്ള റിസൾട്ടാണ് താഴെ തന്നിരിക്കുന്നത്.

ഇതാണ് ലിങ്ക്

ഈ ലിങ്കിൽ  ക്ലിക്ക് ചെയ്താൽ ‌വർത്തമാനം എന്ന ബ്ലോഗിൽ‌ എത്താം ലിങ്ക് മാറുന്നതനുസരിച്ച് ‌നമുക്ക് ഡെസ്റ്റിനേഷനുംമ്മാറ്റാവുന്നതാണ്……

HTML Images

Html Image കൾ <img> എന്ന ടാഗ് ഉപയോഗിച്ചാണ് ഡിഫൈൻ ചെയ്യുന്നത് . source file നെ (src), ഉപയോഗിച്ചും alternative text (alt), ഉപയോഗിച്ചും  size നെ (width and height) ഉപയോഗിച്ചും attributes ആയി കൊടുക്കുന്നു. ഉദാഹരണത്തിന് താഴെ തന്നിരിക്കുന്ന html draft  നോക്കുക

<!DOCTYPE html>

<html>

<body>

<img src=”123.jpg” alt=”123.com” width=”104″ height=”142″>

</body>

</html>

ഇതിനെകുറിച്ചുള്ള കൂടുതൽ കാര്യങ്ങൾ വരുന്ന ഭാഗങ്ങളിൽ പ്രതിപാദിക്കുന്നതാണ്.

HTML Elements

എന്താണ്  HTML Elements , html ഡോക്കുമെന്റുകൾ എല്ലാം നിർമ്മിച്ചിരിക്കുന്നത് HTML Elements മുഖാന്തിരമാണ്. HTML Elements എഴുതുന്നത് ഒരു സ്റ്റാർട്ട് ടഗും ഒരു എൻഡ് ടാഗും ഉപയോഗിച്ചാണ്. ഇതിന്റെ  മധ്യത്തിൽ ആണ് കണ്ടന്റ്  നമ്മൾ എഴുതി ചേർക്കുന്നത്  <tagname>content</tagname> ഇതാണ് ‌ആഫോം ‌ഈ രീതിയിലൂടെ ആണ് നമ്മൾ മുകളിൽ പ്രതിപാദിച്ച  ഡോക്കുമെന്റുകൾ ‌ഉണ്ടാക്കിയത്.

Start tag Element content End tag
<h1> തലക്കെട്ട് </h1>
<p> ഖണ്ഡിക </p>

 

 

 

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: