بعض الوظائف لا تعمل على هذا المتصفح، حاول استخدام متصفح آخر
About Privacy Terms
بسم الله الرحمن الرحيم
شاركـ أصدقائك

كورس HTML | شرح محرر نصوص لغة html | موقع فولدرات

الرئيسية / الحاسب الآلي / لغات البرمجة / HTML / كورس HTML | شرح محرر نصوص لغة html

القرآن الكريم كامل المصحف الذكي (جديد) , المصحف النصي

 

شرح html للمبتدئين

 

تعلم HTML باستخدام المفكرة أو النص تحرير

يمكن إنشاء صفحات ويب وتعديلها باستخدام محرري HTML المحترفين.

ومع ذلك، لتعلم HTML، نوصي بي محرر نصوص بسيط مثل المفكرة (PC) أو (TextEdit (Mac

ونحن نؤمن بأن استخدام محرر نصوص بسيط هو طريقة جيدة لتعلم لغة HTML.

اتبع الخطوات أدناه لإنشاء صفحة ويب الأولى باستخدام المفكرة Notepad أو تحرير النص TextEdit

 

الخطوة 1:

- فتح المفكرة PC , Notepad 

  • Windows 8 أو إصدار أحدث:

           افتح الشاشة Start هو رمز النافذة في أسفل اليسار على الشاشة. اكتب Notepad

  • Windows 7 أو إصدار أقدم:

           افتح Start > Programs > Accessories > Notepad

 

- فتح  Mac , TextEdit

افتح Finder > Applications > TextEdit

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

ثم ضمن "فتح وحفظ"، حدد المربع الذي يشير إلى "عرض ملفات HTML كتعليمات برمجية بلغة HTML بدلاً من النص المنسق".

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

 

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

 

اكتب التعليمات البرمجية التالية بلغة HTML أو انسخها في المفكرة:

<html>
<body>
 
<h1>My Heading</h1>
 
<p>My paragraph.</p>
 
</body>
</html>

 

سيظهر بالنتيجة التالية :

notepad html محرر تحرير نصوص  Html editor HTML Editor

 

 

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

 

احفظ الملف على الكمبيوتر File > Save as في Notepad menu

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

 

index HTML html صفحة html نصوص تحرير محرر حفظ

 

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

 

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

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

وسوف تبدو النتيجة كالتالي:

 

عرض صقحة HTML صفحة html موقع ويب web

 

 

لا تنسى مشاركة الصفحة ومن صالح دعائكم

صورة
القرآن الكريم
سورة طه مكتوبة كاملة بخط كبير

سورة طه: "طه ﴿1﴾ مَا أَنْزَلْنَا عَلَيْكَ الْقُرْآنَ لِتَشْقَىٰ ﴿2﴾ إِلَّا تَذْكِرَةً لِمَنْ يَخْشَىٰ ﴿3﴾ تَنْزِيلًا مِمَّنْ خَلَقَ الْأَرْضَ وَالسَّمَاوَاتِ الْعُلَى ﴿4﴾ ...

صورة
JAVASCRIPT
كورس JavaScript | شرح Output

إمكانيات عرض JavaScript يمكن لـ JavaScript "عرض" البيانات بطرق مختلفة: الكتابة في عنصر HTML ، باستخدام innerHTML. الكتابة في مخرجات HTML باستخدام document.write. ال ...

صورة
CSS
كورس CSS | مقدمة css

ما هي CSS؟ تُعد Cascading Style Sheets ، التي يشار إليها باعتزاز باسم CSS ، لغة تصميم بسيطة تهدف إلى تبسيط عملية جعل صفحات الويب قابلة للتقديم. يتعامل CSS مع الشكل وا ...

صورة
تويتر
طريقة انشاء حساب تويتر

كيفية إنشاء حساب تويتر دعنا نذهب خطوة بخطوة حتى تتمكن من معرفة مدى سهولة إنشاء حساب تويتر في لحظة. الخطوة 1: قم بالتسجيل على تويتر أدخل Twitter.com وانقر فوق خيار ...

صورة
القرآن الكريم
سورة النور مكتوبة كاملة بخط كبير

سورة النور: "سُورَةٌ أَنْزَلْنَاهَا وَفَرَضْنَاهَا وَأَنْزَلْنَا فِيهَا آيَاتٍ بَيِّنَاتٍ لَعَلَّكُمْ تَذَكَّرُونَ ﴿1﴾ الزَّانِيَةُ وَالزَّانِي فَاجْلِدُوا كُلَّ وَاحِدٍ ...

صورة
++C
كورس ++C | شرح طريقة الاستخدام

بدء الاستخدام ++C لبدء استخدام ++ C ، تحتاج إلى شيئين: محرر نصوص ، مثل Notepad ، لكتابة كود ++C مترجم ، مثل GCC ، لترجمة كود ++C إلى لغة يفهمها الكمبيوتر ++C ت ...