Web Page Designing with HTML 08 - සාමාන්‍යපෙළ තොරතුරු හා සන්නිවේදන තාක්ෂණය

Web Page Designing with HTML 08

Hyper Link

Link එකක් යනු එක් පිටුවක සිට වෙනත් පිටුවකට හෝ වෙනත් Web අඩවියකට හෝ වෙනත් මාතෘකාවකට යා හැකි කෙටි මාර්ගයක් ලෙෂ හැඳින්විය හැකිය. මෙම Link ප්‍රධාන වශයෙන් කොටස් තුනකට පෙදැ දැක්විය හැකිය

  1. External Link
  2. Internal Link
  3. E-Mail Link

 

External Link

එක් පිටුවක සිට වෙනත් පිටුවකට හෝ වෙනත්  අඩවියකට යැම සඳහා බාවිතා කරයි.  මේ සඳහා Tag එක යොදා ගනු ලබයි

YAHOO

මෙහිදි href = http://www.yahoo.com මගින් අපට ලබා ගත යුතු Web අඩවියේ ලිපිනයද YAHOO මගින් අපගේ Web පිටුව තුල එම Link එක දිස්විය යුතු නමද පෙන්වයි.

ත‍වනත් Web පිටුවක් Link කරන්නේ නමි එම Web පිටු දෙකම එකම Locationඑකේ තිඛෙන්නේ නමි Link කරගැනිමට අවශ්‍ය Web පිටුවෙහි නම පමණක් ලබා දිය හැකිය. එහෙත් Web පිටු දෙක ඇත්තේ සිථින දෙකක නමි Link කරගැනිමට බලාපොරොත්තු වන Web පිටුව ඇති ස්ථානයේ Path එක සහ නම යන දෙකම ලබා දිය යුතුය.

 

Internal link

Web පිටුවක් තුල මාතෘකා කිහිපයක් යටතේ කරුණු ඇතුලත් කර ඇත්නමි එම පිටුව දිගින් වැඩි බැවින් අපට Scroll bar එක භාවිතා කිරිමට සිදු වේ. එවැනි අවස්ථා වලදි Internal Link යොදා එවැනි කරුණු වල මාතෘකා වෙනම එකතු කර පටුනක් ලෙස සකසා එය Click කල විට අදාල මාතෘකාවට පිවිසිමට සැලැස්විය හැකිය.

 

E-Mail Link

අපගේ Web පිටුව තුල E-Mail ලිපිනය යොදා E-Mail Link එකක් යොදා ඇත්නමි ඒ මත Click කිරිම මගින් ක‍ෂණිකව E-Mail යැවිම සඳහා අවශ්‍ය පහසුකමි සලසා ගත හැකිය

  

Scrolling Text

Web පිටුව තුල අපගේ තොරතුරු ගමන් කරවා ගැනිමට අවශ්‍ය නමි  Scrolling text භාවිතා කල හැකිය.

 

Tables

වෙබ් පිටු සකස් කිරීමේදී එම වෙබ් පිටු තුළට වගු ඇතුලත් කිරිමටද හැකිය. ඒ සඳහා

යන උපදේශ කේතය යොදා ගනු ලබයි. මෙහිදී අනු කේත භාවිතා කරමින් එක් එක් වගුවේ පැවතිය යුතු පේළි ගණන තීරු ගණන තීරු වල පැහැය එම කෝෂ වල ලියන අකුරු වල පැහැය මාතෘකා ආදිය යෙදිය හැකිය.

- සෑම පේලියක්ම හඳුන්වා දීම සඳහා

- වගුවේ කිසියම් කෝෂයක දත්ත ඇතුලත් කල යුතුනම් මෙම උපදේශය යොදා ගත යුතුය.

- වගුවෙහි ඇති කෝෂයක් තුළ මාතෘකාවක් යෙදිය යුතු නම් ඒ සඳහා යොදා ගනියි.

- සෑම වගුවක් සඳහාම මාතෘකාවක් යෙදිය හැකි අතර එය පිහිටිය යුත්තේ වගුවට ඉහළින්ද පහළින්ද හෝ මැදින්ද යන්නද තෝරා දිය හැකිය.

 

This is a caption - මගින් වගුවෙහි මායිම හෝ එහි ධාරයෙහි ප්‍රමාණය කැමති ප්‍රමාණයකට සකස් කළ හැකිය. මෙම ප්‍රමාණයන් Pixel වලින් සඳහන් කළ හැකිය. 

  - වගුවක් පරිගණක තිරය මත මැදට ගැනිම සඳහා භාවිතා කරයි.

cell padding - මෙහිදි එක් එක් කෝෂයක ඇති දත්ත හා එම කෝෂවල ධාරය අතර ඉඩ ප්‍රමාණය තීරණය කරයි.

cell spacing - වගුවේ ඇති කෝෂයන්හි දිග තීරණය කරයි.

Width - වගුවේ මුළු දිග ප්‍රමාණය තීරණය කරයි.   මෙහිදී දිග Pixelවලින් හෝ %සමඟ ලබා දිය හැකිය.

Align - එක් පේළියක ඇති දත්ත කෝෂය තුළ වමෙහි දකුණෙහි හෝ මැද පිහිටන ලෙස සකස් කල හැකිය.

Baling - මෙමගින් කෝෂයක ඇති දත්ත ඉහළින් පහළින් හෝ මැදින් ලිවිය හැක.

 

 

Table

 

Table Designing

The table caption

Name

Age

Sex

 

Mr. Fernandoo

50 Yeard

Male 

 

 

Miss. Gimhani

20 Yeard

Female