වෙබ් අඩවියක් තැනීම ආරම්භ කිරීමට මූලික HTML
ඔබේ වෙබ් අඩවියේ නිර්මාණය සඳහා මූලික HTML ඉගෙන ගන්න. මූලික HTML ඉගෙනීමට අපහසු නැත. ඔබේ පුද්ගලික වෙබ් අඩවිය නිර්මාණය කිරීමට ඔබට අවශ්ය නම්, ඔබ විසින් කවදා හෝ සිදු කරන වඩාත් වැදගත් දෙය HTML ඉගෙන ගැනීමයි. හොඳ වෙබ් පිටු නිර්මාණය කිරීම සඳහා ඔබට HTML ඉගෙන ගත යුතුය. මන්ද අන්තර්ජාලය මත වෙබ් අඩවි පදනම් කරගත් භාෂාව.
වෙබ් අඩවි ඔබේ ජීවිතයේ යම් දෙයක් ප්රදර්ශනය කිරීම සඳහා විශිෂ්ට ක්රමයකි. මූලික වෙබ් අඩවිය ඔබට ඔබේ වෙබ් අඩවියේ පෙන්වීමට ඔබට අවශ්ය ඕනෑම දෙයක් ලෝකයට පෙන්වනු ඇත. වර්ණ එකතු කිරීම, ඔබේ වෙබ් අඩවියේ පින්තූර ප්රමාණය වෙනස් කිරීම සහ මූලික වෙබ් පිටු ඉගෙන ගන්නා විට ඔබට කළ හැකි දේවල් කිහිපයක් වේ.
මූලික HTML ඉගෙන ගැනීම සඳහා ඔබ එය සැබවින්ම නැගී සිටින දේ කෙටිමං යන අකුරු පෙළ මාලාවක් බව මතක තබා ගත යුතුය. නිදසුනක් ලෙස, H1 වර්ග පහක් අතර පළමු වන ඡේදයක් වන අතර, BR යනු රේඛීය බිඳීමකි.
මතක තබා ගත යුතු එක් වැදගත් කරුණක් වන්නේ, ඔබ මූලික HTML ඉගෙන ගන්නා අතරම, වෙබ් පිටුවක ඇති පරිදි HTML ටැග්ස් යම් නිශ්චිත පිළිවෙලකින් පැමිණිය යුතු අතර, බොහෝ HTML ටැග්ස් විසින් විධාන හඳුනා ගැනීමට බ්රවුසරයේ ආරම්භක සහ අවසන් ටැගය තිබිය යුතුය. අවසානයේ ටැග් යනු ආරම්භක ටැගය පමණක් වන අතර එය / සංකේතය සමඟ ආරම්භ වේ. ශීර්ෂයක් මෙම ශීර්ෂය මෙන්න H1> ලෙස
දිස්වනු ඇත. ආරම්භක ටැගය, H1 , මාතෘකාව සහ අවසන් ටැගය, / H1 වේ.
මූලික HTML නිසි ආකාරයෙන් ඉගෙන ගන්න. ටැග්ස් නිශ්චිත පිළිවෙළකට පැමිණිය යුතු බව මතක තබා ගන්න. වෙබ් පිටුවක මූලික ව්යුහය පහත පරිදි වේ:
මෙහිදී ඔබට රාමු, භාෂාව සහ විශේෂ උපදෙස් වැනි වැදගත් ලේඛන තොරතුරු ඇතුළත් කළ හැක.
HEAD>
ඔබේ කතාව, පින්තූර, සබැඳි සහ වෙනත් ඕනෑම දෙයක් මෙන්න.
ඔබගේ ඡේදයේ ශීර්ෂය. H1>
ඔබ ඔබේ ලේඛනයේ පිටපත ඇතුළත් කරන්න. P>
සබැඳියක් ලිවීමට මෙය මෙසේය:
http://www.nameofpage.com "> මාතෘකාව හෝ ඔබට පැවසීමට අවශ්ය දේ.
BODY>
HTML>
ඔබට වාක්යයක් මැදට සම්බන්ධ කළ හැකිය. "මයික්රොසොෆ්ට් සමහර සුන්දර ඩිමෝස් තියෙනවා" කියා පැවසීමට අවශ්ය නම්. එය මෙලෙස දිස්වනු ඇත:
http://www.microsoft.com/en/us/default.aspx "> Microsoft මූලික HTML තොරතුරු ඉගෙන ගැනීමට උපකාර කිරීම සඳහා අපූරු ඩොමෝස් කිහිපයක් තිබේ.
ඔබට වෙනත් පිටු වලට සබැඳි පමණක් සෑදිය හැකි නමුත් එකම පිටුවක වෙනත් ස්ථානයකට සබැඳි නිර්මාණය කළ හැකිය. මෙම ලිපියේ මුල දක්වාම ඔබ වෙත ආපසු යෑමට අවශ්ය නම්, "ආපසු යන්න" වැනි යමක් කියමි, ඔබ ආරම්භයේ සිට ආපසු යන්න යන hyperlink ක්ලික් කිරීමෙන්. මෙම කොටස සඳහා එය කොටස් දෙකක් ඇති බැවින් ටිකක් අපහසු වේ. මුලින්ම ඔබ ඔබේ සබැඳිය නිර්මාණය කරන්නේ:
"එතැන" යන වචනයේ තේරුම මම ඔබට ආපසු ගෙන යාමට අවශ්ය වචනයයි. දැන් මම එම වචනය වෙතට ගොස් නිර්මාණය කර ඇති අතර මම තනන ලද සබැඳිය දන්නවා කොහේද යන්න දන්නේ කොහෙන් ද කියා.
ඔබ මූලික HTML ඉගෙන ගන්නා විට ඔබේ වෙබ් අඩවියේ වින්ඩෝස් සමඟ එන පෙළ සකසනයෙහි සටහන් කරන්න. NoteTab සහ Arachnophilia වැනි වැඩසටහන් හෝ ඔබේ වෙබ් බ්රවුසරය සමඟ එන අයෙකු. ඔබ මූලික HTML එකක් ඉගෙන ගත් විට ඔබට නීති රීති අනුගමනය කරන්නේ නම්, සියල්ලම ඉතා හොඳයි.
මූලික HTML ටැග්ස්
- බ්රවුසරය විසින් නොපෙන්වූ කතුවරුන්ගේ අදහස්.
... HTML> - මෙම ටැගය භාවිතා කරමින් ඔබගේ පිටුව ආරම්භ කරන්න සහ අවසන් කරන්න.
... HEAD> - ලේඛන සඳහා ශීර්ෂය.
< ශරීර > ... BODY> - ලේඛනයේ ශරීරය.
... H1>
- කුඩාම ශීර්ෂය ප්රමාණය.
... H2>
- කුඩා ශීර්ෂයේ ප්රමාණය.
... H3>
- මධ්යම-කුඩා ශීර්ෂය ප්රමාණය.
... H4>
- මධ්යම-විශාල ශීර්ෂය ප්රමාණය.
... H5>
- විශාල ශීර්ෂය ප්රමාණය.
... H6>
- විශාලතම ශීර්ෂය ප්රමාණය.
... ... - අධිවේගී සබැඳියක් පටන් ගනී.
<ලිපිනය> ... ලිපිනය> - කර්තෘ පිළිබඳව තොරතුරු.
... BLOCKQUOTE>
- දිගු උපුටා.
... PRE>
- පෙර සැකසූ පෙළ.
- ආකෘති පත්රය.
- පෙළ ඇතුළත් කිරීම සඳහා කොටුව නිර්මාණය කරයි.
- ලුහුබැඳීමේ මෙනුව සාදයි.
<විකල්ප> ... OPTION> - තේරීමට අයිතමයන් සාදන්න.
... OL>
- ඇණවුම් ලැයිස්තුව.
ඇණවුම් ලැයිස්තුවේ නිදසුන:
- රතු
- නිල්
- කොළ
... UL>
- රහිත ලැයිස්තුවක්.
නොබැඳි ලැයිස්තුවක්:
- රතු
- නිල්
- කොළ
< මෙනුව > ... MENU> - මෙනු ලැයිස්තුව.
... DL>
- ටීකාවේ ලැයිස්තුව.
... CITE> - උපුටනය.
... CODE>
- කේත අකුරු.
... DFN> - නිර්වචනය කළ අර්ථය.
... EM> - අවධාරණය.
රතු: අවධාරණය කිරීමේ නිදසුන
රතු, නිල්, කොළ
... I> - ඉස්ලාමීය.
ඇල අකුරින් නිදසුන:
රතු, නිල්, කොළ
... KBD> - යතුරු පුවරුවේ පෙළ.
... SAMP> - ආදර්ශ පාඨය.
... STRONG> - දැඩි අවධාරණය.
දැඩි අවධාරණය සඳහා උදාහරණයක්:
රතු, නිල්, කොළ
... TT> - යතුරුලියන පෙළ.
... VAR> - විචල්යය.
... B> - තදකුරු.
- ලේඛනය විස්තර කරයි.
- රේඛාව.
- තිරස් රේඛාව.
- රූපය.
- ඡේදය.
- ලැයිස්තුගත අයිතමය.
- ලැයිස්තුවක් තුළ යෙදුම සලකුණු කරයි.
- ලැයිස්තුවේ අර්ථ දැක්වීම සලකුණු කරයි.