استخدام هيكل HTML
الهيكل العظمي هو الإطار الداعم للكائن الحي.
عادة ما تكون مصنوعة من شيء صعب ، لحماية الجسم الأكثر ضعفًا.
موسوعة
يجب أن يكون لدى كل مطور ويب هيكل HTML.
يحفظ في جيبه ، ويستعمل في كل عمل:
مثال
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">
<style>
</style>
<script src=""></script>
<body>
<img src="img_la.jpg" alt="LA" style="width:100%">
<div class="">
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</div>
</body>
</html>
انقر فوق الزر "جربها بنفسك" لترى كيف يعمل!
حاول تغيير النص "هذا عنوان" إلى "هذا حفل زفافي".
هل فعلتها؟
تهانينا! الآن أنت تعرف كيفية تحرير HTML.
شرح هيكل HTML
يجب أن يكون DOCTYPE موجودًا. تخبر المتصفح أن هذا مستند HTML:
<!DOCTYPE html>
تحدد علامة البداية html وعلامة النهاية html بداية ونهاية مستند HTML.
اللغة الإنجليزية:
<html lang="en">
</html>
تحدد علامة مجموعة الأحرف الوصفية مجموعة الأحرف (UTF-8):
تفتقد صفحة HTML علامات الرأس. علامات الرأس ليست مطلوبة في HTML.
في HTML ، يعتبر كل شيء قبل علامة النص جزءًا من الرأس.
<meta charset="UTF-8">
يتطلب معيار HTML عنوان صفحة مناسبًا:
<title>Page Title</title>
تجعل علامة meta viewport الصفحة تبدو جيدة على جميع أحجام الشاشات (كمبيوتر محمول ، جوّال):
<meta name="viewport" content="width=device-width,initial-scale=1">
ترتبط علامة الارتباط بورقة أنماط:
<link rel="stylesheet" href="name">
تحيط علامة البداية وعلامة النهاية بتصميم CSS المستقبلي:
<style>
</style>
ترتبط علامة البرنامج النصي ببرنامج نصي:
<script src="name"></script>
تحيط علامة البداية وعلامة النهاية بالجسم المرئي لمستند HTML:
<body>
</body>
تحدد علامات الصور صور HTML:
<img src="img_la.jpg" alt="LA" style="width:100%">
اجعل من المعتاد "حزم" أقسام HTML في عناصر div.
جهز نفسك لمنح كل قسم اسم فئة:
<div class="class name">
</div>
تحدد علامات العناوين عناوين HTML:
<h1>This is a Heading</h1>
تحدد علامات الفقرة فقرات HTML:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>