محرر HTML للمبتدئين
نقطة البداية المثالية لتعلم HTML — اكتب التعليمات البرمجية وشاهد النتائج على الفور.
مقدمة
يعد تعلم HTML إحدى الخطوات الأولى في تطوير الويب. محرر HTML المناسب للمبتدئين يجعل من السهل البدء: ما عليك سوى كتابة الكود ورؤية النتائج. لا يوجد إعداد معقد، ولا توجد ميزات IDE مربكة - مجرد محرر بسيط ومعاينة مباشرة.
الشروع في العمل مع HTML
HTML (لغة ترميز النص التشعبي) هي اللغة القياسية لإنشاء صفحات الويب. ويستخدم العلامات لتحديد بنية الصفحة ومحتواها. فيما يلي الأساسيات:
- العلامات — يتم تعريف عناصر HTML بعلامات مثل
،، - السمات — يمكن أن تحتوي العلامات على سمات مثل
class،id،href - التداخل — يتم دمج العلامات داخل بعضها البعض لإنشاء بنية
- علامات الإغلاق — تحتوي معظم العلامات على علامة فتح وإغلاق:
...
صفحتك الأولى بتنسيق HTML
انسخ هذا في HTML Code Runner وانقر فوق "تشغيل":
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
</head>
<body>
<h1>Welcome!</h1>
<p>This is my first HTML page.</p>
<a href="https://example.com">A link</a>
</body>
</html>أشياء يجب تجربتها
- قم بتغيير نص العنوان وشاهده يتم تحديثه
- أضف فقرة ثانية باستخدام العلامة
- قم بإنشاء قائمة غير مرتبة باستخدام
و - أضف صورة باستخدام
- أضف لونًا بنمط مضمن:
style="color: blue;" - أنشئ زرًا باستخدام
مصادر التعلم
نصائح للمبتدئين
- ابدأ دائمًا بـ
- أغلق كل علامة تفتحها
- استخدم المسافة البادئة لإبقاء التعليمات البرمجية الخاصة بك قابلة للقراءة
- اختبر بشكل متكرر - قم بتشغيل التعليمات البرمجية الخاصة بك بعد كل بضعة تغييرات
- لا تخف من كسر الأشياء، فهذه هي الطريقة التي تتعلم بها
الأسئلة المتداولة
لا، فغالبًا ما تكون لغة HTML هي اللغة الأولى التي يتعلمها الأشخاص. إنه وصفي (تصف ما تريد رؤيته) وليس إجرائيًا.
يمكنك تعلم لغة HTML الأساسية في غضون ساعات قليلة. إن إتقان جميع العناصر وأفضل الممارسات يستغرق أسابيع من الممارسة.
ابدأ بـ HTML. بمجرد أن تتمكن من إنشاء بنية الصفحة، قم بإضافة CSS لتصميمها. ثم انتقل إلى JavaScript للتفاعل.