HTML Styles - Jassif Team

HTML ஸ்டைல்கள்

HTML style பண்புக்கூறு ஒரு உறுப்பிற்கு நிறங்கள், எழுத்துரு, அளவு மற்றும் பலவற்றைச் சேர்ப்பதற்குப் பயன்படுகிறது.

I am Red

I am Blue

I am Big

HTML உறுப்பின் ஸ்டைலை அமைப்பது style பண்புக்கூறு மூலம் செய்ய முடியும்.

HTML style பண்புக்கூறு பின்வரும் தொடரியலைக் கொண்டுள்ளது:

<tagname style="property:value;">

property என்பது ஒரு CSS பண்பாகும். value என்பது ஒரு CSS மதிப்பாகும்.

CSS பற்றி இந்த டுடோரியலில் பின்னர் மேலும் கற்றுக்கொள்வீர்கள்.

CSS background-color பண்பு ஒரு HTML உறுப்புக்கான பின்னணி நிறத்தை வரையறுக்கிறது.

பக்கத்தின் பின்னணி நிறத்தை powderblue ஆக அமைக்கவும்:

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

இரண்டு வெவ்வேறு உறுப்புகளுக்கான பின்னணி நிறத்தை அமைக்கவும்:

<body>

<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>

</body>

CSS color பண்பு ஒரு HTML உறுப்புக்கான உரை நிறத்தை வரையறுக்கிறது:

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

CSS font-family பண்பு ஒரு HTML உறுப்புக்குப் பயன்படுத்தப்பட வேண்டிய எழுத்துருவை வரையறுக்கிறது:

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

CSS font-size பண்பு ஒரு HTML உறுப்புக்கான உரை அளவை வரையறுக்கிறது:

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

CSS text-align பண்பு ஒரு HTML உறுப்புக்கான கிடைமட்ட உரை சீரமைப்பை வரையறுக்கிறது:

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

✓ சரி! இது HTML இல் பின்னணி நிறத்தை அமைக்க சரியான தொடரியல்

✗ தவறு! background-color என்பது CSS பண்பு, HTML பண்புக்கூறு அல்ல

✗ தவறு! bgcolor என்பது பழைய HTML பண்புக்கூறு, CSS இல் background-color பயன்படுத்தவும்