English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

تعليميات HTML الأساسية

وسائط HTML

دليل مرجعي لHTML

دليل الأساسيات لHTML5

API HTML5

وسائط HTML5

محررات HTML الشائعة

من يريد أن يبرع في عمله، عليه أن يجعل أداته سليمة؛ محرر HTML جيد يمكن أن يزيد من كفاءة عملك في إنشاء صفحات الويب، ويحقق لك تأثيرًا مضاعفًا. سأقدم لكم فيما يلي بعض المحررات الشائعة.

توصيات محررات HTML

يمكن استخدام محرر HTML المحترف لتحرير HTML، وأقدم لكم في هذا الدليل بعض المحررات الشائعة:

يمكنك تنزيل البرنامج من موقع الويب الرسمي للبرنامج وتبع الخطوات لتنزيله.

سنقوم بشرح كيفية استخدام أدوات Editplus لإنشاء ملفات HTML في هذا الفيديو، وتكون خطوات التشغيل مشابهة للثلاث أدوات الأخرى.

Editplus 

EditPlus هو محرر صغير ولكن قوي يصدر عن Sangil Kim (ES-Computing) من كوريا، يمكنه معالجة النصوص، HTML وبرامج اللغات، وهو أيضًا محرر HTML جيد جدًا، يمكنك أيضًا إعداده كـ IDE بسيط للغاية للغات مثل C، Java، Php وما إلى ذلك.

الخطوة 1: إنشاء ملف HTML

بعد تثبيت Editplus، اختر "ملف (W)->إنشاء ملف جديد (N)"، ثم أضف رمز التالي في الملف الجديد:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>دليل أساسي (oldtoolbag.com)</title>
</head>
<body>
<h1>عنوان صفحتي الأولى</h1>
<p>فقرة صفحتي الأولى.</p>
</body>
</html>


الخطوة 2: حفظ كملف HTML

ثم اختر "ملف (W)->حفظ نسخة جديدة (W)"، واسم الملف w3codebox.html:


عند حفظ ملف HTML، يمكنك استخدام امتداد .htm أو .html، لا يوجد فرق بينهما، اعتمادًا على تفضيلاتك، هنا نوصي باستخدام امتداد .html.

حفظ هذا الملف في مجلد سهل التذكر، مثل w3codebox

الخطوة 3: تشغيل ملف HTML في المتصفح

ثم انقر بزر الماوس الأيمن على اسم الملف في محرر، اختر "فتح" في المتصفح الافتراضي، هنا اختر متصفح Firefox (يمكنك أيضًا استخدام متصفح آخر):


نتيجة العرض تشبه ما يلي:

هذا هو استخدام بسيط لـ editplus editor لإنشاء صفحات الويب HTML، نأمل أن يكون مفيدًا لك، إذا كنت تحبها، فشاركها أو قم بحفظها، تذكر اسم نطاقنا (oldtoolbag.com).