කොහොමද යාලුවනේ....ඉතින් අලුත් පොස්ට් සෙට් එකක් අද පටන් ගන්නයි යන්නෙ... 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 කරන හැටි බලමු...
හරි අපි දැන් මේක 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 එකෙන් ඉක්මනටම සෙට් වෙමු...
බුදු සරණයි!!!
Comments
Post a Comment