HTML මුල සිට සරලව!!! ( 1 කොටස) - SL_Tech_Zone

Latest

SL_Tech_Zone

අපගේ නමවතම තාක්ශනික Blog අඩවියට ඔබව සාදරයෙන් පිලිගන්නව...Linux,Windows,Android පිලිබදවත්...අනෙකුත් තාක්ෂණික තොරතුරු අපගේ Blog අඩවියෙන් ඔබට ලබාගත හැක... *Education Purpose Only..! SL_TECH_ZONE Admins : Thilina & Amila

Tuesday, June 5, 2018

HTML මුල සිට සරලව!!! ( 1 කොටස)




කොහොමද යාලුවනේ....ඉතින් අලුත් පොස්ට් සෙට් එකක් අද පටන් ගන්නයි යන්නෙ... HTML ගොඩක් අය දන්නවත් ඇති...HTML කියන්නෙ වෙබ් සයිට් හදන්න ගන්න language එකක්...Hyper Text Markup Language කෙටි කරල තමා අපි html කියල කියන්නෙ...නමෙම්ම තේරෙනව මේක  මොකක්හරි දෙයක් පෙන්නන්න බාවිතා කරන දෙයක් කියල...

ඉතින් මේ html වලින් හදන site එකේ customize පැත්ත  බාරගන්න ඉන්නෙ css ...මේ ගැන පොස්ට් සෙට් එකකුත් ඉස්සරහට දාන්න බලාපොරොත්තු වෙනව...Html තනිකර  දුවන්නෙ tag වලින්....අපි tag එකක් “ <  > “ ඇතුලෙ තමා type කරන්නෙ..ඊට අමතරව attributes , values වගේ දේවල් භාවිතා වෙනව....
 
හරි එහෙනම් html page එකක් හදන හැටි බලමු...
අපිට මේකට පාවිච්චි කරන්න පුලුවන් notepad එක...මමනම් recommend කරන්නෙ notepad++ .... මේ ලින්ක් එකෙන් notepad ++ ගන්න : https://notepad-plus-plus.org/download/

හරි එහෙනම් html එකක් හදන්න පටන්ගමු...
මුලින්ම notepad එක open කරගන්න...ඊට පස්සෙ මේ විදිහට code කරන්න...

<html>

<head>

<title>My First Web Page</title>

</head>

<body>





</body>

</html>

හරි දැන්  මේ tag වලින් වෙනදේ  බලමු...

<html> - html page එකක් හියල හදුනගන්න දාන tag එකක් මේක...මේ tag එක open tag එකක් විදිහට හදුන්වන්න පුලුවන්....code එකේ යටින්ම තියන “ / “ එක්ක තියන html tag එක close tag එකක්... 
" </html> "

<head> - මේ tag එක යටතෙ තමා  title එකවගේම java script , css වගේ දේවල් link කරන්නෙ...

<title> - මේ tag එකෙන් අපිට Page එකේ title එකේ title එක දෙන්න පුලුවන්...title එක පෙන්නන්නෙ browser එකේ tab එකේ...

<body> - මේ tag එක ඇතුලෙ දාන දේවල් තමා අපිට web browser එකේ පේන්න තියෙන්නෙ....

අනිවාර්යයෙන් මතක තියාගන්න open කරපු tag එකක් වහන්න....නැත්නම් පේජ් එකේ පෙන්නන දේ සම්පූර්නයෙන් වෙනස් වෙන්න පුලුවන්....සමහර tag තියනව close tag එකක් නැති....තව දෙයක් මේ tag Independently Case Sensitive...ඒ කියන්නෙ අපි tag එක පටන් ගද්දි ගහපු capital simple අකුරු ඒ ඉදිහටම close tag එකෙත් ඒ විදිහටම  තියෙන්න ඕනෙ උදාහරනයක් විදිහට <html> </html> , <HTML> </HTML> , <Html> </Html> , <HtMl> </HtMl> tag යොදන්න් පුලුවන්...ඒ උනාට මේ විදිහට <html> </HTML> යොදන්න බෑ.... 

 හරි අපි දැන් මේක save කරන හැටි බලමු...


අපිට notepad එකේ වම් පැත්තෙ උඩ තියන file එකට ගිහින් save වලට ගිහින් පුලුවන්...නැත්නම් Ctrl + S ඔබල ලේසියෙන්ම save window එක ගන්න පුලුවන්...



ඔය පෙන්නල තියන window එකේ 1 කියල නම් කරල තියන තැන අපේ page එක save කරන්න ඕනෙ name එක දෙන්න...ඊට පස්සෙ “ . “ එකක් තියන html හෝ htm කියල type කරන්න....ඔයාලගේ page එක හදන්න unicode font පාවිච්චි කලානම් 2 කියල නම් කරල තියන තැන ANSI වෙනුවට Unicode දාල save කරන්න.....

හරි ඉතින් මූලිකවම කියන්න තියෙන්නෙ ඔය ටික තමයි....දිගටම අපේ blog එකත් එක්ක රැදී ඉටින්න කියල ආරාධනා කරනව...ඊලග post එකෙන් ඉක්මනටම සෙට් වෙමු...
බුදු සරණයි!!!


No comments:

Post a Comment