الجمعة، 2 سبتمبر 2016
العناوين في لغة HTML
تحدثنا في
تدوينتنا السابقة عن خواص عناصر HTML بشئ من التفصيل واليوم بإذن الله نتحدث عن
العناوين " Headings " في لغة HTML .
لا شك أن استخدام العناوين في وثائق HTML شئ لا غنى عنه و خصوصاً في
الوثائق الطويلة التي بها عناوين رئيسية ثم عناوين فرعية ثم عناوين ثانوية وهكذا٬
وبالطبع يختلف حجم الخط من عنوان إلى آخر حسب أهميته في الوثيقة.
وسوم العناوين داخل HTML :
تُعَرَّف
العناوين داخل HTML بالوسوم من <h1> إلى <h6> .
حيث أن <h1> تُعَرِّف العنوان الأكثر
أهمية و <h6> تُعَرِّف العنوان الأقل
أهمية.
وكنا قد
تحدثنا عن ذلك بشئ بسيط حين التحدث عن هيكل صفحة HTML وكذلك في تدوينة سابقة بعنوان
مُعرَّفات العناوين داخل بلوجر.
مثال :
<h1>عنوان رقم 1</h1>
<h2>عنوان...
الأربعاء، 3 أغسطس 2016
خواص عناصر HTML
استكمالاً
لحديثنا المتواصل عن HTML كأحد أهم لغات برمجة المواقع٬ نتواصل معكم اليوم
بإذن الله.
تكلمنا في تدوينتين سابقتين عن ما يسمى بعناصر HTML٬ واليوم بإذن الله نتحدث
عن خواص تلك العناصر.
يمكنك
مراجعة الموضوعين السابقين لتمام الاستيعاب بإذن الله :
* مقدمة عن أساسيات لغة HTML* هيكل صفحة HTML
خواص
عناصر HTML :
كل عناصر HTML
لها خواص افتراضية " default attributes " بحيث لو تم إنشاء
عنصر من تلك العناصر فإنه يأخذ تلك الخواص تلقائياً.
ماذا لو أردنا تغيير خاصية من تلك الخواص أثناء التصميم؟
ماذا لو
أردنا إضافة معلومات أو خواص إضافية لتلك العناصر؟
الحل في درسنا اليوم بإذن الله.
ما هي صيغة
خواص عناصر HTML ؟ وأين يتم وضعها ؟
تأخذ خواص
العناصر في HTML تلك الصيغة : name="value"
حيث...
الثلاثاء، 26 يوليو 2016
هيكل صفحة HTML
تكلمنا في
تدوينتنا السابقة عن مقدمة تعلم أساسيات HTML وتكلمنا بشئ موجز عن هيكل
وتركيب صفحة HTML٬ واليوم بإذن الله نتحدث بشئ أكثر تفصيلاً عن
هذا الموضوع.
تركيب وهيكل صفحة HTML
:
الصورة
التالية توضح باختصار تركيب صفحة HTML.
* ويظهر في بداية الكود الموجود في الصورة الوسم التالي - باللون الأحمر : <!DOCTYPE
html>
<!DOCTYPE> : تعني أن هذه الوثيقة صفحة HTML وذلك لتعدد أنواع الوثائق على الويب٬ وذكر هذا
الوسم في كود HTML هام
من أجل عرض صفحة الويب بطريقة صحيحة ومن أجل ذلك لابد من ذكر النوع والإصدار.
والوسم المناسب لإصدار HTML5 هو <!DOCTYPE html> وهو الأهم بالنسبة لنا ويلاحظ أنه يذكر في بداية الكود وليس
لهذا الوسم كود إغلاق.
ومن الجدير...
الاثنين، 18 يوليو 2016
مقدمة عن أساسيات لغة HTML
لغة HTML
من اللغات البرمجية الأساسية المستخدمة في تصميم مواقع الويب ولذلك سنبدأ بها بإذن
الله تعالى - كما وعدناكم - بتفصيل كبير بحيث تناسب المبتدئين وذلك قدر الإمكان
والله المستعان.
ماذا
تعني كلمة HTML؟
HTML : هي اختصار للجملة التالية
: Hyper Text Markup
Language
وتعني " لغة ترميز أو توصيف النص التشعبي "٬ دعك من الترجمة
الحرفية فهي لا تعنينا كثيراً.
وتعتبر هذه اللغة من أقدم اللغات المستخدمة في تصميم صفحات الويب وتستخدم في تشكيل
هيكل صفحة الويب ومحتوياتها وتميييز العناوين من الفقرات من غيرها.
وأخذت هذه اللغة العديد من المراحل والإصدارات من HTML عام 1991م حتى وصلت إلى HTML5 عام 2014 م.
وتستخدم هذه اللغة مجموعة من الوسوم " tags " لإصدار التعليمات
إلى المتصفح والذي يقوم بدوره بترجمتها...
الاشتراك في:
الرسائل (Atom)
اشترك في خدمة البريد ليصلك جديدنا
