محرري HTML
كل ما تحتاجه هو محرر نصوص بسيط لتعلم HTML.
تعلم HTML باستخدام المفكرة أو TextEdit
يمكن إنشاء صفحات الويب وتعديلها باستخدام برامج تحرير HTML المحترفة.
ومع ذلك ، لتعلم HTML ، نوصي باستخدام محرر نصوص بسيط مثل Notepad (PC) أو TextEdit (Mac).
نعتقد أن استخدام محرر نصوص بسيط هو طريقة جيدة لتعلم HTML.
اتبع الخطوات أدناه لإنشاء صفحة الويب الأولى الخاصة بك باستخدام Notepad أو TextEdit.
الخطوة 1: افتح برنامج Notepad (PC)
Windows 8 أو أحدث:
افتح شاشة البدء (رمز النافذة في أسفل يسار الشاشة). اكتب المفكرة .
Windows 7 أو أقدم:
افتح ابدأ > البرامج> الملحقات> المفكرة
الخطوة 1: افتح TextEdit (Mac)
افتح الباحث> التطبيقات> TextEdit
قم أيضًا بتغيير بعض التفضيلات ليحصل التطبيق على حفظ الملفات بشكل صحيح. في التفضيلات> التنسيق> اختر "نص عادي"
ثم ضمن "فتح وحفظ" ، حدد المربع الذي يشير إلى "عرض ملفات HTML كرمز HTML بدلاً من نص منسق".
ثم افتح مستندًا جديدًا لوضع الرمز.
الخطوة 2: اكتب بعض HTML
اكتب رمز HTML التالي أو انسخه في برنامج Notepad:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
الخطوة 3: احفظ صفحة HTML
احفظ الملف على جهاز الكمبيوتر الخاص بك. حدد ملف> حفظ باسم في قائمة المفكرة.
قم بتسمية الملف "index.htm" واضبط الترميز على UTF-8 (وهو الترميز المفضل لملفات HTML).
نصيحة: يمكنك استخدام .htm أو .html كملحق للملف. لا يوجد فرق ، الأمر متروك لك.
الخطوة 4: اعرض صفحة HTML في متصفحك
افتح ملف HTML المحفوظ في متصفحك المفضل (انقر نقرًا مزدوجًا على الملف ، أو انقر بزر الماوس الأيمن - واختر "فتح باستخدام").
ستبدو النتيجة مثل هذا إلى حد كبير:
W3Schools Online Editor - "جربها بنفسك"
باستخدام محررنا المجاني على الإنترنت ، يمكنك تعديل كود HTML وعرض النتيجة في متصفحك.
إنها الأداة المثالية عندما تريد اختبار الكود بسرعة. كما أن لديها ترميز لوني والقدرة على حفظ ومشاركة الكود مع الآخرين:
مثال
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
انقر فوق الزر "جربها بنفسك" لترى كيف يعمل.
مساحات W3Schools
إذا كنت ترغب في إنشاء موقع الويب الخاص بك وحفظ الرمز الخاص بك على الإنترنت ، فجرّب أداة إنشاء مواقع الويب المجانية الخاصة بنا ، والتي تسمى W3schools Spaces :