مقدمه عن تعليم لغة HTML

هذا الدرس ما هو الا مقدمه عن تعليم لغة ال HTML

مقدمه عن تعليم لغة HTML


HTML هي لغة الترميز لإنشاء صفحات الويب.

  • HTML هى اختصار إلى Hyper Text Markup Language

  • يصف HTML بنية صفحات الويب باستخدام الترميز

  • تعد عناصر HTML هى وحدات البناء لصفحات HTML

  • يتم كتابة عناصر HTML بالتاجز

  • يتم كتابة HTML التاجز للحصول على "عنوان" و "فقرة" و "جدول" .. وهكذا

  • لا تعرض المتصفحات HTML تاجز ، ولكنها تستخدمها لعرض محتوى الصفحة

مثال:

<!DOCTYPE html>
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>
<h1>اول عنوان فى المقال ( توريسة 1 )</h1>
<p>المقاله</p>
</body>
</html>


تفسير اول مثال فى مقدمه عن تعليم لغة HTML

  • هذا التاج<! DOCTYPE html> بمثابة اعلان انك تستخدم ال HTML5
  • عنصر <html> هو العنصر الاساسى لصفحة HTML
  • يحتوي عنصر <head> على معلومات تعريف حول المستند
  • يحدد عنصر <title> عنوانًا للمستند
  • يحتوي العنصر <body> على محتوى الصفحة المرئي
  • يعرّف العنصر <h1> كعنوانًا كبيرًا
  • يحدد العنصر <p> فقرة او مقال

تاجز HTML
HTML تاجز هي أسماء العناصر محاطة بأقواس زاوية:

<tagname>هنا يتم كتابة المحتوى...</tagname>


    • تأتي HTML تاجز عادةً في أزواج مثل <p> و </ p>
    • التاج الأول في الزوج هو تاج البدء ، والتاج الثاني هو تاج النهاية
    • تتم كتابة تاج النهاية مثل تاج البدء ، ولكن يتم إدراج شرطة مائلة قبل تاج النهاية
      ملاحظة تاج البداية تسمى ( تاج الافتتاح ) وتاج النهاية تستمى ( تاج الاغلاق )


متصفحات الانترنت

الغرض من متصفح الويب (Chrome, IE, Firefox, Safari) هي قراءة مستندات HTML وعرضها.
لا يعرض المتصفح HTML تاجز ، ولكنه يستخدمها لتحديد كيفية عرض المستند:




هيكل صفحة HTML



ملاحظة: يتم عرض المحتوى الموجود داخل القسم <body> فقط (المساحة البيضاء أعلاه) في المتصفح.


الإعلان <!DOCTYPE>

  • يمثل الإعلان <! DOCTYPE> نوع المستند ، ويساعد المتصفح على عرض صفحات الويب بشكل صحيح.
  • يجب أن تظهر مرة واحدة فقط ، في أعلى الصفحة (قبل أي HTML تاجز).

<!DOCTYPE html>

0 التعليقات

إرسال تعليق