الكورس الأول: مدخل لغة HTML

الكورس الأول: مدخل لغة HTML

HTML هي لغة ترميز تستخدم في إنشاء وتصميم صفحات ومواقع الويب، وتعتبر هذه اللّغة من أقدم اللّغات وأوسعها استخداما في تصميم صفحات الويب.

ما هي HTML؟

  • ترمز HTML إلى Hyper Text Markup Language
  • تصف HTML بنية صفحة الويب
  • تتكون HTML من سلسلة من العناصر
  • تخبر عناصر HTML المتصفح بكيفية عرض المحتوى
  • تقوم عناصر HTML بتسمية أجزاء من المحتوى مثل “هذا عنوان” ، “هذه فقرة” ، “هذا ارتباط” ، إلخ.

مستند HTML بسيط

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

شرح المثال

  • <!DOCTYPE html> يحدد البيان أن هذه الوثيقة هي وثيقة HTML5
  • و <html>العنصر هو العنصر الجذر من صفحة HTML
  • و <head>العنصر يحتوي على المعلومات الوصفية عن صفحة HTML
  • و <title>يحدد العنصر عنوانا لصفحة HTML (والذي يظهر في شريط عنوان المتصفح أو في علامة التبويب للصفحة)
  • و <body>يحدد العنصر الأساسي للمستند، وليس وعاء لجميع محتويات مرئية، مثل العناوين والفقرات والصور، وصلات والجداول، والقوائم، الخ
  • و <h1>يحدد العنصر عنوان كبير
  • و <p>يحدد عنصر فقرة