வியாழன், 26 டிசம்பர், 2013

HTML கற்போம் பகுதி- 10

டிசம்பர் 26, 2013 HTML Tips 8 comments

வணக்கம் நண்பர்களே.. இப்பதிவில் HTML கற்போம் - பகுதி - 9 ன் மீதிப் பதிவு. இங்கு CSS தொடர்பான coding தான் முழுவதும்..

<p style="color:green;">Green text</p>

<h1 style="background-color: blue;">Heading on blue background</h1>

<body style="background-image: url('parathan.jpg');">

இந்தக் coding ஐப் பொறுத்தவரையில் <p> tag paragraph ஐ குறிக்கிறது.. அங்கே எழுத்தின் கலர் பச்சை நிறத்தில் வருவதாக அமைந்துள்ளது. உங்களுக்கு விரும்பிய கலரில் மாற்றலாம்...

அடுத்து....,

<h1> tag heading ஐ குறிக்கும்... பின் background color அதாவது எழுதவிருக்கும் எழுத்து நீல நிறத்தின் மேல் எழுதப்படுவாதாக அமைந்துள்ளது.. விரும்பிய கலரில் நீங்கள் பின்னர் மாற்றலாம்..

அடுத்து...,, உங்கள் HTML page முழுவதற்கும் ஒரு background ஐ போடப்பட்டுள்ளது.. அதனை உங்களுக்கு ஏற்ப மாற்றிக்கொள்ளலாம்.

முதலில் இந்தக் coding ற்கான வருவிளைவைப் பார்ப்போம்..

I love CSS

இந்தக் coding ல் நீங்கள் மாற்றம் செய்யவேண்டியவை கலர் கலராக எழுதப்பட எண்களும் , எழுத்துக்களும் தான்..

மாற்றி மாற்றி செய்து பாருங்கள்...

<img src="bill.jpg" alt="Bill Gates" style= "float:left;" />

இங்கே காணப்படும் code ஆனது புகைப்படங்களை உட்செலுத்துவதட்குப் பயன்படும் code இது பற்றி பகுதி-6 ல் பார்த்திருக்கிறோம்..

இங்கு கலரில் குறிப்பிடப்பட்டவற்றை மாற்றிக்கொள்ளுங்கள்.. மேலும் இந்த code ல் left என ஒன்று உள்ளது. அது நீங்கள் உள்செலுத்திய படம் எந்தப்பக்கம் இருக்கவேண்டும் என்பதைக் குறிக்கும்.
அதனை உங்கள் விருப்பத்திற்கு ஏற்ப center , Right க்கு மாற்றி அமைத்துக் கொள்ளுங்கள்.