إذا لم تكن تعرف شيئًا عن HTML وما زلت قلقًا بشأن كيفية البدء في HTML ، يوصي المؤلف بأن تتعلم هذه المقالة ، والتي يمكن أن تتقن HTML بسرعة. إذا كنت بالفعل خبيرًا في HTML ، آمل أن تتمكن من تقديم اقتراحات أفضل.
ملخصيُعرف HTML عادةً باسم لغة ترميز النص التشعبي. إنه اختصار للغة النصية المفرطة. إنها لغة ترميز تستخدم لوصف مستندات الويب. ملف صفحة الويب نفسه مجرد ملف نصي. عن طريق إضافة علامات إلى الملف النصي ، يمكننا إخبار المتصفح بكيفية عرض المحتوى (مثل: كيفية معالجة النص ، وكيفية ترتيب الصورة ، وكيفية عرض الصورة ، إلخ). هذه العلامات هي HTML لدينا. عندما نتعلم HTML ، نتعلم هذه العلامات. اليوم نتعلم بشكل أساسي بعض علامات HTML الشائعة ، والمعروفة أيضًا باسم عناصر HTML.
عناصر العلاماتمقدمة علامة
يتضمن عنصر HTML مجموعة من الادراج المحددة بواسطة واحد أو زوج من العلامات. تتكون العلامة من سلسلتين <و> علامات ، وتتضمن العلامة علامة البدء <> والعلامة النهائية </>.
هناك أربعة أشكال من عناصر علامات HTML:
عنصر فارغ: <br>
عنصر فارغ مع السمة: <hrfont = red>
عناصر ذات محتوى: <ititile> هذا هو المحتوى </titile>
العناصر ذات المحتوى والسمات: <fontcolor = red> هذا محتوى </font>
شيء واحد يمكن قوله هنا هو أنه في مستند HTML ، لا ترتبط أسماء العلامات والسمات بالحجم.
العناصر الأساسية من إطار HTML<html> </html> يعني بداية ونهاية المستند
<head> </head> يعني بداية ونهاية رأس المستند
<title> </title> يشير إلى بداية ونهاية عنوان المستند
<body> </body> يشير إلى بداية ونهاية نص جسم الوثيقة
تعليق HTML
التنسيق أقل من علامة (<) ، علامة التعجب (!) أقل من العلامة وعلامة التعجب ليس لها مسافات. التالي هما خطان قصيران (-) ، ثم محتوى التعليق ، وأخيراً سطرين قصيرتين (-) وأكبر من العلامة (>).
على سبيل المثال: <!-هذا هو محتوى التعليق->
العلامات المتعلقة بالتحكم في الفقرة<palign =#>
إنشاء فقرة ، تشير محاذاة السمة إلى محاذاة الفقرة ، يمكن ترك # ، الوسط ، يمين ، تبرير.
<br>
الوظيفة هي تغيير الخط
<hrcolor =#>
تتمثل الوظيفة في إدراج خط أفقي ، ويستخدم لون الخاصية لتمثيل اللون.
العلامات المتعلقة بعرض النص<centre> ... </center>
مركز النص
<hnalign =#> </hn>
الوظيفة هي تمثيل عنوان المستند. N عبارة عن عدد صحيح من 1 إلى 6 ، وهو أكبر لقب في وقت واحد ، 6 هو أصغر لقب ، والمحاذاة هي تعيين محاذاة العنوان ، بما في ذلك اليسار والمركز واليمين
<fontsize = n color =#> ... </font>
قم بتعيين الخط ، والحجم هو حجم الخط ، وعدد صحيح من 1 إلى 7 ، وكلما زاد الرقم ، كلما زاد الخط.
<b> ... </b>
اجعل النص جريئًا.
<i> ... </i>
اجعل النص مائلًا
العلامات التي تم إنشاؤها بواسطة عناصر القائمةأ. قم بإنشاء قائمة بأرقام رقمية:
<ol> ... </ol> استخدم سمة البدء لتعيين رقم تسلسل البداية.
<li> ... </li> استخدم سمة القيمة لتغيير ترتيب رقم التسلسل في القائمة.
ب. قم بإنشاء قائمة مع مطابقة المشروع:
<ul> و <li> ، تحدد سمات نوع العلامة الخاصة بهم نمط الرمز:
القرص ، معروض كدائرة صلبة ؛
مربع ، يعرض المربعات غير القوية.
دائرة ، عرض دوائر غير مفتوحة
ب. إنشاء قائمة غير موقعة
<dl> و <dt> إنشاء قوائم غير موقعة
<dd> و <dt> ، قم بإنشاء قائمة بادئة
علامات لعناصر الجدولدور الجداول في تخطيط صفحة الويب أمر بالغ الأهمية ، ويتم تعريف الجداول بواسطة <Chand>.
التعريف المحدد هو: <tableborder = n aligh =# bgcolor = rgb>
يتم استخدام حدود السمة لتحديد عرض حدود الجدول ، ويتم استخدام محاذاة السمة لتعيين محاذاة الجدول ، والتي يمكن تركها اليمين والوسط. BGColor هو اللون.
<aption> ... </caption> يستخدم لتحديد عنوان الجدول
<tr> ... </r> أضف صفًا جديدًا إلى الجدول
<th> ... </th> يستخدم لتحديد رأس الجدول
<td> ... </td> يستخدم لتحديد الخلايا
HTML شكل تفاعليالنماذج مسؤولة بشكل أساسي عن وظائف جمع البيانات في صفحات الويب. على سبيل المثال ، فإن النموذج هو النموذج الذي نقوم عادة بتسجيل المعلومات وإدخال المعلومات التي يمكن أن تتفاعل مع صفحات الويب.
يتم إنشاء النموذج باستخدام العنصر <port> ... </form> ، أو تضمين العناصر أو عناصر التحكم الأخرى ذات الصلة بين الاثنين ، يمكنك إنشاء نموذج جزء من مستند HTML.
بناء الجملة الأساسي لإنشاء نموذج هو كما يلي:
<formmethod = get أو post Action = url>…. </form>
يتم استخدام طريقة السمة لتحديد طريقة HTTP المستخدمة لإرسال بيانات النموذج إلى الخادم. يمكن القيام به مع GET أو POST. يتم إرفاق البيانات المقدمة بنهاية عنوان URL وإرسالها إلى الخادم كجزء من عنوان URL.
فيما يلي بعض العناصر الشائعة حول النماذج:
يتم استخدام العنصر <pection> لتلقي معلومات إدخال المستخدم. إنه عنصر فارغ مع سمات. يتم استخدام بناء الجملة لإنشاء عنصر التحكم في النموذج.
<inputType = type name = name size = sizevalue = value '>
يتم استخدام نوع السمة لتحديد نوع عنصر التحكم الذي سيتم إنشاؤه ، ويتم استخدام السمة لتحديد اسم عنصر التحكم ، ويتم استخدام الحجم لتحديد العرض الأولي لعنصر التحكم في النموذج ، وتحدد قيمة السمة القيمة الأولية لعنصر التحكم.
من أجل النوع ، يرجى الرجوع إلى الصورة التالية:
قائمة عناصر مربعيسمح للمستخدم بتحديد عنصر واحد أو أكثر من قائمة منسدلة. يتم إنشاء مربع القائمة بواسطة العنصر <select> ويتم توفير الخيارات الموجودة في مربع القائمة بعنصر <Spoint>.
التحكم متعدد السطر في إدخال النص
<textAreaname = name rows = عدد الصفوف cols = عدد الأعمدة> ... </textarea>
يتم استخدام صفوف السمات لتحديد عدد خطوط النص المعروضة في المساحة المرئية لعنصر إدخال مربع النص ، ويحدد Cols عرض المنطقة المرئية المعروضة في التحكم في إدخال النص.
علامات الارتباط التشعبي<hhref = url> ... </a>
يتم استخدام السمة HREF لتحديد هدف الرابط. عنوان الوجهة له موقع URL. سيتم استخدام النص بين علامة البدء <a> </a> كنص رابط معروض في المتصفح.
تضمين علامات الصورة <img src = عرض url = n height = m> السمات src حدد موقع مورد الصورة. يتم استخدام عرض الخصائص والارتفاع لتحديد حجم الصورة. تجدر الإشارة هنا إلى أن SRC يجب أن تحاول استخدام المسارات النسبية بدلاً من المسارات المطلقة.عناصر الشخصية الخاصة
تشمل الشخصيات الخاصة مراجع الأحرف ومراجع الكيانات. أدناه سوف نلخص تلك الشائعة الاستخدام.
لخصلقد قمنا بتلخيص بعض عناصر العلامات الأكثر استخدامًا وأكثرها استخدامًا. بمجرد أن تتقن هذه الأشياء الأساسية ، يمكنك أن تصبح بسرعة HTML صغار. لا توجد مشكلة في كتابة صفحة ويب HTML بسيطة ، والتي تضع الأساس أيضًا لمزيد من التعلم في المستقبل.