![[தமிழில்] HTML & CSS Online Course](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV0_zjRmsQE0iWNlBSqfVRePPYitmf958RmAd79lMu1aWw2KITJkTwE_ENqkTkC0rMsj_Xrpe5aeI4EIM9aDZJqWK_7inZZWjx_HpHEz1kfukoLUPODXVU9fnQylB1mFqg-L9Rj7NWqpk/s300/300_200_two.png)
HTML ELEMENTS
Element-களை பயன்படுத்தி தான் html file உருவாக்கப்படுகிறது.இந்த element-களை பயன்படுத்தி தான் web page உருவாக்க முடியும்.
Element என்பது start tag <tag name> மற்றும் end tag </tag name> கொண்டு இருக்கும்.இந்த tag-களுக்கு இடையில் content கொடுக்கப்படும்.
block level element:
- Block level element tag-இல் எவ்வளவு குறைவான content இருந்தாலும் அது new line-ல் இருந்து தான் தொடங்கும்.
- எந்தவொரு element browser-ன் full width எடுத்து கொள்கிறதோ அது தான் block level element.
- Block level element உள்ளே inline element கொடுக்க முடியும்.
BLOCK LEVEL ELEMENT
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h3 style="background-color: red">BLOCK Level Element</h3>
<p style="background-color: green">நான் சென்னைக்கு போகிறேன்.</p>
</body>
</html>
OUTPUT
Inline Element:
- இந்த element browser-ன் full width எடுத்து கொள்ளாது.
- inline element-ல் எவ்வளவு content இருக்கிறதோ அவ்வளவு தான் width எடுத்து கொள்ளும்.
- inline element அதிகமாக மற்ற element உடன் சேர்த்து தான் பயன்படுத்துவார்கள்.
INLINE LEVEL ELEMENT
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>நான் <b style="background-color: red">சென்னைக்கு</b> போகிறேன்.</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