Home

تعلم HTML من الصفر: دليلك الشامل لبناء أول صفحة ويب

التفاصيل
كتب بواسطة: administrator
المجموعة: Uncategorised
الزيارات: 5

في عالم تطوير الويب، كل موقع بتشوفيه قدامك بيتبني على أساس واحد ثابت: HTML. هي مش مجرد لغة… دي الهيكل الأساسي لأي صفحة على الإنترنت، زي الهيكل العظمي لجسم الإنسان. من غيرها، مفيش صفحة تشتغل أو تظهر بشكل صحيح.
لو انتي لسه بتبدأي، ففهم HTML خطوة مهمة جدًا لأنها الأساس اللي هتبني عليه كل حاجة بعد كده زي CSS و JavaScript.
🧠 الفكرة الأساسية
HTML هي اختصار لـ HyperText Markup Language، وهي لغة بتستخدم علشان تحددي عناصر الصفحة زي:
العناوين
الفقرات
الصور
الروابط
الجداول
الفورمات
كل حاجة بتظهر قدامك في الموقع بتتكتب باستخدام Tags (وسوم). �
philopaterhany.github.io
🏗️ تركيب صفحة HTML
أي صفحة HTML ليها شكل أساسي ثابت تقريبًا:
HTML
<!DOCTYPE html>
<html>
  <head>
    <title>عنوان الصفحة</title>
  </head>
  <body>
    <h1>مرحبا بيكي</h1>
    <p>دي أول صفحة HTML</p>
  </body>
</html>
شرح بسيط:
<!DOCTYPE html> → بيحدد نوع الصفحة
<html> → بداية الصفحة
<head> → معلومات مش بتظهر للمستخدم
<body> → كل المحتوى اللي بيظهر فعليًا
🧩 أهم عناصر HTML
1. العناوين (Headings)
HTML
<h1>عنوان رئيسي</h1>
<h2>عنوان فرعي</h2>
2. الفقرات (Paragraphs)
HTML
<p>دي فقرة نصية</p>
3. الروابط (Links)
HTML
<a href="https://google.com">افتح جوجل</a>
4. الصور (Images)
HTML
<img src="/image.jpg" alt="صورة">
5. القوائم (Lists)
HTML
<ul>
  <li>عنصر 1</li>
  <li>عنصر 2</li>
</ul>
🏷️ الـ Attributes (الخصائص)
أي عنصر ممكن يكون ليه خصائص بتزود تحكمك فيه، زي:
HTML
<a href="https://google.com" target="_blank">لينك</a>
href → الرابط
target="_blank" → يفتح في صفحة جديدة
📐 تنظيم الصفحة
في الفيديو تم توضيح أهمية تنظيم الصفحة باستخدام عناصر زي:
HTML
<div>...</div>
<span>...</span>
وكمان استخدام عناصر Semantic زي:
HTML
<header></header>
<nav></nav>
<section></section>
<footer></footer>
دي بتخلي الصفحة منظمة وأسهل للفهم لمحركات البحث والمطورين. �
philopaterhany.github.io
📝 الفورمات (Forms)
من أهم الحاجات في HTML هي الفورمات لجمع البيانات:
HTML
<form>
  <input type="text" placeholder="اكتب اسمك">
  <input type="submit" value="إرسال">
</form>
🎯 خلاصة الفهم
HTML هي الأساس لأي موقع
كل حاجة عبارة عن عناصر (Tags)
لازم تتعلمي التنظيم الصح للصفحة
هي خطوة البداية قبل CSS و JavaScript

مقال البرمجه وهندسة البرمجيات

Login Form