<html> -علامة البدء
<head>
التحكم في المعلومات على صفحة الويب
<title> عنوان الصفحة </title>
</head>
<body>
ما تعرضه الصفحة
</body>
</html> -علامة
<!-محتوى التعليق-> التعليقات
خصائص الجسم:
BGColor صفحة الخلفية لون
نص نصي (تنظيم جميع ألوان النص)
هامش الصفحة السابقة
LeftMargin Left Page Margin
الهامش الصحيح للصفحة الصحيح
هامش الصفحة التالية الصفحة التالية
خلفية خلفية
ملاحظة: اختر أحد ألوان الخلفية وخلفية الخلفية
1.1. التسمية العامة 1.1.1. تنسيق علامة التحكم<font color = face = size => </font> controls font ؛ color = ## ff0000 ؛ الوجه ، الخط ؛ الحجم ، حجم الخط.
<b> </b> خط غامق
<i> </i> الميل
<u> </u> تسطير
<strong> </strong> الخط الغامق (التأكيد ، النغمة المعززة)
<em> </em> إمالة الخط (التأكيد ، استخدم لتعزيز النغمة)
<centre> </center> المركز
ملاحظة: إذا كانت هناك خطوط أخرى قبل وبعد <Center> </center> افتراضيًا ، قم بتنفيذ كسر الخط قبل وبعد التأكد من أنه كلي ، ثم عرضه في المركز.
<br> أو <br /> مكافئ للدخول (مفتاح الاختصار: Shift + Enter)
& nbsp ؛ يشير إلى المسافات ، يمكنك أيضًا الضغط على مساحة Ctrl+Shift+على صفحة التصميم.
1.1.2. علامات حاوية المحتوى<h1> </h1> ... <H6> </h6> العنوان (سوف يلف تلقائيًا). يتم تعريف عناوين HTML (العنوان) بواسطة علامات مثل <h1> - <h6>.
ملاحظة: <h1> </h1> ... <h6> </h6> تنخفض الأهمية في التسلسل ، وزيادة أو تتناقص وفقًا للحجم الافتراضي الحالي. وإذا كانت هناك أشياء أخرى في المقدمة والخلف ، قم بتنفيذ كسر الخط قبل وبعد ، وفتح خط فارغًا للتأكد من أنه كلي
<p> </p> تسمية الفقرة (أسطر فارغة بين الفقرات)
ملاحظة: إذا كانت هناك خطوط أخرى قبل وبعد <p> </p> ، قم بتنفيذ كسر الخط قبل وبعد ، وفتح سطر فارغًا للتأكد من أنه كلي
<viv> </viv> علامة طبقة (افتراضيًا ، سطر واحد)
<span> </span> علامة طبقة (افتراضيًا ، مقدار المساحة المحتلة)
<ol type = 1> -قائمةسل ، أرقام التسلسلية هي 1 ، 2 ، 3 ... ، يمكن تغيير نموذج الرقم التسلسلي في عروض الأسعار
<li> المحتوى </li>
<li> المحتوى </li>
</ol>
ملاحظة: الافتراضي هو أن يكون لديك رقم تسلسلي وخط جديد. إذا كان هناك خطوط أخرى قبل وبعد ، قم بتنفيذ الخط الجديد قبل وبعد ، وفتح سطرًا واحدًا فارغًا للتأكد من أنه كلي.
إذا تم تغيير OL أعلاه إلى UL ، فستكون قائمة غير مرتبة ، وليس لها وظيفة إضافة استراحات الخط.
1.2. علامات شائعة الاستخدامعلامات الارتباط التشعبي
<a href = tharedlink address target = _blank> النص السري للربط التشعبي </a> -href (مرجع الارتباط التشعبي) ؛ _blank مفتوح في نافذة جديدة.
الخطوة 1: جعل علامات المرساة. <a name => </a>
الخطوة 2: اصنع روابط المرساة. <a href = قيمة اسم الرابط الهدف> </a>
علامات الصورة
<img src = عنوان الصورة alt = عرض النص = الارتفاع = /> -حدد عرض كعب عالي واحد ، وسيتم تحجيم الصورة المعروضة بشكل متناسب. يعرض ALT نصًا عندما لا يمكن تحميل الصورة ، ويمكن أن تساعد أيضًا في البحث عن محركات البحث.
يجب أن تظهر <img /> بشكل منفصل.
1.3. طاولة<جدول> </table> جدول
العرض: العرض. يمكن التعبير عنها بالبكسل أو النسب المئوية. شائع الاستخدام 960 بكسل.
الحدود: الحدود. قيمة شائعة الاستخدام 0.
cellpadding: الهوامش بين المحتوى والحدود الخلوية. قيمة شائعة الاستخدام 0.
تباين الخلايا: التباعد بين الخلايا. قيمة شائعة الاستخدام 0.
محاذاة: محاذاة.
BGColor: لون الخلفية.
الخلفية: صورة الخلفية.
<tr> </tr>
المحاذاة: المحاذاة الأفقية لمحتويات الخط
Valign: محاذاة رأسية لمحتويات الخط
ارتفاع:
BGColor: لون الخلفية
الخلفية: صورة الخلفية
<td> </td> خلية
<th> </h> رأس الجدول ، محتوى الخلية يتركز تلقائيًا وسميك
المحاذاة: محاذاة محتويات الخلية
Valign: المحاذاة العمودية لمحتويات الخلية
العرض: عرض الخلية
الارتفاع: ارتفاع الخلية
BGColor: لون الخلفية
الخلفية: صورة الخلفية
يجب وضع المحتوى في الخلية ، ويجب وضع الخلية في الصف ، ويجب وضع الصف في الجدول. عند ضبط ارتفاع الصف وارتفاع العمود للخلية ، سيؤثر الصف أو العمود المقابل أيضًا على
دمج الخلية: (يوصى باستخدام تعشيش الجدول قدر الإمكان)
colspan = n-merge خلايا على نفس الصف (اكتب الكود لاحقًا لطرح العمود المقابل)
Rowspan = n-merge نفس خلايا العمود (قم بطرح العمود المقابل من الصف الثاني)
استنادًا إلى المعرفة الأساسية أعلاه ، ويرد أدناه رمز البرنامج ونتائج التشغيل
رمز البرنامج: XML/HTML رمز نسخ المحتوى إلى الحافظة