الثلاثاء، 15 نوفمبر 2016

Ahmed

الدرس 04

Ahmed بتاريخ عدد التعليقات : 0


عناصر رأس الصفحة head

يجمع رأس الصفحة الكثير من وسوم الرأس التي تعتبر من أهم عناصر الصفحة . يمكن أن يتضمن داخل وسم الرأس <head> العديد من العناصر كالسربتات وتحديد مكان ملف التصميم ومعلومات الموقع والكثير
يمكن ادخال هذه الوسوم التالية الى داخل وسم الرأس <head> :
  • عنوان الموقع <title>
  • المصدر <base>
  • رابط خارجي <linl>
  • ماوراء الموقع <meta>
  • سكربت <script>
  • تصميم داخلي للصفحة <style>

وسم عنوان الموقع <title>

يعرف الوسم <title> عنوان الصفحة
يعتبر وسم العنوان <title> مطلوباً وضرورياً لجميع اصدارات صفحات HTML / XHTML
وسم عنوان الصفحة <title>
  • يعرف عنوان الصفحة التي تظهر في شريط المتصفح
  • يقدم عنوان الصفحة عند القيام بحفظها في المفضلة لديك
  • يقدم عنوان الصفحة عند البحث عنها في محركات البحث
مثال عن صفحة ويب بسيطة
<html>
<head>
<title>عنوان صفحة الويب هنا</title>
</head><body>
محتوى الموقع هنا
</body>
</html>

وسم مصدر العنصر <base>

يحدد وسم <base> الرابط المصدري التي تتحول اليه جميع ملفاتك في الصفحة
<head>
<base href="http://www.example.com/images/" />
<base target="_blank" />
</head>

وسم الرابط <link>

يحدد وسم الرابط <link> العلاقة بين صفحة الويب و ملفات خارجية أخرى .
في أغلب الأحيان يستخدم الرابط <link> لربط ملف تصميم خارجي
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

وسم التصميم <style>

يستخدم وسم التصميم <style> لتحديد معلومات التصميم لصفحة HTML
يمكن تحديد داخل وسم التصميم <style> الأكواد التي تريد تطبيقها على صفحة الويب
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

وسم ماوراء الموقع <meta>

يقدم وسم <meta> معلومات اضافية عن صفحة HTML مثل شرح للموقع , كلمات دلالية , تحديث صفحة .
سيتم شرح عناصر meta في الدرس القادم

وسم سكربت <script>

يستخدم وسم السكربت <script> لتحديد العلاقة مع المستخدم مثل لغة جافاسكربت JavaScript
سيتم شرح وسم <script> في دروس قادمة

الوسوم المتعلقة بقسم <head>

  • <head> يحدد معلومات معينة عن صفحة الويب
  • <title> يحدد عنوان الصفحة
  • <base /> يحدد العنوان الافتراضي او الرابط الذي ستذهب اليه جميع الروابط والملفات
  • <link /> يحدد العلاقة بين الصفحة وبين ملفات خارجية أخرى
  • <meta /> يحدد معلومات ماوراء صفحة الويب
  • <script> يحدد العلاقة مع المستخدم (الزائر)
  • <style> يحدد معلومات تصميم صفحة الويب

no image
  • عنوان الموضوع : الدرس 04
  • الكاتب :
  • من قسم :
  • التقييم : 100% مرتكز على 10 تقييمات. 5 تقييمات القراء.
تقييمات المشاركة : الدرس 04 9 على 10 مرتكز على 10 ratings. 9 تقييمات القراء.

مواضيع قد تهمك

0 تعليق

اتبع التعليمات لاضافة تعليق
  • يرجى ترك تعليق على الموضوع. سيتم حذف التعليقات التي تتضمن روابط مباشرة، والإعلانات، أو ما شابه ذلك.
  • لإضافة كود ضعه في : هنا الكود
  • لإضافة كود طويل ضعه في : هنا الكود
  • لإضافة اقتباس ضعه في : اكتب هنا
  • لإضافة صورة ضعها في : رابط الصورة هنا
  • لإضافة فيديو استعمل : [iframe] هنا رابط تضمين الفيديو [/iframe]
  • * قبل ادخال كود عليك بتحويله أولا
  • شكرا لك