HTML පිටුවක් සාදා ගන්නේ කෙසේද

ඔබට ඔබේම වෙබ් පිටුවක් සාදා ගැනීමට අවශ්‍ය නම්, ඔබට HTML පිළිබඳ අවබෝධයක් තිබිය යුතුය. This article explains how to create an HTML page. තවද, ඔබ xml අඩවි සිතියමක් නිර්මාණය කරන්නේ කෙසේද සහ පින්තූරයක් සහ සබැඳියක් එක් කරන්නේ කෙසේදැයි ඉගෙන ගනු ඇත. xml අඩවි සිතියමක් නිර්මාණය කිරීම ද වැදගත් වේ, ඔබේ වෙබ් අඩවිය සංවිධානය කිරීමට සහ ඔබේ ගමනාගමනය වැඩි කිරීමට ඔබට උපකාර කළ හැක. ඊළඟ පියවර වන්නේ අච්චුවක් තෝරා ගැනීමයි.

Creating a html page

HTML යනු සලකුණු භාෂාවකි. වෙබ් පිටුවක සෑම අංගයක්ම ටැග් එකකින් නියෝජනය වේ. ටැග් එකක් හඳුනා ගන්නේ කෝණ වරහන් මගිනි, සහ සෑම අංගයකටම ටැග් එකක් හෝ කිහිපයක් ඇත. සමහර මූලද්‍රව්‍ය සඳහා අවශ්‍ය වන්නේ එක් ටැග් එකක් පමණි; අනෙක් අයට දෙකක් අවශ්‍ය විය හැක. ආරම්භක සහ වසා දැමීමේ ටැග් වලට ඉදිරි ස්ලෑෂ් ඇත (/). උදාහරණ වශයෙන්, ඡේදයේ මූලද්‍රව්‍යය p ටැගය මගින් නිරූපණය කෙරේ. ආරම්භක සහ අවසන් ටැග් අතර ඇති පාඨය ඡේද පෙළ වේ.

HTML ලේඛනයක් සෑදීමට, ඔබට පෙළ සංස්කාරකයක් භාවිතා කිරීමට අවශ්‍ය වනු ඇත. බොහෝ පරිගණකවල පෙරනිමියෙන් පෙළ සංස්කාරකයක් ඇත. වින්ඩෝස් භාවිතා කරන්නන් Internet Explorer භාවිතා කරනු ඇත, Mac පරිශීලකයින්ට TextEdit භාවිතා කළ හැක. වෘත්තීය පෙනුමැති වෙබ් පිටුවක් නිර්මාණය කිරීම සඳහා ඔබට විසිතුරු පෙළ සංස්කාරකයක් ස්ථාපනය කළ හැකිය, නමුත් ඔබේ පළමු HTML පිටුව සඳහා, එය අවශ්ය නොවේ. ඔබට සරල පෙළ සංස්කාරකයක් සහ ඕනෑම වෙබ් බ්‍රව්සරයක් භාවිතා කළ හැකිය. කුමන වැඩසටහන භාවිතා කළ යුතුදැයි ඔබට විශ්වාස නැත්නම්, නොමිලේ HTML සංස්කාරකයක් බාගත කිරීමට උත්සාහ කරන්න.

html පිටුවේ ප්‍රධාන කොටස් දෙකක් ඇත: ශරීරය සහ හිස. ශරීර කොටසෙහි වෙබ් අඩවියේ සත්‍ය අන්තර්ගතය අඩංගු වේ, මාතෘකාව සහ මෙටා තොරතුරු සඳහා ප්රධාන කොටස භාවිතා කරන අතර. ශරීරයේ අනෙකුත් සියලුම මූලද්රව්ය අඩංගු වේ, පින්තූර සහ අනෙකුත් චිත්රක ඇතුළුව. ශීර්ෂක කොටස ඔබේ සංචාලන සබැඳි තැබීමට ස්ථානයයි. ඔබ ශරීරය ලිවීම අවසන් වූ පසු, ඔබ ලේඛනයේ අන්තර්ගතය ඇතුළත් කිරීමට සූදානම්. ඔබේ වෙබ් අඩවිය සෑම කෙනෙකුටම ප්‍රවේශ විය හැකි බව සහතික කිරීමට ශරීරය සහ හිස මූලද්‍රව්‍ය භාවිතා කිරීමට වග බලා ගන්න.

Creating a xml sitemap

If you have an HTML page, සෙවුම් යන්ත්‍රවලට ඔබේ වෙබ් අඩවිය රිංගා ගැනීමට ඔබට XML අඩවි සිතියමක් සෑදීමට අවශ්‍ය විය හැක. මෙය ඔබගේ සෙවුම් ශ්‍රේණිගත කිරීම් වලට බලපාන්නේ නැතත්, එය සෙවුම් යන්ත්‍රවලට ඔබේ අන්තර්ගතය තේරුම් ගැනීමට සහ ඔවුන්ගේ බඩගා යාමේ වේගය සකස් කිරීමට උදවු කරයි. මෙම මාර්ගයේ, ඔබගේ වෙබ් අඩවිය සෙවුම් යන්ත්‍ර ප්‍රතිඵලවල වඩාත් දෘශ්‍යමාන වනු ඇත. ආරම්භ කිරීමට පහසු පියවර කිහිපයක් මෙන්න:

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

ඔබගේ HTML පිටුව සජීවී වූ පසු, එය Google සෙවුම් කොන්සෝලය වෙත ඉදිරිපත් කරන්න. ඔබට ඕනෑම ගොනු දිගුවක් භාවිතා කළ හැකි අතර ඔබේ XML අඩවි සිතියම නම් කරන්න. ඔබට XML අඩවි සිතියම Google වෙත ඉදිරිපත් කළ හැක, නමුත් එය අවශ්ය නොවේ. Google හි crawlers සාමාන්‍යයෙන් නව අන්තර්ගතයන් සොයා ගැනීමට ඉතා දක්ෂයි, ඔබ ඔවුන්ට අඩවි සිතියමක් ඉදිරිපත් කිරීමට අවශ්‍ය නැත. ඔබට එය වෙනත් සෙවුම් යන්ත්‍ර වෙත ඉදිරිපත් කළ හැකිය, නමුත් මෙය ඔබව Google විසින් සොයා ගනු ඇති බවට සහතික නොවේ.

ඔබේ වෙබ් පිටුවට XML අඩවි සිතියමක් එක් කිරීම අවශ්‍ය නොවේ, නමුත් එය ඔබගේ වෙබ් අඩවියේ SEO වැඩි කරයි. වෙබ් පිටුවක් මගින් සෘජුව සම්බන්ධ නොවන දර්ශක පිටු වලට උපකාර කිරීමට සෙවුම් යන්ත්‍ර මගින් අඩවි සිතියම් භාවිතා කරයි.. අඩවි සිතියම් පොහොසත් මාධ්‍ය අන්තර්ගතයේ ප්‍රවේශ්‍යතාව වැඩිදියුණු කිරීමට ද උපකාරී වේ. ඔබේ වෙබ් අඩවියට අඩවි සිතියමක් එක් කිරීම ඔබේ වෙබ් අඩවිය සෙවුම් යන්ත්‍ර බොට් වෙත වඩාත් ප්‍රවේශ විය හැකි බවට පත් කිරීමට උපකාරී වේ.

Adding a picture

In HTML, img ටැගය භාවිතා කිරීමෙන් ඔබට පිටුවකට පින්තූරයක් එක් කළ හැකිය. මෙම ටැගය තුළ ඇත්තේ රූපය සහ එහි ගුණාංග පමණි; එය වසා දැමීමේ ටැගය අවශ්ය නොවේ. මෙම රූප ටැගය HTML ලේඛනයේ ශරීර කොටස තුළ ඇතුළත් කළ යුතුය. පින්තූරයේ පළල සහ උසට අමතරව, ඔබ පින්තූරය විස්තර කරන alt ගුණාංගයක් ඇතුළත් කළ යුතුය. alt ටැග් එක ලියන්න ඕන හරියට බලන්න බැරි කෙනෙක්ට විස්තරය ලියනවා වගේ.

HTML ලේඛනයකට පින්තූරයක් එකතු කිරීම සඳහා CSS සහ HTML දැනුමක් අවශ්‍ය වේ. රූපයේ විශාලත්වය සහ විභේදනය සලකා බැලිය යුතු වැදගත්ම සාධක දෙකකි. රූපයේ විශාලත්වය එය ලේඛනයේ අන්තර්ගතයට ගැලපෙන ආකාරය තීරණය කරනු ඇත. ඔබ වෙනස් විභේදනයක් හෝ දර්ශන අනුපාතයක් භාවිතා කිරීමට කැමති නම්, ඔබට රූපයේ ප්‍රමාණය වෙනස් කිරීමටද උත්සාහ කළ හැකිය. කෙසේවෙතත්, ඔබ අපේක්ෂා කරන පරිදි පරිමාණය සැමවිටම ක්‍රියා නොකරන බව මතක තබා ගන්න.

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

Adding a link

You can add a link in HTML to your document using an a> href ගුණාංගය සමඟ ටැග් කරන්න. මෙය ලේඛනය සඳහා පිටු සලකුණක් සාදා එය නව ටැබ් එකකින් විවෘත කරනු ඇත. ලේඛනයට රූපයක් ඇතුළු කිරීමට ඔබට href ගුණාංගයක් භාවිතා කළ හැකිය. HTML බොත්තමක් සබැඳියක් බවට පරිවර්තනය කිරීමට ඔබට JavaScript කේතය සමඟ සබැඳියක් ද භාවිතා කළ හැකිය. ඔබ මෙය කළ පසු, ඔබට CSS හෝ JavaScript කේතය සමඟ ඔබේ සබැඳිය හැඩගස්වා ගත හැකිය.

සබැඳියක් යනු එක් වෙබ් සම්පතකින් තවත් වෙබ් සම්පතකට සම්බන්ධ වීමකි. එය අන්ත දෙකකින් සමන්විත වේ, මූලාශ්‍ර නැංගුරමක් සහ ගමනාන්ත නැංගුරමක්. සබැඳියක් රූපයක සිට පෙළ ගොනුවක් දක්වා ඕනෑම දෙයක් විය හැකිය. බොහෝ සමාජ ජාල වෙබ් අඩවි සහ වෙබ් අඩවි පරිශීලකයන් විශේෂිත URL එකකට යොමු කිරීමට සබැඳි භාවිතා කරයි. සබැඳියක පිහිටීම සඳහන් කිරීමට HTML ද භාවිතා කළ හැක. එය’ attribute මඟින් ඔබට කේත මූලද්‍රව්‍ය URL එකකට සම්බන්ධ කිරීමට ඉඩ සලසයි.

සබැඳියක් නිර්මාණය කිරීමේදී, ඔබේ අමුත්තන් අන්තර්ගතය භාවිතා කරන්නේ කෙසේදැයි සලකා බැලීමට වග බලා ගන්න. සබැඳි පෙළ විස්තරාත්මක විය යුතුය, එවිට ඔවුන් අපේක්ෂා කළ යුතු දේ හරියටම දැන ගනු ඇත. එකම URL එක නැවත නැවත කිරීම තිර කියවනයට කැතයි, එය ඔවුන්ට කිසිදු ප්‍රයෝජනවත් තොරතුරක් ලබා නොදේ. තිර කියවනය පරිශීලකයින්ට විවිධ මෝස්තර හෝ යටින් ඉරි ඇති කිරීම මගින් සබැඳි පවතින විට ද කියයි. මේ ක්රමයෙන්, ඔවුන්ට අවශ්‍ය තොරතුරු පහසුවෙන් සොයා ගත හැක.

Adding a table

Adding a table to an HTML page is simple, නමුත් ඔබ එය කිරීමට පෙර සලකා බැලිය යුතු කරුණු කිහිපයක් තිබේ. ඔබේ මේසයේ පසුබිම් වර්ණය ඔබේ අමුත්තන්ගේ ඇසට හසුවීමට සහ වැදගත් තොරතුරු වෙත අවධානය යොමු කිරීම සඳහා ඉතා වැදගත් වේ. හෙක්ස් වර්ණ කේත හෝ වර්ණ නම් භාවිතා කිරීමෙන් ඔබට වගුවේ ශීර්ෂ මූලද්‍රව්‍ය සහ දත්ත මූලද්‍රව්‍ය සඳහා වෙනස් වර්ණයක් සැකසිය හැක. දෙවිදියකින්, ඔබේ මේසය පහසුවෙන් දැකගත හැකිය.

ඔබට td මූලද්‍රව්‍යය සමඟ වගු ශීර්ෂයක් සහ වගු දත්ත එක් කළ හැක, පුද්ගලයා නිර්වචනය කරන “පෙට්ටි” අන්තර්ගතය සඳහා. වගු ශීර්ෂයක් එකතු කිරීම වෙබ් පිටුවක දත්ත පෙන්වීමේ පළමු පියවරයි, ඔබට අවශ්‍ය නම් පළමු එක එකතු කළ යුතුය. මේසයක පේළි ශීර්ෂ තුනක් ද තිබිය යුතුය. එක් ශීර්ෂයක් හිස් විය යුතුය. ඔබේ වගුවේ තීරු තිබේ නම්, ඔබ එක් එක් තීරුව සඳහා පේළි ශීර්ෂ නිර්මාණය කළ යුතුය.

ඔබට ඔබේ මේසයට සිරස්තලද එක් කළ හැක. ශීර්ෂ පාඨය වගුවේ අරමුණ විස්තර කරන විකල්ප අංගයකි. ප්‍රවේශ්‍යතාව සඳහා සිරස්තල ද උපකාරී වේ. වගුවේ දත්ත කාණ්ඩ විස්තර කරන කොටු ද අඩංගු විය හැක. අවසාන, පේළි සහ තීරු කට්ටලයක් අර්ථ දැක්වීමට ඔබට තේඩ් මූලද්‍රව්‍යය එක් කළ හැක. ඔබට මූලද්රව්ය දෙකම එකට හෝ වෙන වෙනම භාවිතා කළ හැකිය. ඔබට ඒවා ඒකාබද්ධව පවා භාවිතා කළ හැකිය, නමුත් ශීර්ෂ පාඨය තමයි වැදගත්ම එක.

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. div මූලද්රව්යය යනු පෙළ සඳහා විශේෂ බහාලුමක් වේ, රූප, සහ අනෙකුත් මූලද්රව්ය. ඔබට එය ඔබ කැමති ඕනෑම දෙයක් නම් කළ හැකි අතර ඔබේ අවශ්‍යතාවයට සරිලන පරිදි එහි ගුණාංග වෙනස් කළ හැක. ඔබේ පිටුවේ div සහ අනෙකුත් මූලද්‍රව්‍ය අතර ඉඩක් සෑදීමට ඔබට පන්තියක් හෝ ආන්තිකය එක් කළ හැක.

div එකක් තුළ කේතය ඇතුළු කිරීමට ඔබට අභ්‍යන්තර HTML උපලක්ෂණ භාවිතා කළ හැක. මෙම ක්‍රමය තන්තුවක කොටා ඇති කේතය පිළිගනී, සහ එය div තුළ නොමැති නම්, අන්තර්ගතය ඉවත් කරනු ලැබේ. ඔබ මේ ආකාරයෙන් div එකකට කේතය ඇතුළත් කිරීමෙන් වැළකී සිටිය යුතුය, එය ඔබගේ වෙබ් අඩවිය හරස් අඩවි ස්ක්‍රිප්ට් කිරීමේ දුර්වලතා වලට නිරාවරණය විය හැකි බැවිනි. ඔබ JavaScript වැනි scripting language එකක් භාවිතා කරන්නේ නම්, ඔබට අභ්‍යන්තර HTML ගුණාංගය භාවිතා කළ හැක.

div යනු ලේඛනයක් තුළ කේත කණ්ඩායම් කිරීමට භාවිතා කරන මූලික HTML ටැගයකි. එහි ඡේදයක් අඩංගු විය හැක, උපුටා දැක්වීම අවහිර කරන්න, රූප, ශ්රව්ය, හෝ ශීර්ෂකය පවා. එහි පිහිටීම පිටුවක විවිධ කොටස් සඳහා ඒකාකාර ශෛලියක් සහ භාෂාවක් යෙදීමට ඔබට ඉඩ සලසයි. අනුක්‍රමික මූලද්‍රව්‍ය කන්ඩායම්වලට පොදු වන අර්ථ ශාස්ත්‍ර සලකුණු කිරීම සඳහා Divs වඩාත් හොඳින් භාවිතා වේ. ඔබට සම්පූර්ණ පිටුවම නැවත ලිවීමකින් තොරව කොටසකට ශෛලිය එක් කිරීමට අවශ්‍ය වූ විට div එකක් භාවිතා කළ යුතුය.