تصميم مواقع الانترنت-2 مقدمة الى لغة HTML5


مقدمة إلى HTML5
هذا الدرس هو مقدمة للغة HTML5

HTML هي لغة هيكلية للتعبير عن محتوى صفحة ويب بطريقة يمكن تفسيرها (عرضها إن صح المعنى) باستمرار من قبل متصفح الويب.
إذا كنت على دراية ب HTML بالفعل، فإن الكثير من هذا الدرس تبدو مألوفة جدا. لأن هناك عددا من تغييرات مهمة في HTML5
إذا لم تكن معتادا على HTML، أو أن يكون لديك فقط معرفة الألفة، وهذا الدرس توفر
كنت مع الخلفية تحتاج إلى فهم أساسيات صفحة ويب هتمل. هذه
الدرس هو مجرد مقدمة، ولكن؛ سيتم تعزيز

ما هي MARKUP LANGUAGE؟
هي لغة لكتابة مجموعة من العلامات. ضمن مستند, هذه العلامات تستخدم لتوفير معنى إضافي وهيكلية لنص المستند، أو تقديم تعليمات بشأن الطريقة التي يجب أن يتم عرضها للقارئ.
على سبيل المثال، قد تشير العلامة إلى أن جزءا واحدا من النص هو رأس، في حين أن جزء آخر هو فقرة من النص. النظر في جزء الوثيقة التالية:
<h1>
هذا عنوان </ h1>
<p>
هذه فقرة من النص </ p>
في هذا المثال، يمكن تمييز العلامات بشكل واضح عن محتوى الوثيقة من قبل
قوسين. وفيما يلي بداية عنوان:
<H1>
بينما يمثل هذا نهاية البند:
</ H1>
ويشار إلى هيكل h1 بأكمله بما في ذلك علامة البداية، وعلامة النهاية، ومحتواها النصي
كعنصر (element.).
ملاحظة: يمكن للمتصفحات تقديم أنماط افتراضية خاصة بهم للعلامات
وهذا هو السبب في عنصر h1 سوف تظهر في نص كبير، عريض.

صفحة HTML بسيطه:
عند تعلم أي تقنية، فإنه من الجيد دائما أن تبدأ بأبسط تنفيذ ممكن. في HTML5، أبسط صفحة يمكنك انشائها ربما هي كما يلي:
<!DOCTYPE html>

hello world!!!
افتح محرر النصوص المفضل لديك (totpad, wordpad, microsoft ward, …etc.)، وأدخل هذا النص، واحفظ المستند
كما يليhello.html
افتح الملف الذي قمنا بحفظه بواسطه اي متصفح إنترنت لديك (كروم او موزيلا)
هذه قد لا تبدو وكأنها صفحة ويب، هذه مجرد البداية
عند فتح الصفحة في كروم، إضغط مايلي لفتح أدوات المطورين:

Command+Option+I on OS X

F12 or Ctrl+Shift+I on Windows

1.png

الى هنا ينتهي الدرس الثاني من هذه السلسلة الطويلة ان شاء الله وفي حالة وجود اي سؤال او استفسار فيرجى مراسلة الكاتب لهذه الدروس على الرابط التالي:

Yazan Aswad

اترك رد

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s