دورة html | الدرس الأول | مقدمة عن html وعناصرها
* HTML هي لغة الترميز القياسية لصفحات الويب.
تستخدم html للإنشاء مواقع الانترنيت, كتصمم شكل الصفحة والعناصر التي نريد وضعها فيل الصفحة.
ستجد في Alashkar.net مراجع كاملة حول (HTML elements) عناصر HTML
والسمات (attributes)
والأحداث (events)
وأسماء الألوان( color names) والكيانات(entities) ومجموعات الأحرف(character-sets) وترميز URL(URL encoding) ورموز اللغة(language codes) ورسائل HTTP(HTTP messages) ودعم المتصفح(browser support)والمزيد…
ماهي HTML ؟
* (Hyper Text Markup Language): لغة ترميز النصوص التشعبية
يصف HTML بنية صفحة الويب
يتكون HTML من سلسلة من العناصر
تخبر عناصر HTML المتصفح بكيفية عرض المحتوى
تقوم عناصر HTML بتسمية أجزاء من المحتوى مثل “هذا عنوان” ، “هذه فقرة” ، “هذا ارتباط” ، إلخ.
___ مثال على ملف صفحة html
<!DOCTYPE html>
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>
<h1>عنوان الاول في الصفحة</h1>
<p>الفقرة الاولى</p>
</body>
</html>
شرح المثال السابق
<!DOCTYPE html> هذا التحديد يأتي مرة واحدة في. أعلى الصفحة لتحديد أنا هاذا المستند هو مستند من نوع. HTML5
<html> </html> هو العنصر الجذر لصفحة html بحيث يأتي كل شي في الصفحة ضمن هذا الجزر.
<head> </head> عنصر هيد او رأس الصفحة يحوي. على معلومات وصفية للصفحة كالعنوان والمصادر المستخدمة بحيث كل شيئ يكتب داخل هذا العنصر لا يظهر داخل المتصفح.
<title>عنوان الصفحة</title> عنصر عنوان الصفحة يوضع في عنصر head وهو عنصر وصفي ايضا يظهر عنوان الصفحة في المتصفح او علامة التبويب.
<body> </body> عنصر جسم المستند, وهو عبارة عن حاوية لجميع العناصر المرئية , مثل عنوان في المستند, او الفقرات, او الصور, او الارتباطات التشعبية, والجداول, والقوائم, الى أخره..
<h1></h1> هذا العنصر يحدد عناون كبير يظهر في جسم المستند
<p></p> هذا العنصر يحدد فقرة
عناصر HTML | HTML Elements
يتم تعريف عنصر HTML بواسطة علامة البداية وبعض المحتوى وعلامة النهاية:
<tagname>بعض المحتوى هنا </tagname>
ملاحظة: بعض عناصر HTML ليس لها محتوى (مثل عنصر
). تسمى هذه العناصر بالعناصر الفارغة. العناصر الفارغة ليس لها علامة نهاية!
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<br>
متصفحات الانترنت
الغرض من متصفح الويب (Chrome و Edge و Firefox و Safari) هو قراءة مستندات HTML وعرضها بشكل صحيح.
لا يعرض المستعرض علامات HTML ، ولكنه يستخدمها لتحديد كيفية عرض المستند:
