03-15-2005, 03:13 PM
ஒரு பொதுவான HTML பக்கமானது <html> மூலகத்தை ஆரம்பத்திலும் இறுதியிலும் கொண்டிருக்கும். இதற்குள்ளே <head> மூலகம் <body> மூலகம் என்ற இருபகுதிகளை கொண்டிருக்கும். ஒவ்வொரு மூலகமும் தனது முடிவு மூலகத்தை கொண்டிருக்கவேண்டும். அதாவது <head> ஆனது </head> ஐயும் <body> ஆனது </body>ஐயும் கொண்டிருக்கவேண்டும். குறிப்பிட்ட சந்தர்ப்பத்தில் மட்டும் சில மூலகங்களுக்கு முடிவு மூலகம் தேவைப்படாது. அது எச்சந்தர்ப்பத்தில் என்பதை அடுத்த தொடரில் குறிப்பிடுகிறேன். அதனை தெரிந்தவர்கள் இப்போது குறிப்பிடலாம்.
<b><head> மூலகத்தின் பயன்பாடு</b>
இது பல்வேறு முக்கியமான தேவைகளுக்கு பயன்படுத்தப்படுகின்றபோதும் , ஆரம்ப நிலையில் அதுபற்றி குறிப்பிடப்போவதில்லை. பின்னர் ஆழமாக இதுபற்றி விளக்கப்படும். இங்கு கட்டாயம் பயன்படுத்தப்படவேண்டிய <title> மூலகம் பற்றி மட்டும் இப்போது பார்ப்போம். <title>, </title> என்பவற்றுக்கு இடையே எழுதப்படும் எழுத்துக்கள் இணையஉலாவியின் மேற்சட்டத்தில் தோன்றுவதை முதலாவது இணையப்பக்கத்திலிருந்து அறிந்திருப்பீர்கள்.
<b><body> மூலகத்தின் பயன்பாடு</b>
இப்பகுதியானது இணைய உலாவியின் இடைமுகப்பில் எமக்கு தேவையான பின்னனி படங்களை இடுவதற்கு பின்னனி நிறங்களை இடுவதற்கு பயன்படுத்தலாம்.
<html>
<head>
<title>தமிழ்வாணனின் பக்கம் - 2</title>
</head>
<body bgcolor="yellow">
<font color="red">வணக்கம் இது HTML தொடர் - 02.
<font color="green">இங்கு எழுத்துகள் தலைப்பாகும்.
<font color="blue">இங்கு எழுத்துகள் உபதலைப்பாகும்.
<b><font color="pink">இங்கு எழுத்துகள் தடிப்பாகும். </b>
<i><font color="brown">இங்கு எழுத்துகள் சாய்வாகும்.</i>
</body>
</html>
நீல எழுத்துக்களால் உள்ள மீயுரையை பிரதிசெய்து முதல் பயன்படுத்தவும்.
இங்கு இணையப்பக்கத்தின் பின்னனி நிறத்தை மாற்றியதுபோல பின்னனி படத்தை உள்ளிடலாம். இதற்கு உங்களுக்கு விருப்பமான படத்தை நீங்கள் தற்போது HTML கோப்பை சேமித்துவைத்திருக்கும் போல்டரில் சேமிக்கவும். பின்னர் மேற்தரப்பட்ட மீயுரையில் <body bgcolor="yellow"> என்பதற்கு பதிலாக <body background="myphoto.jpg"> என்பதை பிரதியிட்டு உங்களுடைய சேமிக்கப்பட்ட படத்தின் பெயரை உரிய இடத்தில் எழுதுக. தற்போது இவ் நோட்பாட் கோப்பை சேமித்துவிட்டு இப்போது அதனை இணைய உலாவியில் பாருங்கள்.
இங்கு நிறங்களை மாற்றியும் பின்னனி படங்களை மாற்றியும் நிறங்களை மாற்றியும் <b>, <i>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <font color="">,
என்பவற்றின் பயன்பாடுகளையும் அறிந்துகொள்ள கொஞ்சம் பயிற்சி செய்யுங்கள். நாளை மீண்டும் சந்திப்போம்.
<b><head> மூலகத்தின் பயன்பாடு</b>
இது பல்வேறு முக்கியமான தேவைகளுக்கு பயன்படுத்தப்படுகின்றபோதும் , ஆரம்ப நிலையில் அதுபற்றி குறிப்பிடப்போவதில்லை. பின்னர் ஆழமாக இதுபற்றி விளக்கப்படும். இங்கு கட்டாயம் பயன்படுத்தப்படவேண்டிய <title> மூலகம் பற்றி மட்டும் இப்போது பார்ப்போம். <title>, </title> என்பவற்றுக்கு இடையே எழுதப்படும் எழுத்துக்கள் இணையஉலாவியின் மேற்சட்டத்தில் தோன்றுவதை முதலாவது இணையப்பக்கத்திலிருந்து அறிந்திருப்பீர்கள்.
<b><body> மூலகத்தின் பயன்பாடு</b>
இப்பகுதியானது இணைய உலாவியின் இடைமுகப்பில் எமக்கு தேவையான பின்னனி படங்களை இடுவதற்கு பின்னனி நிறங்களை இடுவதற்கு பயன்படுத்தலாம்.
<html>
<head>
<title>தமிழ்வாணனின் பக்கம் - 2</title>
</head>
<body bgcolor="yellow">
<font color="red">வணக்கம் இது HTML தொடர் - 02.
<font color="green">இங்கு எழுத்துகள் தலைப்பாகும்.
<font color="blue">இங்கு எழுத்துகள் உபதலைப்பாகும்.
<b><font color="pink">இங்கு எழுத்துகள் தடிப்பாகும். </b>
<i><font color="brown">இங்கு எழுத்துகள் சாய்வாகும்.</i>
</body>
</html>
நீல எழுத்துக்களால் உள்ள மீயுரையை பிரதிசெய்து முதல் பயன்படுத்தவும்.
இங்கு இணையப்பக்கத்தின் பின்னனி நிறத்தை மாற்றியதுபோல பின்னனி படத்தை உள்ளிடலாம். இதற்கு உங்களுக்கு விருப்பமான படத்தை நீங்கள் தற்போது HTML கோப்பை சேமித்துவைத்திருக்கும் போல்டரில் சேமிக்கவும். பின்னர் மேற்தரப்பட்ட மீயுரையில் <body bgcolor="yellow"> என்பதற்கு பதிலாக <body background="myphoto.jpg"> என்பதை பிரதியிட்டு உங்களுடைய சேமிக்கப்பட்ட படத்தின் பெயரை உரிய இடத்தில் எழுதுக. தற்போது இவ் நோட்பாட் கோப்பை சேமித்துவிட்டு இப்போது அதனை இணைய உலாவியில் பாருங்கள்.
இங்கு நிறங்களை மாற்றியும் பின்னனி படங்களை மாற்றியும் நிறங்களை மாற்றியும் <b>, <i>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <font color="">,
என்பவற்றின் பயன்பாடுகளையும் அறிந்துகொள்ள கொஞ்சம் பயிற்சி செய்யுங்கள். நாளை மீண்டும் சந்திப்போம்.