HTML Documents –പാഠം-1

ഡബ്ല്യൂ3സ്കൂൾസ്‌ എന്ന സൈറ്റിൽ നിന്നും ഞാൻ പഠിച്ചവ മാത്രമാണിവിടെ പറയുന്നത്  പഠിക്കാൻ ആഗ്രഹമുള്ളവർക്ക് ‌ഉപകരിക്കുമെങ്കിൽ ഉപകരിക്കട്ടെ  അത്രമാത്രം…… എന്റെ നോട്ട് ബുക്ക്.

HTML  file  എങ്ങനെ ഉണ്ടാക്കാം എന്ന് നോക്കാം . ആദ്യം  Notepad  എന്ന ആപ്ലിക്കേഷൻ  open  ചെയ്യുക. അതിൽ സിമ്പിൾ ആയ ഒരു HTML ടൈപ്പ് ചെയ്യുക ഉദാഹരണത്തിന്

<!DOCTYPE html>
<html>
<body>

<h1>തലക്കെട്ട്</h1>

<p>ആദ്യത്തെ ഖണ്ഡിക.</p>

</body>
</html>

ഇതിൽ ഡോക്കുമെന്റ് ടൈപ്പ്  <!DOCTYPE html> എന്ന് നമ്മൾ ടൈപ്പ് ചെയ്തു ഇനീ  ഇതിൽ ഡോക്കുമെന്റ് ഓപ്പണിംഗ് ടാഗായ  <html> ടൈപ്പ് ചെയ്യുന്നു ഈ ഡോക്കുമെന്റ് അവസാനിക്കുമ്പോൾ ക്ലോസിംഗ് ടാഗ് ‌ആയ ടൈപ്പ്  </html> ‌ചെയ്യുന്നു. ഇതിനിടയിൽ ‌വരുന്ന ഭാഗമാണ് ‌ആഡോക്കുമെന്റിന്റെ  ബോഡി എന്ന് നിർവ്വചിക്കുന്നത് ഇതിനെ  <body> ഇങ്ങനെ ആണ് സൂചിപ്പിക്കുന്നത്. Body യ്ക്ക് ഉള്ളിൽ‌ വരുന്ന  ഭാഗങ്ങൾ Heading, paragraph തുടങ്ങിയവ അത് അവസരങ്ങളനുസരിച്ച്  മാറിവരുന്നു ഇനി‌ ഇതിൽ ശ്രദ്ധിക്കേണ്ട കാര്യം

  • Heading opening tag  <h1> ഉം  closing tag </h1> ഉം ആണ്   ഈ  tag  കൾക്കിടയിലാണ്  Heading   വരുന്നത്
  • Paragraph opening tag <p> ഉം  closing tag </p> ഉം ആണ്   ഈ  tag  കൾക്കിടയിലാണ്  Paragraph   വരുന്നത്

ഇത്രയും കഴിഞ്ഞാൽ ‌ഈ  HTML Document close  ചെയ്യാവുന്നതാണ് ‌അതിന്  body close ചെയ്യണം / ഉപയോഗിച്ചാണ് tag കൾ close ചെയ്യുന്നത് </body> .

ഇനീ ഈ notepad file നെ (file name).html എന്ന extension  ഇൽ സേവ് ചെയ്യണം ‌അപ്പോൾ നമ്മുടെ ഈ  notepad file ഒരു html Document ആയി രൂപാന്തരപ്പെടും ഇതിനെ ഏതെങ്കിലും internet browser ഇൽ നമുക്ക് ഓപ്പെൺ ചെയ്യാവുന്നതാണ്

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: