දන්න කියන දෙයක් හැමෝටම දැනගන්න කියලා ලියන මේ බ්ලොග් පිටුවට ඔයාලව ආදරයෙන් පිළි ගන්නවා. ඉගෙන ගන්න පුළුවන් දේවල් කියලා දෙන්න බලාපොරොත්තු වෙනවා. ආපු වෙලාවක කොමෙන්ට් එකක් දාන්නත්, පාඨකයෙක් විදියට ෆොලෝ කරන්නත් පුළුවන් නම් වටිනවා.

Wednesday, May 19, 2010

PHP කරා යමු - 7 (HTML)

මූණ හෝදන් කාලා බීලා තමයි මම මේ වතාවෙදි ඔයාලව ම්බ වෙන්න ආවේ. තව ටිකකින් අර මනුස්සයත් ඒවි මේ පැත්තේ. අපි කතා කර කර හිටියේ හෙඩිම ටැග් ගැන නේද? හරි ඔන්න ඉතුරු ටිකත් අහ ගන්නකෝ.

හෙඩිම ටැග් වර්ග හයක් තියෙනවා. ඒ ප්‍රමාණය අනුව එකේ ඉඳන් හය වෙනකම්. 'එක' කියන්නේ ලොකුම ප්‍රමාණය වෙද්දී 'හය'ට ලැබෙන්නේ පොඩිම ප්‍රමාණය. මේ ටැග් එක නම් හරිම ලේසියි ලියන්න. "h1, h2, h3, h4, h5, h6" කියලායි ලියන්නේ ඒ ඒ ප්‍රමාණයේ ටැග. සුපුරුදු විදියටම ලියන්නේ <h1> හා </h1> කියලා <h6> හා </h6> දක්වාම. දැන් ඉතින් දන්නවානේ ලියන හැටි? මම නම් ඔන්න උදව් කරන්නේ නෑ ලියන හැටි කියලා දෙන්න. උත්සාහයක් ගන්නකෝ... හා හා දැන් ඉතින් මූනවල් ඇඹුල් කර ගන්න එපා. මෙන්න මෙහෙමයි ලියන්නේ. අපි ඔක්කොම ටැග් ටික ලියමු. එතකොට ඉක්මණින් ඉගෙන ගන්න පුළුවන් නේ. ඔන්න එහෙනම් ලියනවා. මම body ටැග් එකත් එක්කම ලියන්නම්. අනික් ඉතුරු ටැග් නොලියා ඉන්නම්. ඒවා කොහොමත් තියෙනවා නෙ.

<body>
<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>
</body>

දැන් මේක පෙන්නන්නේ මෙන්න මේ විදියටයි බ්‍රවුසරයෙන් බැලුවාම. හෝව්... හෝව්... පොඩ්ඩක් ඉන්ටෝ... කලින් එකේම සේව් කරන්න එපා. මේක "lesson2.html" කියලා save කරන්න මතක තියා ගන්න. මොකද මේක තමයි දෙවෙනි පාඩම. පහලින් තියෙන්නේ මේක ඇත්තට බ්‍රවුසරයෙන් පෙන්නන්න විදිය. Save කරලා බ්‍රවුසරයෙන් විවෘත කරලා බලන්නකෝ.

heading 1

heading 2

heading 3

heading 4

heading 5
heading 6

මේ ටැග් වල අන්තර්ගතය එක එක බ්‍රවුසරයේ වෙනස් ප්‍රමාණ වලින් පෙන්නන්න පුළුවන්. ඒ එම බ්‍රවුසර හදපු සමාගම් වල කැමැත්ත අනුවයි. ඒකට නම් අපිට කරන්න දෙයක් ඇත්තෙම නෑ. හැබැයි, එකේ ඉඳන් හ දක්වා එද්දී ප්‍රමාණය වැඩි එකේ ඉඳන් අඩු එක දක්වා එනවා මොන බ්‍රවුසරේ වුනත්. මේ ටැග් වලින් සිද්ධ වෙන විශේෂ කාරණා කීපයක්ම තියෙනවා. එකක් තමයි අකුරු ලොකු වෙන එක. තව ඒක් තමයි අකුරු තද පාටක් වෙන එක. අනික තමයි, පාවිච්චි කරාම අනිවායෙන් තව රූලක් යටට පනින එක. ඒ කිව්වේ මේ ටැග් එක කොහේ හරි පාවිච්චි කරොත් ඒත් එක්කම වෙන ටැග් එකකින් මොනා හරි ලියුවොත්, ඒකේ අන්තර්ගතය අපිට පෙන්නන්නේ අපේ හෙඩිම වලට යටින් අනිවාර්යෙන්ම. ඔන්න ඕවා තමයි විශේෂ ලක්ෂණ මේ හෙඩිම ටැග් වල.

හරි අපි දැන් කිසිම ටැග් එකක් ඇතුලේ නොදා body ටැග් එක ඇතුලේම මොනා හරි යිප් (type) කරලා බලමු. එතකොටත් බ්‍රවුසරයේ අපිට අපි ලියපු දේ දකින්න පුළුවන්. හැබැයි පොඩියට. අපි විශේෂයෙන් කීවේ නෑ මේ ප්‍රමාණයෙන් පෙන්නන්නය කියලා. හැබැයි ඒ අකුරු වල ප්‍රමාණය අපිට පෙන්නන්නේ, ඒ බ්‍රවුසරයේ settings වල දාල තියෙන සාමාන්‍ය අකුරු ප්‍රමාණයට (default font size) අනුවයි. මේ ඔක්කොම ලක්ෂණ ටික අපිට වෙන වෙනම තියෙන ටැග් කීපයකින් මේ හෙඩිම ටැග පාවිච්චි නොකර හදා ගන්න පුළුවන්. මේ බ්ලොග් එකේදී හෙඩිම ටැග් පෙන්නද්දී පොඩි පොඩි අවුල් යන්න පුළුවන්. ඒ නිසා ඔයාලා ලියපු කේත ටික බ්‍රවුසරයේ පෙන්නන විදිය ගැන සැලකිලිමත් වෙන්න මේ තියෙන හෙඩිම ටැග් පෙන්නන විදිය ගැන නොතකා.

5 comments:

නිල් අහස said...

නියමයි......ඔහොම ය0....ඔහොම ය0...

තම තම නැණ පමණින් said...

අපරාදෙ. මෙච්චර කල් දැනගෙන හිටියෙ නෑ නෙ මේ ඉගැන්වීමේ හැකියාව.

Teshan said...

හපෝ! මේ ටික ලියා ගන්නෙත් බොහොම අමාරුවෙන්. වෙලා යනවා හිත හිත ලියන්න ගියාම. ටයිප් කොරාට කටින් කියල දෙන්න අමාරුයි නෙව. හරියට පසේ බුදු වගේ තමා. :D

Madhawa Habarakada said...

අය්යෝ, මේ එලට කියා දෙන්නෙ.
ඒක නෙමෙයි මේ heading 2 වලා මොකද උනේ?

Teshan said...

Eksa ithin BLOGGER team eken thamaa hanna wenne. eyaalage styles waladi monaa hari jal bariyak karala wage.

Post a Comment