محرر HTML

مستوى تقدمك في تعلم HTML

6%
الدرس السابق الدرس التالي

محررات HTML

محرر HTML هو أداة تستخدم لتحرير وكتابة الكود.

تتوفر العديد من المحررات مثل Notepad++، Sublime Text، و Visual Studio Code.

الخطوة 1: فتح Notepad++ (PC)

Windows 8 أو أحدث:

افتح شاشة البدء (رمز النافذة في أسفل اليسار على شاشتك). اكتب Notepad++.

Windows 7 أو أقدم:

افتح Start > Programs > Accessories > Notepad++

إذا لم يكن لديك Notepad++ مثبتًا، يمكنك تحميله من الرابط هنا.

بعد تحميل الملف، افتح المثبت واتبع التعليمات لتثبيت Notepad++ على جهازك.

الخطوة 1: فتح TextEdit (Mac)

افتح Finder > Applications > TextEdit

قم أيضًا بتغيير بعض التفضيلات لجعل التطبيق يحفظ الملفات بشكل صحيح. في Preferences > Format > اختر "Plain Text"

ثم ضمن "Open and Save"، حدد المربع الذي يقول "Display HTML files as HTML code instead of formatted text".

ثم افتح مستندًا جديدًا لوضع الكود.

الخطوة 2: كتابة بعض HTML

اكتب أو انسخ كود HTML التالي في Notepad++:

مثـــــــال

                
                        <!DOCTYPE html>
                        <html>
                        <head>
                            <title>Page Title</title>
                        </head>
                        <body>
                        
                            <h1>This is a Heading</h1>
                            <p>This is a paragraph.</p>
                        
                        </body>
                        </html>
                
            

الخطوة 3: حفظ صفحة HTML

احفظ الملف على جهاز الكمبيوتر الخاص بك. اختر File > Save as في قائمة Notepad++.

قم بتسمية الملف "index.htm" وضبط الترميز على UTF-8 (وهو الترميز المفضل لملفات HTML).

نصيحة: يمكنك استخدام أي من .htm أو .html كامتداد للملف. لا يوجد فرق، الأمر متروك لك.

الخطوة 4: عرض صفحة HTML في المتصفح

افتح ملف HTML المحفوظ في متصفحك المفضل (انقر نقراً مزدوجاً على الملف، أو انقر بزر الماوس الأيمن - واختر "Open with").

إذا كنت ترغب في تعلم البرمجة، نقدم دورات تدريبية متميزة.
الدرس السابق الدرس التالي