حيث يمثل x اسم العلامة. <x> و </x> يشبهون نفس مجموعة المفاتيح: علامة البدء <x> هي وظيفة يتم تشغيلها (تشغيل) ، وعلامة النهاية </x> (عادةً ما تكون علامة البدء بالإضافة إلى slash/) وظيفة OFF ، ويتم وضع معلومات النص المتحكم فيها بين العلامتين. على سبيل المثال: <i> هذا مائل </i>.
يمكن أيضًا إرفاق بعض السمات بالعلامة لإكمال بعض المؤثرات أو الوظائف الخاصة. على سبيل المثال: <x a1 = v1 ، a2 = v2 ، ... ، an = vn> النص المحكم </x>
من بينها ، A1 ، A2 ، ... ، هو اسم السمة ، بينما V1 ، V2 ، ... ، VN هي قيمة السمة المقابلة. لا يتم اقتباس قيمة السمة أو اقتباسها. المتصفحات المستخدمة حاليًا مقبولة ، ولكن وفقًا لمعايير W3C الجديدة ، يجب نقل قيمة السمة ، لذلك من الأفضل تطوير عادة إضافة مقتبسة.
1.2 علامة فارغة
على الرغم من أن معظم العلامات تظهر في أزواج ، إلا أن بعضها موجود بمفرده. وتسمى هذه العلامات الفردية العلامات الفارغة. الطريقة هي: <x>
وبالمثل ، يمكن أيضًا إرفاق العلامات الفارغة مع بعض السمات لإكمال بعض المؤثرات أو الوظائف الخاصة. على سبيل المثال: <x a1 = v1 ، a2 = v2 ، ... ، an = vn> ، على سبيل المثال: <HR> ، <br> ، إلخ.
يشير المعيار الجديد المحدد بواسطة W3C (XHTML1.0 /HTML4.0) إلى أن العلامات الفارغة يجب أن تنتهي بـ /، ،: <x />
إذا تم إرفاق السمة ، فهي: <x a1 = v1 ، a2 = v2 ، ... ، an = vn />
لا يتطلب المتصفح المستخدم حاليًا إضافة / بعد العلامة الفارغة ، أي / و / بعد العلامة الفارغة لن تؤثر على وظيفتها. ولكن إذا كنت تريد أن يفي ملفك بأحدث المعايير ، فمن الأفضل إضافة /.
2. تصنيف علامة HTML
2.1 علامات بنية الملف
الغرض من هذا النوع من العلامات هو الإشارة إلى بنية الملف ، بشكل رئيسي:
<html> ... </html>: يشير إلى بدء ونهاية ملف HTML.
<head> ... </head>: يشير إلى منطقة عنوان الملف.
<body> ... </body>: يعرض المنطقة الرئيسية للملف
2.2 علامات تنسيق كتلة
الغرض الرئيسي من هذا النوع من العلامات هو عرض شريحة معينة من النص في ملف HTML بتنسيق محدد لزيادة رؤية الملف. الرئيسية هي:
<title> ... </title>: عنوان الملف.
<hi> ... </hi>: i = 1،2 ، ... ، 6 ، عنوان صفحة الويب.
<HR>: إنشاء خطوط أفقية.
<br>: كسر الخط القسري.
<p> ... </p>: فقرة الملف.
<pre> ... </pre>: معروض بالتنسيق الأصلي.
<address> ... </address>: حدد اسم شخص جهة الاتصال ورقم الهاتف والعنوان والمعلومات الأخرى.
<blockquote> ... </blockquote>: علامة مرجع القطاع.
2.3 علامات تنسيق الأحرف
تستخدم لتغيير مظهر نص ملف HTML وزيادة جماليات الملف. خاصة:
<b> ... </b>: أحرف جريئة.
<i> ... </i>: مائل.
<tt> ... </tt>: الخط.
<font> ... </font>: تغيير إعدادات الخط.
<centre> ... </center>: محاذاة المركز.
<Link> ... </Blink>: النص وامض.
<big> ... </big>: زيادة حجم الخط.
<small> ... </small>: قلل من حجم الخط.
<site> ... </cite>: مرجع.
2.4 قائمة العلامات
<ul> ... </ul>: لا توجد قائمة مرقمة.
<ol> ... </ol: هناك قائمة مرقمة.
<li> ... </li>: قائمة العناصر.
<dl> ... </dl>: قائمة التعريفات.
<dd> ... </dd>: تحديد المشروع.
<dt> ... </dt>: تحديد المشروع.
<dir> ... </dir>: قائمة الكتالوج.
<menu> ... </menu>: قائمة على غرار القائمة.
2.5 رابط علامة (علامة المرساة)
يمكن القول أن الروابط هي Lifeblood لملفات النص التشعبي HTML. يدمج HTML الصور والنصوص والأفلام والصوت وغيرها من المعلومات المنتشرة في جميع أنحاء العالم من خلال علامات الارتباط. الغرض الرئيسي من هذا النوع من العلامات هو تحديد رابط النص التشعبي ، بشكل رئيسي:
<a> ... </a>: إنشاء ارتباط تشعبي.
2.6 علامة الوسائط المتعددة
يتم استخدام هذه العلامات لعرض بيانات الصورة. خاصة:
<img>: تم تضمينها في الصورة.
<inmbed>: تم تضمينها في كائن الوسائط المتعددة.
<BgSound>: موسيقى الخلفية.
2.7 علامات الجدول
هذه العلامات مصنوعة عن طريق صنع الطاولات. خاصة:
<border> ... </table>: تحديد مقطع الجدول.
<sption> ... </caption>: عنوان الجدول.
<th> ... </th>: رأس الجدول.
<tr> ... </tr>: عمود الجدول.
<td> ... </td>: خلية الجدول.
2.8 علامات النموذج
يتم استخدام هذا النوع من العلامات لإنشاء نماذج تفاعلية ، بشكل رئيسي:
<Porm> ... </form>: يشير إلى بداية ونهاية قسم النموذج.
<pection>: إنشاء مربعات نصية أحادية الخط ، أزرار الراديو ، خانات الاختيار ، إلخ.
<evidea> ... </textarea>: إنشاء خطوط متعددة من مربع نص الإدخال.
<select> ... </select>: يشير إلى بداية ونهاية القائمة المنسدلة.
<Poort> ... </Option>: قم بإنشاء عنصر تحديد في القائمة المنسدلة.
لا يوجد فرق بين الحالة العلوية والسفلية في علامات HTML ، أي <body> و <body> متماثلان. فيما يلي العلامات بشكل منفصل.
3. بنية الملفات
يمكن تقسيم بنية ملف HTML بشكل أساسي إلى جزأين ، ويسمى أحدهما قسم العنوان ؛ والآخر يسمى قسم الجسم. تُستخدم علامات بنية الملف للإشارة إلى المكان الذي ينتمي إليه العنوان إلى الموضوع.
3.1 <html>: قم بتسمية الملف بأكمله
الغرض: تسمية ملف HTML بأكمله
ملاحظة: ملف HTML قياسي هو ملف يبدأ بـ <html> وينتهي بـ </html>. الآن:
<html>
... ملف html النص الكامل
</html>
3.2 <head>: قم بتسمية منطقة عنوان الملف
ملاحظة: في ملف HTML ، تسمى المنطقة المحصورة بـ <head> و </head> منطقة العنوان للملف. عادة ما يكون قسم الرأس موجودًا في قسم HTML ، أي:
<html>
<head>
...... منطقة عنوان ملف HTML
</head>
.....
</html>
3.3 <TITLE>: عنوان صفحة الويب
<title> ..... </title> هي العلامة الأكثر أهمية والأكثر استخدامًا في منطقة عنوان ملف HTML. تشمل مناطق العنوان الأخرى أيضًا <sist> ، <Isindex> ، <link> ، <SextId> ، <TECA> ، إلخ.
الغرض من علامة <title> هو تعيين عنوان صفحة الويب. سيتم عرض هذا العنوان على شريط عنوان نافذة المتصفح ولن يظهر في نص صفحة المتصفح (صفحة). تتم تسمية معظم مجموعات المتصفحات (المفضلة) أو المرجعية (المرجعية) أو وظائف قائمة التاريخ على اسم عنوان هذا الملف.
لا يوجد حد للطول للنص الذي يتميز به <title> ... </title> ، ولكن قد يكون العنوان طويلًا في بعض الأحيان مقطوعًا وليس من السهل تذكره.
3.4 <Body>: قم بتسمية المنطقة الرئيسية للملف
ملاحظة: في ملف HTML ، تسمى المنطقة المحصورة بواسطة <body> ... </body> المنطقة الرئيسية للملف ، عادة بعد القسم <head>.
3.5 خصائص <body> علامة
سمة Backgroud:
يمكن أن تحدد هذه الخاصية ملف رسومي (عادةً GIF أو JPEG) كنمط الخلفية. ستقوم الرسومات بوضع الصورة الأساسية لصفحة الويب بأكملها مثل قطعة من البلاط الخزفي.