HTML Tutorial

إرشادات مبسطة لهيكل HTML

الخطوات العملية:

  1. ابدأ بوسم نوع المستند: <!DOCTYPE html>
  2. أنشئ عنصر html: الذي يمثل المستند بأكمله.
  3. داخل html: أضف عنصر head لمعلومات المستند مثل العنوان والكلمات المفتاحية.
  4. داخل head: أضف وسم title لعنوان المستند.
  5. بعد head: أضف عنصر body الذي يحتوي على محتوى المستند الفعلي.

المفاهيم الأساسية:

  • <!DOCTYPE html>: يحدد نوع المستند كملف HTML.
  • <html>: العنصر الجذر الذي يحتوي على جميع عناصر المستند الأخرى.
  • <head>: يحتوي على معلومات المستند غير المرئية للمستخدم.
  • title: يحدد عنوان المستند الذي يظهر في شريط المتصفح.
  • <body>: يحتوي على محتوى المستند المرئي للمستخدم.

مثال بسيط:

<!DOCTYPE html>
<html>
<head>
  <title>مثال HTML بسيط</title>
</head>
<body>
  <h1>مرحباً بالعالم!</h1>
</body>
</html>

تحسين إمكانية الوصول وسهولة الاستخدام:

  • استخدم عناوين واضحة ووصفية (مثل <h1> و<h2>).
  • أضف نصوص بديلة إلى الصور (alt) لوصف المحتوى للمستخدمين ذوي الإعاقات البصرية.
  • استخدم CSS لتصميم المستند وجعله سهل القراءة.
  • اختبر مستندك باستخدام أدوات مثل أداة تقييم الويب (WAVE) للتحقق من إمكانية الوصول.