පැය කිහිපයකින් වෙබ් අඩවියක් සාදා ගන්නේ කෙසේද

වෙබ් අඩවියක් නිර්මාණය කිරීම අපහසු විය යුතු නැත. මෙම ලිපියේ, අපි html පිටු නිර්මාණයේ මූලික කරුණු සහ කුඩා ඇතුළත් ලැයිස්තුවක් සාදා ගන්නේ කෙසේද යන්න හරහා ගමන් කරමු. ඊළඟ, අපි html භාවිතා කරන්නේ කෙසේදැයි සාකච්ඡා කරමු>-පෙළ උද්දීපනය කිරීමට ටැගය. අවසාන වශයෙන්, පැය කිහිපයකින් වෙබ් අඩවියක් නිර්මාණය කරන්නේ කෙසේදැයි අපි ඔබට පෙන්වන්නෙමු. අපි තවත් ප්රයෝජනවත් තාක්ෂණික ක්රම කිහිපයක් ද ආවරණය කරන්නෙමු.

html පිටුවක් නිර්මාණය කිරීම

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

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

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

කුඩා ඇතුළත් ලැයිස්තුවක් නිර්මාණය කිරීම

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

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

html භාවිතා කිරීම>-ටැගය

html>-HTML ලේඛනයක ප්‍රධාන අන්තර්ගත ප්‍රදේශය නිර්වචනය කිරීමට tag භාවිතා කරයි. ප්‍රධාන අන්තර්ගත ප්‍රදේශය කේන්ද්‍රීය මාතෘකාවට හෝ පිටුවේ ක්‍රියාකාරීත්වයට අදාළ පෙළ වලින් සමන්විත වේ. එය වෙබ් අඩවියේ ඇති අනෙකුත් අන්තර්ගත වලින් අනන්‍ය විය යුතුය. වෙනත් අන්තර්ගතයන් පැති තීරු ආකාරයෙන් පිටුවේ දිස්විය හැක, නාවික සබැඳි, ප්රකාශන හිමිකම් තොරතුරු, අඩවි ලාංඡන, සහ සෙවුම් ආකෘති. HTML පිටුවක් html අනුගමනය කළ යුතුය>-ටැගය HTML පිටුවක් ලෙස සැලකිය යුතුය.

href= ගුණාංගය සබැඳි මූලද්‍රව්‍යය විවෘත කරයි. පසු “=” ලකුණ, ඔබ සබැඳියේ URL එක ඇලවිය යුතුය. ඔබට එක් ශීර්ෂයක බහු ඡේද රේඛා භාවිතා කළ හැකිය. වසා දැමීමේ වරහන අනිවාර්ය වේ. මෙය ඔබගේ සබැඳි වැරදි ලෙස අර්ථකථනය කිරීම වලක්වනු ඇත. html පිටුව කියවීම පහසු කිරීමට, ඔබේ වෙබ් අඩවියට සබැඳියක් එක් කරන්න. html>-ටැගය ඔබට වෙනත් වෙබ් පිටුවකට යොමු කරන සබැඳි එක් කිරීමට ඉඩ සලසයි.

HTML ගොනුවක a.html දිගුවක් ඇති අතර එය HTML ගොනුවක් බව ඔබේ පරිගණකයට කියයි. හිස්තැන් වෙනුවට හයිෆන් භාවිතා කිරීම වඩාත් සුදුසුය, අවකාශයන් වෙබ් බ්‍රව්සරයක් ගොනුව සොයා ගැනීම වළක්වයි. ඔබ HTML පිටුවක් නිර්මාණය කිරීම අවසන් කළ පසු, ඔබට එය සුරැකීමට සිදු වනු ඇත. ඊළඟ, HTML ගොනුව සහිත ෆෝල්ඩරය වෙත ගොස් එය දකුණු-ක්ලික් කරන්න. එය පහත තිර රුවට සමාන විය යුතුය.

html භාවිතා කිරීම>-පෙළ උද්දීපනය කිරීමට ටැගය

ඔබට ලකුණ භාවිතා කළ හැකිය> HTML ලේඛනවල පෙළ ඉස්මතු කිරීමට ටැගය. එය සාපේක්ෂව නව HTML වේ 5 විශේෂාංගය, සහ එය ඡේදයක උද්දීපනය කළ කොටසක් නිර්වචනය කරයි. ලකුණ> යටින් පවතින HTML ලේඛනයේ පසුබිම්-වර්ණ ගුණාංගය වෙනස් කිරීම මගින් tag ක්‍රියා කරයි. ලකුණ> ටැගය ගෝලීය සහ සිදුවීම් ගුණාංග යන දෙකටම සහය දක්වයි. එය කහ හෝ කළු පාටින් පෙළ උද්දීපනය කරනු ඇත. යටින් පවතින CSS ගොනුව තුළ පෙළෙහි වර්ණය වෙනස් කිරීමට ද හැකිය.

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

පසුබිම්-වර්ණ ශෛලියට අමතරව, ඔබට 'hilightme' භාවිතා කළ හැකිය’ ඔබේ HTML ලේඛනයේ පෙළ උද්දීපනය කිරීමට පන්තිය. පසුබිම්-වර්ණ විලාසය සියලුම බ්‍රව්සර් මගින් සහය දක්වයි. ඔබට "කහ" යන වචනය ද භාවිතා කළ හැකිය’ වර්ණ කේතය වෙනුවට. ඡේදයක් හෝ පෙළ කොටසක් උද්දීපනය කිරීමට ඔබට එම කේතයම භාවිතා කළ හැක. ඔබට පෙළ උද්දීපනය කිරීමට CSS පන්ති භාවිතා කළ හැකිය.

html භාවිතා කිරීම>-කුඩා ඇතුළත් ලැයිස්තුවක් සෑදීමට ටැග් කරන්න

html>-කුඩා ඇතුළත් ලැයිස්තුවක් සෑදීමට ටැගය භාවිතා කරයි. එහි අනුරූප වසා දැමීමේ ටැගය අඩංගු වන අතර මූලද්රව්යයේ නම කුඩා අකුරු වේ. HTML ලේඛන UTF-8 අක්ෂර කේතනය භාවිතයෙන් කේතනය කර ඇත, යුනිකෝඩ් අක්ෂර ඇතුළත් කිරීමට සහය දක්වයි. html භාවිතා කරන විට>-ටැගය, UTF-8 තෝරා ගැනීමට වග බලා ගන්න “save-as” සංවාද කොටුව.

html භාවිතා කිරීම>-HTML පිටුවකට කුඩා ඇතුළත් ලැයිස්තුවක් එක් කිරීමට ටැග් කිරීම පහසුය. ඔබට මෙම ටැගය ඇණවුම් නොකළ ලැයිස්තුවකට සහය දක්වන ඕනෑම අංගයක් සඳහා භාවිත කළ හැක. ඔබට සංචාලන මෙනුවක් සඳහා ඇණවුම් නොකළ ලැයිස්තුවක් පවා භාවිතා කළ හැකිය. dl මූලද්‍රව්‍යය නියමයන් සහ විස්තර යුගල ලැයිස්තුවක් ඇතුළත් කරයි. ඇණවුම් කළ ලැයිස්තුවක ඇති අයිතම වම් පසින් වැඩිවන කවුන්ටරයක් ​​සමඟ ප්‍රදර්ශනය කෙරේ. ලැයිස්තු අයිතමය වහාම වෙනත් මූලද්‍රව්‍යයකින් අනුගමනය කරන්නේ නම් ඔබට dl මූලද්‍රව්‍යය ද අත්හැරිය හැක.

කුඩා ඇතුළත් ලැයිස්තුවක් ඇතුළු කිරීමට තවත් ක්‍රමයක් නම් HTML ලේඛනයක පාදක අංගයක් එක් කිරීමයි. මෙම මූලද්‍රව්‍යය ආසන්නතම කොටස් අන්තර්ගතයේ පාදකය නියෝජනය කරයි. එහි සාමාන්‍යයෙන් කතුවරයා පිළිබඳ තොරතුරු අඩංගු වේ, හිමිකම් දත්ත, හෝ අදාළ ලේඛන වෙත සබැඳි. html භාවිතා කිරීම>-HTML පිටුවක කුඩා ඇතුළත් ලැයිස්තුවක් සෑදීමට ටැග් කරන්න

html භාවිතා කිරීම>-තනි පෙළ බ්ලොක් ඉස්මතු කිරීමට ටැගය

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

HTML4 ප්‍රමිතිය භෞතික-විලාසයේ අක්ෂර මට්ටමේ ටැග් අවලංගු කරයි. ඔවුන් ඉදිරිපත් කිරීම සමඟ කටයුතු කරයි, සහ මෙම අරමුණු සඳහා CSS භාවිතා කිරීම වඩා හොඳය. HTML5 ඒවා නැවත හඳුන්වා දී ඇත. ඒවා තවදුරටත් අත්හරිනු නොලැබේ, නමුත් ඒවා තවමත් තනි පෙළ බ්ලොක් ඉස්මතු කිරීමට ඇති එකම මාර්ගය නොවේ. HTML5 සමඟ තනි තනි පෙළ කොටස් ඉස්මතු කිරීමට CSS භාවිතා කරන්න! මෙම සරල ක්‍රමය අන්තර්ගතයේ කොටසක් තුළ තනි පෙළ කොටස් ඉස්මතු කරයි.

පාවෙන: මූලද්‍රව්‍යයක් අඩංගු මූලද්‍රව්‍යයේ වම් හෝ දකුණු කෙළවරට පාවීමට ඔබට මෙම CSS ගුණය භාවිතා කළ හැක. ජාලයක් හෝ තීරු නිර්මාණය කිරීමට එය භාවිතා කළ හැකිය. ඔබට iframe එකක් හෝ පින්තූරයක් බ්‍රවුසරයේ වම් හෝ දකුණු මායිමට පාවීමට float නම් CSS ගුණාංගයක් ද භාවිතා කළ හැක.. මෙම ගුණාංග CSS සමඟින් තනි කුට්ටි ඉස්මතු කිරීම පහසු කරයි.