اكاديمية ورشة لونك

أساسيات إنشاء صفحة HTML

حصريا علي اكاديمية ورشة لونك نقدم لكم شرح طريقة عمل صفحة HTML اتش تي ام ال مجانا ولكن سوف تقوم أنت بتصميم صفحاتك .

أولا إذا كنت من مستخدمين الويندوز سوف تقوم بفتح النوت باد و إن كنت من مستخدمين اللينكس سوف تقوم بفتح بيكو

مسار فتح النوت باد في الويندوز بالعربي : قائمة ابدأ > جميع البرامج > الملحقات > نوت باد
مسار فتح النوت باد في الويندوز باللغة الإنجليزية : Start > All Programs > Accessories > NotePad

إن لغة الاتش تي ام ال بها شئ يسمي <الوسم> و بالإنجليزية <Tag> و يجب أن نقوم بإغلاق هذا الوسم دائما هكذا <Tag/> .

إن لغة الإتش تي ام ال تبداء دائما بوسم بنفس اسمها هكذا <html> و تنتهي بـ </html> و ثاني وسم <head> و نقوم بإغلاق هذا الوسم هكذا </head> و هذا الوسم يعني رأس الصفحة (الهيدر) .

ثالث وسم يأتي معنا <title> و هذا الوسم يأتي داخل وسم <head> و وسم <title> يعني عنوان الصفحة و ينتهي هكذا </title> و بعدها يأتي أهم وسم لدينا و هو وسم <body> و في هذا الوسم سوف نقوم بوضع جميع عناصر الصفحة (محتويات الصفحة) و نقوم بإنهاء هذا الوسم هكذا </body> .

و وسم <h1> لتقوم بإضافة عنوان داخل الصفحة بخط كبير و وسم <h1> مُفضل في الأرشفة و يحبه جوجل و ينتهي هذا الوسم هكذا </h1> و بعدها يأتي وسم <p> لتقوم بإضافة نص عادي كالشروحات و المقدمات و هكذا و ينتهي هذا الوسم هكذا </p> .

مثال علي H1

مثال علي وسم <p>

لتصبح شكل صفحة HTML هكذا :

[code]<html>
<head>
<title>ورشة ونك</title>
</head>
<body>
<h1>عنوان كبير</h1>
<p>نص عادي</p>
</body>
</html>[/code]

و بالتوفيق و نراكم في الموضوع القادم و اذا واجهتك اي مشكلة او استفسار قم بطرحه في تعليق و سوف نقوم بالرد عليك ..

مهاب البوشي

مهاب البوشي

مهاب البوشي ، مؤسس شركة ترويج 'Trweeg.Com' و مسئول السيو و التسويق في ورشة لونك و مدير اكاديمية ورشة لونك التعليمية .

اضف تعليق