1. علامة إعلان نوع المستند 2. نوع لغة Lang 3. مجموعة الأحرف 4. علامات HTML الشائعة إعلان مستند HTML5 HTML5HTML 4.01XHTML 1.0
</DOCTYPE> وتتمثل وظيفته في إخبار المتصفح بإصدار HTML الذي يجب استخدامه لعرض صفحة الويب.
الرمز: </DOCTYPE html> يعني استخدام إصدار HTML5 لعرض صفحة الويب
الأشياء التي يجب ملاحظتها هي:
1. يوجد إعلان <!DOCTYPE> في مقدمة المستند، قبل علامة <html>.
2. <!DOCTYPE> ليس علامة HTML
يستخدم هذا بشكل عام
<!DOCTYPE html> <html lang="zh-CN">
يستخدم لتحديد قوة عرض المستندات
أون --- الإنجليزية
zh-CN --- الصينية
مجموعة الأحرف عبارة عن مجموعة من الأحرف حتى تتمكن أجهزة الكمبيوتر من التعرف على النص وتخزينه.
ضمن علامة <head>، يمكنك تحديد الحرف الذي يجب أن يستخدمه مستند HTML من خلال سمة مجموعة الأحرف للعلامة <meta>.
<meta charset="UTF-8"/>
يُطلق على "UTF-8" أيضًا اسم Unicode
4.1 علامة العنوان
<h1>أنا لقب من المستوى الأول</h1>
سمات:
سيصبح النص الذي يحمل العنوان أكثر وضوحًا وسيصبح حجم الخط أكبر أيضًا.
عنوان واحد على السطر الخاص به
الأمثلة هي كما يلي:
يجب وضع إضافة علامات العنوان في <body></body>
يصبح خط "علامة العنوان" أكثر جرأة وأكبر
أدخل جميع علامات عنوان المستوى الستة
يشغل كل عنوان سطرًا واحدًا، ويتناقص حجم الخط بالتسلسل، وطالما تمت إضافة العنوان، سيصبح حجم الخط أكثر وضوحًا.
4.2 علامات الفقرة وعلامات فاصل الأسطر
<p>أنا علامة فقرة</p>
تأثير العرض (هناك مسافة كبيرة بين الفقرات المختلفة)
إذا كنت تريد التفاف السطر، فأنت بحاجة إلى استخدام علامة فاصل الأسطر</br> (لا يتم عرض التأثير)
فيما يلي صفحة ويب تتبع العملية:
وثيقة
يحصل!
4.3 علامات تنسيق النص
في صفحات الويب، تحتاج أحيانًا إلى تعيين تأثيرات غامقة أو مائلة أو مسطرة للنص. في هذه الحالة، تحتاج إلى استخدام علامة تنسيق النص في HTML (لتسليط الضوء على الأهمية، وهي أكثر أهمية من النص العادي).
دلالات | ملصق | يوضح |
عريض | <strong></strong> أو <b></b> | أكثر يوصي أول واحد |
خفض | <em></em> أو <i></i> | أكثر يوصي أول واحد |
يتوسطه خط | <del></del> أو <s></s> | أكثر يوصي أول واحد |
تسطير | <ins></ins> أو <u></u> | أكثر يوصي أول واحد |
4.4 علامات <div> و <span>
هاتان العلامتان ليس لهما أي دلالات، فهما مجرد مربع يستخدم للاحتفاظ بالمحتوى.
<div>هذا هو الرأس</div> (يمكن وضع div واحد فقط على التوالي)
على سبيل المثال: <div>كتاب الحكايات الخيالية</div>1997
يجب أن يكون الإخراج
<span>سعر اليوم</span> (يمكن عرض المحتوى على سطر واحد)
على سبيل المثال: <span>حكايات جريم الخيالية</span>
<span>حكايات أندرسن الخيالية</span>
<span>خرافات إيسوب</span>
يجب أن يكون الإخراج:
4.5 علامات الصور والمسارات
كيفية إدراج الصور في صفحات الويب؟
في HTML، يتم استخدام العلامة <img> لتحديد الصور في صفحات HTML
<img src="عنوان URL للصورة"/>
src هي سمة مطلوبة للعلامة <img>، والتي تُستخدم لتحديد المسار واسم الملف لملف الصورة.
من الأفضل وضع الصورة في نفس المجلد مثل صفحة الويب
يمكنك مشاهدتها مباشرة على صفحة الويب، الصورة مختصرة ،
فيما يلي الخصائص الأساسية لعلامات الصور
ملكية | قيمة السمة | يوضح |
| src | مسار الصورة | الصفات المطلوبة |
بديل | نص | استبدل النصوص والصور التي لا يمكن عرضها |
عنوان | نص | نص موجه، سيتم عرض النص عند وضع الماوس على الصورة |
عرض | بكسل | ضبط عرض الصورة |
ارتفاع | بكسل | ضبط ارتفاع الصورة |
حدود | بكسل | ضبط سمك الحدود للصورة |
حاول أولاً استخدام السمة alt. عندما لا يمكن عرض الصورة، أدخل <img src="image1.jpg" alt="Fairy Tale"/> (صورة image1 هنا غير موجودة، لذا لا يمكن عرضها)
ثم حاول استخدام سمة العنوان مرة أخرى، وأدخل <img src="image.jpg" title="Fairy Tale"/>، وجرب هذا التأثير بنفسك.
لاختبار سمات العرض والارتفاع والحدود، أدخل <img src = "image.jpg" title = "Fairy Tale" width = "300" height = "100" border = "15"/>
أشياء يجب ملاحظتها حول علامات الصور:
(1) يجب كتابة علامة الصورة بعد اسم العلامة
(2) السمات ليست في ترتيب معين، يجب فصل أسماء العلامات والسمات والسمات بمسافات.
(3) مفتاح التنسيق = "القيمة"
4.6 علامات الصور والمسارات
يمكن تقسيم المسارات إلى: المسارات المطلقة والمسارات النسبية
1. المسار النسبي
إنه موضع الصورة بالنسبة لصفحة HTML
تصنيف المسار النسبي | رمز | يوضح |
نفس المستوى المسار | <img src="image.jpg"/> | |
مسار المستوى التالي | / | <img src="images/baidu.gif"/> |
مسار المستوى السابق | ../ | <img src="../baidu.gif"/> |
2. المسار المطلق
وهو المسار بالمعنى الشائع: "D:webimglogo.gif"
(سأقوم بتحديثه لاحقا عندما يتوفر لدي الوقت)
بيان وثائق HTML5
<!DOCTYPE html>
كتلة التعليمات البرمجية أعلاه عبارة عن إعلان مستند HTML5، يشير إلى أن صفحة الويب الحالية مكتوبة وفقًا لمعايير HTML5.
عند كتابة صفحة ويب، تأكد من كتابة إعلان مستند HTML5 في أعلى صفحة الويب. إذا لم تكتب إعلان مستند، فسوف تدخل بعض المتصفحات في وضع غريب. بعد الدخول إلى الوضع الغريب، سيقوم المتصفح بتحليل الصفحة ولن يتم عرض الصفحة بشكل طبيعي، لذلك، لتجنب الدخول إلى هذا الوضع، يجب عليك كتابة بيان مستند.
إعلانات المستندات شائعة الاستخدام
<!DOCTYPE html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ملاحظة: <!DOCTYPE> ليس علامة HTML. فهو يزود المتصفح بمعلومات (بيان) حول إصدار HTML الذي تمت كتابته.
لكي يكون المتصفح متوافقًا مع بعض الصفحات القديمة، يحتوي المتصفح على وضعين للتحليل:
وضع المعايير وضع المعايير
وضع المراوغات وضع غريب
ستنتج الأوضاع الغريبة بعض السلوكيات غير المتوقعة عند تحليل صفحات الويب، ويجب علينا تجنب حدوث الأوضاع الغريبة.
نوع الملف <HTML></HTML> (يتم وضعه في بداية الملف ونهايته)
بهذا نختتم هذه المقالة حول علامات تعريف مستند HTML (برنامج تعليمي للمبتدئين). لمزيد من محتوى إعلان مستند HTML ذي الصلة، يرجى البحث في المقالات السابقة على downcodes.com أو الاستمرار في تصفح المقالات ذات الصلة التالية وآمل أن تقرأ المزيد في المستقبل.دعم downcodes.com!