HTML Structures

HTML Structures

title of the file

statements

Example 01        

my first web page

well come to web

මෙහි Title Tag එක තුල Web Page එකට අදාල මාතෘකාව ඔහචැ කල යුතුය. මෙය Web Browser එකෙහි Title එක වශයෙන් යොදා ගනී.  Body Tag එක තුල වෙනත් Tag එකක් නොමැතිව ඇති සියලුම වචන  Web Browser එක මත දර්ශණය වේ.

නම ලිපිනය. දුරකථන අංකය දර්ශණය කර ගැනීම සඳහා HTML Program එකක් නිර්මාණය කරන්න.

My Address

ABC (pvt) Ltd,

Sri Somananda Mw

Horana

074-988554

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

Back Ground Color

HTML Document එකක් අලංකාර ලෙස නිර්මාණය කිරීමට අවශ්‍ය අවස්ථා වලදී අපට එම Document එකෙහි පසුබිමයට පාටක් ලබා දිය හැක. ඒ සඳහා යොදා ගනු ලබන Command එක පහත දැක්වේ. මෙය භාවිතා කිරීමෙන් ඔබට පසුමබිම සදහා වර්ණයක් ලබා ගැනීමේ හැකියාව පවතී.  

Color එකක් අපට ක්‍රම දෙකකට ලබා දිය හැකිය.

1                  

2  

BACKGROUND COLOR

Background picture

වෙබ් පිටුවෙහි පසුබිම අලංකාර කර ගැනීමට පිංතූරයක් එක් කර ගැනීමටද පහසුකම් HTML වලදී ලබා දී ඇත. මේ සදහා පහත සදහන් කර ඇති විධානය භාවිතා කරන්න.

Html  file ය සහ පසුබිමයට යොදන පිංතූරය යන දෙකම එකම ස්ථානයක තිබේ නම් පිංතූරයේ නම හා එහි වර්ගය (File Extinction) පමණක් ලබා දිය හැකිය.  නමුත් පිංතූරය හා html file එක වෙන වෙනම ස්ථාන/ Location වල තිබේනම් පිංතූරයේ නම හා වර්ගයට අමතරව එම පිංතූරය ඇති ස්ථානයට යන ආකාරය හෙවත් File Path එකද දිය යුතුය.  Path එක ලබාදිම සෑම අවස්ථාවකටම නොගැලපිය හැකි බැවින් පිංතූරය හා html file ය එකම ස්ථානයක ගබඩා කරන්නේ නම් සෑම අවස්ථාවකදීම ක්‍රියාත්මක වන Web Page යක් නිර්මාණය කරගත හැක. 

BACKGROUND IMAGE

Text color

මෙහිදි ඔබට body එක තුල ලියවෙන අකුරු වල පැහැය අවශ්‍ය පරිදි වෙනස්කර ගත හැක. මේ සදහා පහත සදහන් කර ඇති විධානය භාවිතා කරන්න.

BODY TEXT COLOR

Body text color is red and background color is black

Headings

web page එකක් තුල ඔබ ඉදිරිපත් කරන තොරතුරු මාතෘකා කිහිපයක් යටතේ ඉදිරිපත් කිරීමට අවශ්‍ය විය හැක. එවැනි අවස්ථාවලදි අපට යොදා ගත හැකි Command පහත දැක්වේ. 

  Heading 

HEADINGS

Heading style 1

Heading style 2

Heading style 3

........

Heading style  9

ඉහත Program එකෙහි Heading  Tags  9ක් භාවිතා කල නමුත් Heading  Tag 6ක් පමණක් ක්‍රියා කරයි.  එයට හේතු වන්නේ Heading  අවස්ථා 6ක් පමණක් HTML හිදී ලබා දීමයි.  Heading  tag එකක් භාවිතා කල විට එම පේළියෙහි ඇති අකුරු bold කර
මගින් පේළිය වෙන් කරගැනීම සිදු කරයි.