![[தமிழில்] HTML & CSS Online Course](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV0_zjRmsQE0iWNlBSqfVRePPYitmf958RmAd79lMu1aWw2KITJkTwE_ENqkTkC0rMsj_Xrpe5aeI4EIM9aDZJqWK_7inZZWjx_HpHEz1kfukoLUPODXVU9fnQylB1mFqg-L9Rj7NWqpk/s300/300_200_two.png)
HTML ID:
html-ல் இருக்கின்ற ஒவ்வொரு tag-யையும் நம்மால் coding வழியாக பயன்படுத்த முடியும்.அதற்காக தான் நாம் id என்பதை பயன்படுத்துகின்றோம்.
ஒரு tag-க்கு கொடுக்கும் id name-யை இன்னொரு tag-க்கு கொடுக்க கூடாது.id name எப்பொழுதும் unique ஆக இருக்க வேண்டும்.
id name-யை பயன்படுத்தி element-க்கு style-னினை apply பண்ண முடியும்.
(style means எந்த கலர் கொடுக்க வேண்டும்,எவ்வளவு உயரம் கொடுக்க வேண்டும்...etc)
ID Syntax
<style>
#id_name
</style>
ஒரு tag-க்கு ஒரு id தான் கொடுக்க வேண்டும்.
HTML With ID
<html>
<head>
<style>
#computer{
color:orange;
}
</style>
</head>
<body>
<p id="computer">என்னிடம் கணிப்பொறி உள்ளது.</p>
</body>
</html>
OUTPUT
HTML CLASS VS HTML ID
<html>
<head>
<style>
.sports
{
color:orange;
}
#heading{
color:red;
}
</style>
</head>
<body>
<h1>class மற்றும் id இடையே உள்ள வேறுப்பாடுகள் </h1>
<h2 id="heading"> எனக்கு பிடித்த விளையாட்டுகள் </h2>
<h3 class="sports">வாலிபால்</h3>
<p>எனக்கு வாலிபால் விளையாடப் பிடிக்கும்.</p>
<h3 class="sports">கிரிக்கெட்</h3>
<p>எனக்கு கிரிக்கெட் விளையாடப் பிடிக்கும்.</p>
</body>
</html>
OUTPUT
![[Tamil] How to create React Application](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW8d-UOiQT7jAqr1Ep5yEP3cJk7OoBzC-gA7GQbTa1l3Jg6ov48ggfQmlgWj0fSpo8EmQjYgL2z0MRvAsfmcuPHfzK_QEL_7K1ZqbKOmxLEnjg9jH1ZB5AUOKDempIqHlt3obOWhJJNNM/s72-c/node_npm_version.png)
![[Tamil] Width and Height Using CSS In Tamil](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAylJcAp4QVKwr-YSHaK9UuXEYdDNHoXSmgAMrhouWJzkVUhIE78h1JBTAXuAXaj6JSXWV5uaNGmm4Rf5yrL8a6jyFCucViWXVy4zemDRdfaK4h_pDvXPH1wIFxrvwPaM89qY8Cccivcc/s72-c/width+and+height.jpg)
![[Tamil] CSS Colors In Tamil](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWik-zqoewl_4rECbqiXTCH8JDOd1-KzBLir6kDtcXvckUGviR8qrVssIbwhVYTjg34tvnEBI1JNGl3t-IS5FLxnnp0N_oRIWtraqnhnMkrp0hsJgEjLLUutR4Je9cZ3Mh7hZx7l0EUPc/s72-c/0b743151-3e0f-4449-ae13-4289151a166f.jpg)
![[Tamil] How to add css in tamil](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBee2UdJwVztGLVJtCKSy8TX3AeWGNCnbpn26IYFVMvEIsKI1aFJyN_kPukHTsoMOQjBTqIXx6w0Zoy85z-tDiNcGYA59-B3_G_3tTFzxwS70M_u_zCP04-uZGPjzk7DzbvFhdi6Csdac/s72-c/add+css.jpg)
No comments:
Post a Comment