ඔබ-පිටු HTML නිර්මාණය කරන ආකාරය කියලා? මෙය සිදු කිරීම සඳහා, ඔබ පැය කිහිපයක් වැය කිරීමට අවශ්ය, සහ ඔබ දන්නවා ඇත HTML හි යෙදෙමින් සිටිති. ඔබ ඔබේ පළමු පිටුවේ මිනිත්තු 5 කිරීමට හැකි වනු ඇත නිර්මාණය කරන්න.

HTML අධිපෙළ සලකුණුබස භාෂාව සඳහා එක්ව තිබේ. පරිවර්තනය, එය "අධිපෙළ සලකුණුබස භාෂාව" යන්නයි. එය ක්රමලේඛන භාෂා, එනම් සලකුණු අඩවිය නොවේ - එය HTML බව තේරුම් ගැනීමට වැදගත් වේ.

සියළු නූතන වෙබ් බ්රව්සර එය හඳුනා ගැනීමට හැකි වේ. එවිට ඔවුන් කලින් කර්තෘ විසින් අදහස් කරන ලදී ලෙස, පරිශීලක සඳහා පහසු ආකාරයට තොරතුරු පෙන්වන්න.

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

HTML මූලික කරුණු

ඔබ-පිටු HTML නිර්මාණය කළ හැකි පෙර, ඔබ එය කුමක්ද කියා ඔබ දැන සිටිය යුතුයි. එම මූලද්රව්යය හා ටැගය: මෙම භාෂාව, සංකල්ප දෙකක් ඇත.

එම මූලද්රව්යය ආරම්භ හා සමාරම්භක සහ සමාප්ති ටැගය භාවිතා වැසුනු එහිදී නියම කිරීමට. එය මේ වගේ.

අන්තර්ගතය <ටැගය ආරම්භ>

ඔබ දැක ගැනීමට හැකි වන පරිදි, සමාරම්භක සහ සමාප්ති ටැගය "/" මගින් පමණක් වෙනස් වේ.

සියලු HTML ලේඛනයක් මෙම මූලද්රව්ය සමූහයක් වේ. ලේඛනයේ ව්යුහය සඳහා යම් යම් අවශ්යතාවයන් වේ. සියලු පිටුව අන්තර්ගතය ටැග් දෙකක් සහ ත් අතර විය යුතුය. ඔබ කේතය ලියන විට, වහාම විවෘත කිරීම සහ වසා ටැගය බිඳ දමා එය පුරුද්දක් ගන්න.

ද භාෂාව HTML ව්යුහය එහි ම ධුරාවලියේ ඇති බව මතක තබා ගන්න. එසේ නොවේනම්, එය කුරුල්ලන් ලැග සිටින ලෙස හැඳින්වේ. HTML ටැග් අන් ඒ තුළ වන නිසා, වඩාත් වැදගත් වේ.

HTML හි, ළමා අංග දෙකක් තිබේ:

• ... ;
• .. .

හිස කොටසේ විවිධ සේවා තොරතුරු දක්වයි. මෙම තොරතුරු බ්රව්සරය දර්ශනය වේ නැහැ. උදාහරණයක් ලෙස සංවර්ධකයන් සඳහා, මාර්ගෝපදේශ, සියලු වැඩසටහන්, රොබෝවරු සහ තවත් දේ සඳහා.

වඩාත් වැදගත් දේ - නෑ අන්තර්ගතයට නැත.

ශරීරය කොටස පරිශීලකයාට දර්ශණය වන ලේඛනය, අන්තර්ගතය දක්වයි.

එය විය හැකි අතර 10 උප භාණ්ඩ ලෙස වහාම, රාජ්ය හා පෞද්ගලික ටැග් කරන්න ඉගෙන ගන්න. මීට අමතරව, පහසුව සඳහා පිළිතුරු පැතැලිව ටැග් indented කරන්න. උදාහරණයක් ලෙස, මේ වගේ.

ඒ නිසා සමාන වැදගත්කමක් ටැග් සමාන මට්ටමේ විය, හා දරුවා බව කරන්න - "ඇතුළත". කියවීමට සහ කේතය යම් කෑල්ලක් සෙවීමට මේ තරම් පහසු. එසේ නැත්නම්, ඔබ ව්යාකූල ලබා ගත හැක. එහෙත් ඉඩකඩ ගැලවීම සඳහා හිස සහ සිරුර ටැග් පුරවන තොරව කල හැකි වේ. ඒ නිසා, සෙසු සියලු කිසිවක් එබුම විය එන්න. අන් සියල්ල වෙන් කිරීමට හොඳය.

මත සරල HTML පිටුව නිර්මාණය කිරීම සඳහා ආකාරය

ඔබ කර්තෘ යම් ආකාරයක අවශ්ය කේතය ලියන්න. ඔවුන් ගොඩක්. ජනප්රිය ඒ කියන්නෙ ++ සහ Adobe Dreamweaver වේ. ඔබ ද නෝට්බුක් භාවිතා කළ හැකිය.

මෙහි කුමක් කියන්නෙ ++ කර්තෘ ය.

එය ඉතා පරිශීලක හිතකාමී කර්තෘ වන අතර එය නොමිලේ. Adobe Dreamweaver ඉහත ගෙවනු ලැබේ. ලිවීම සඳහා නිර්මාණය කර්තෘ මෙන් නොව HTML කේත මෙම pad එකෙන් - විශේෂ ටැග් දී ඉස්මතු කර ඇත. එය ආලෝකවත් නොවේ නම්, එය ඔබ ලියා ඇති බව ඉන් අදහස් වැරදියි.

ආලෝකයේ භාෂාවට ගැලපෙන කිරීම සඳහා, එය සැකසුම් නියම කිරීමට අවශ්ය වේ.

ගේ ඒ කියන්නෙ දී HTML පිටුව නිර්මාණය කිරීම සඳහා ආකාරය ගැන අපි දැන් සලකා බලමු. ඒ තාක්ෂණික කොටසක් අවසන්, සහ ඉන්පසු එහි ටැගය අධ්යයනය කිරීමට යනවා.

නෝට්බුක් තුළ ඇති වෙබ් පිටුව නිර්මාණය කිරීම සඳහා ආකාරය HTML

පළමුව, නෝට්බුක් විවෘත කරන්න.

එවිට එය පහත රූපයේ සඳහන් වන බව ටයිප් කරන්න.

හුදෙක් පිටපතක් නොවේ, තම අත් ලිවීමට පුරුදු. ඔබ ඔබේ අත් ලියන විට, ඔබ වඩා හොඳ සමස්ත ටැගය දත්ත මතක තබා ගන්න.

එවිට "ගොනුව සුරකින්න" සහ ගොනුවේ නම සඳහන් කර, නමුත් දීර්ඝ .html සමග මෙනු මත ක්ලික් කරන්න.

ගොනුව ඔබගේ බ්රවුසරයේ විවෘත අතර, එහි ප්රතිඵලය භුක්ති කළ හැක. දැන් ඔබ නෝට්බුක් HTML හි වෙබ් පිටුවක් නිර්මාණය කිරීම සඳහා ආකාරය පැහැදිලි විය යුතුය.

ලෝක මූල්යායතනය W3C

අන්තර්ජාලය සඳහා සියලු ප්රමිතීන් වර්ධනය හා ක්රියාත්මක කරන එවැනි W3C වැනි සංවිධානයක්, නැත. සියලු බ්රව්සර් මෙම නීති රීති වලට අනුව පිටු සඳහා මෙම ප්රමිතීන් සහ ක්රියාවලිය සැකැස්ම (ව) යටත් වේ.

HTML හි සංවර්ධකයින් නිල වෙබ් අඩවිය, ඔබ ඔවුන්ගේ භාවිතය සම්බන්ධයෙන් වන සියලුම ටැග් හා නීති මේසයක් සොයා ගත හැකි වනු ඇත. මෙම ලිපියෙන් අපි වඩාත් මූලික බලන්න.

ඔබ නිවැරදි වෙන්න ඕනේ දේ ගැන සිතා බැලිය හැකිද? මේ සියලු ටැග් නිර්දේශ ඇත. ඔවුන් විවිධ:

• විකල්ප ටැගය.
• තහනම්.
• හිස් ටැගය.
• යල් පැන ගිය
• ලොස්ට්.

මෙම HTML හි ටැග්

ඔබ-පිටු HTML නිර්මාණය කළ හැකි පෙර, ඔබ හිස සේවය කිරීමට බව තේරුම් ගත යුතු වෙනවා.

හිස ප්රදේශයේ දී අනිවාර්ය හා විකල්ප ටැග් දෙකම ඇත. අනිවාර්ය ටැගය ශීර්ෂ සඳහන් කරයි. එය <මාතෘකාව> මාතෘකාව මගින් වන ඇත. ඔහු මුළු ලියවිල්ල අනුයුක්ත කර ඇත. ටැග් එකක් මාතෘකාව - ඔබ කුමක් ගූගල් සෙවුම් යන්ත්ර ප්රතිපල බලන්න.

අපි BODY කොටස වෙත හැරී. බ්රව්සරය ප්රදර්ශනය කරන බව අංග ඇත, සහ-ප්රදර්ශනය නොවන ඇත. උදාහරණයක් ලෙස, අදහස් පරිශීලකයාට පෙන්වන්නේ නැත. ඔබ කණ්ඩායමේ වැඩ කරනවා නම් ඔවුන් සටහන් හෝ වෙනත් සේවකයින් සඳහා උපදෙස් සඳහා භාවිතා කළ හැක.

ඔවුන් ලෙස නම් කර

මේ ආකාරයෙන් සලකනු වැඩසටහන, සියල්ල අතර වේ . ඔබ තවත් ටැගය අදහස් තුළ ප්රතිචාරයක් ටැගය දැමිය නොහැකි බව කරුණාවෙන් සලකන්න. !, සියල්ල යනවා, එය ප්රදර්ශනය කළ නොහැකි වනු ඇත - ඔබ විවෘත ලෙස <ඉක්මනින් නිසා. > - මෙම හසුරුවන්නා වූ වසා ටැගය දැකිය නොහැක තොරතුරු තාක් දෘශ්යමාන වනු ඇත.

එවැනි කොටු උදාහරණයක්:

පළමු අදහස් ඉදිරියට ගෙන යාම ->

බ්රව්සරය පහත ඇති වන ප්රතිඵලය

පළමු අදහස ඉදිරියට ගෙන යාම ->

එහෙත්, <කෑල්ලක්! - අදහස් ප්රකාශ කිරීම පළමු දෘශ්යමාන වනු ඇත. දෙවන විවෘත ටැගය

පෙළ තුළ දෑවලින්

මාතෘකාව මාතෘකාව ටැගය භාවිතා කරමින් හිස කොටසේ පමණක් නොව දක්වයි. ශීර්ෂ සන්දර්භය තුළ අවශ්යයෙන්ම නියම කල යුතුය. පමණක් බැවින්, පරිශීලක දකී.

සිරස්තල මට්ටම් විවිධ එන්න. පෙළ තුළ මේ ධුරාවලියක්. පොතක් සමාන පරිමා, පරිච්ඡේද, ඡේද බලන්න.

එය හුදෙක් 6 මට්ටම් ඇත. ප්රධාන සිරස්තලය

මාතෘකාව නම් කර ඇත. h1 ටැග් දී පිටු පෙළ, සහ හිමිකම් ප්රවර්ධනය කිරීම අනුව සමාන විය යුතුය. එපමනක් නොව, දැක්ම ක සෞන්දර්යාත්මක ස්ථානයේ සිට h1, එකම එක කිරීමට හැකි විය යුතුය. නමුත් මෙම බ්රව්සරය පසුව h1 හැසිරවිය නොකරන බව ඉන් අදහස් කරන්නේ නැහැ. ඔවුන් ඔබට අවශ්ය සියලු දේ කළ හැකිය, නමුත් මෙම යෝග්ය නොවේ.

උපශීර්ෂ සඳහා h2 සිට h6 කිරීමට ටැග් භාවිතා කරන්න. පළමු, දෙවන, තෙවන හතරවන, පස්වන හා හයවන මට්ටම නමින් මාතෘකාව - ඔවුන් එසේ ය. ඒ නිසා පිළිතුරු පැතැලිව දත්ත සහ කාණ්ඩ බවට බෙදීමක් නිර්මාණය.

එය මේ වගේ.

ඡේදය

ඔබ ටැගය

... ලියාපදිංචි කිරීම සඳහා අවශ්ය කේතය ප්රධාන පෙළ. ඔහු "ඡේදය" යන වචනය විය. එක් එක් ඡේදය එක් ගොඩවල සියල්ල සිතිවිලි

ටැග් පුරවන්න, සහ කළ යුතු නැහැ. සාමාන්ය මාර්ගය කැඩී සකස් කළ නොහැකි වනු ඇත. හැම දෙයක්ම එක පෙලට යි. ස්ථාන මාරු සඳහා භාවිතා කිරීමට අවශ්ය
ටැගය.

මෙම ටැගය මාරු වසා නොවන බව කරුණාවෙන් සලකන්න. ඔහු තනි වේ.

උදාහරණයක් පදය මත සලකා බලන්න.

විවිධ ලේබල, එහි "නම" අමතරව, 'විශේෂණය නැත. උදාහරණයක් ලෙස, ඡේදය ටැගය align දක්වනු ලබන විශ්ලේෂණයක් "නොබැඳි පිලිවෙත", ඇත. එය ඉතිරි, හරි, මධ්යස්ථානය සකස් කළ හැකි ය. එනම්, වම් හෝ දකුණු හෝ මධ්යස්ථානය මෙතැන් පටන්ය.

සබැඳි භාවිතා

ඔබ බොහෝ විට මේ වන විටත් කල්පනා කළා: සබැඳි සමග-පිටු HTML නිර්මාණය කිරීමට කෙසේද? ඒ ගැන සංකීර්ණ කිසිවක් නැත. සබැඳි HTML පිටුව නිර්මාණය ඉතා සරල ය. මෙම අරමුණු ඉටු කර ගැනීම සඳහා විශේෂ ටැගය නැත. එහි අවශ්ය ගුණාංගයන් ඇත. නිසි ලින්ක් මේ වගේ:

ලින්ක් පෙළ

ඔබ ලිපිනය සහ පෙළ සඳහන් කර නොමැත නම්, එසේ නම්, මෙම සබැඳිය ඔස්සේ පරිශීලක පලක් හෝ නොපෙනෙන වනු ඇත.

නිගමනය

ටැග් ගොඩක් තිබෙනවා, හා එක් එක් ගුණාංග සිය මාලාවක් ඇත. මෙම තොරතුරු කියවීමෙන් පසු, ඔබ වෙබ් පිටුව HTML නිර්මාණය කරන ආකාරය වටහා ගත යුතුයි.

මෙම ප්රදේශයේ තම දැනුම පුළුල් කර ගැනීම සඳහා, ඔබ, වැඩි පොත් කියවීමට සහ එම වෙබ් අඩවිය W3C මත පිහිටා ඇති අතර මෙම HTML, මත නිල සඳහනක් ටැග් භාවිතා කිරීම අවශ්ය වේ. ඔබ භාෂා කතුවරුන් කලින් කලට යාවත්කාලීන බහලුම භාවිතා කර නොමැති නම්, ඔබට මෙම ක්ෂේත්රය තුළ වෘත්තීය බවට පත් කිරීමට අපහසු වනු ඇත.