الكاتب
الدرس الثالث من دروس تعلم HTML
Html head tag
اتكلمنا فى الدرس الاول عن مقدمة على لغة html .
ووضحنا ان اكواد html هى عبارة عن مجموعة من التاجات tags
وهذة التاجات تكتب بداخل رمز الاكبر من ورمز الاصغر من< >
كما ان هذة التاجات لها بداية < > start tag .
وكذلك فى الاغلب لها نهاية < />end tag .
وعرفنا ان الهيكل العام لاي صفحة html كالتالى :
<html>
<head>
يتم بها وضع التاجات الخاصة بضبط الصفحة مثل عنوان الصفحة وتنسيق الصفحة .
</head >
<body>
وهى تحتوى على العناصر التى تظهر على صفحة الويب مثل النصوص والصور وهكذا .
</body>
</html>
دى كانت مقدمة بسيطة رجعنا فيها بعض النقاط الهامة .
ومن خلال متابعتى لاغلب دروس شرح كورسات html وكذلك CSS حاسس بجد ان مفيش ترتيب جيد للدروس .
ودا فعلا شوفته فى اغلب الكورسات الموجودة على اليوتيوب .
لكن انا من وجهة نظرى ان فى ترتيب افضل للدروس .
انا من وجهة نظرى اننا نبداء بتاج head كاول تاج رئيسي فى صفحة html بعدها هنعرض تاج body وهنشرح تاجات body بالكامل بترتيب بسيط ومنسق .
تاج head
<head>
<
بداخل تاج head يتم به وضع التاجات الخاصة بضبط الصفحة مثل أعدادات الصفحة وعنوان الصفحة وتنسيق الصفحة ...
>
</head>
واول تاجات head هو تاج meta وهناك العديد من تاجات meta
من اهمها .
<!--meta-->
<meta charset="utf-8">
هذا التاج هو المسئول عن تحديد نوع الترميز الخاص بالصفحة وهو مايجعل الموقع يدعم كلا من اللغة العربية والانجليزية .
<meta name"description" content=" وصف الصفحة ">
هذا التاج يتم به وضع وصف للصفحة .
وهذا الوصف يستخدم لتسهيل عمليات البحث كما ان هذا الوصف يظهر اسف عنوان الصفحة فى المستعرض .
<title> عنوان الصفحة </title>
هذا التاج يتم به وضع عنوان للصفحة .وهو يظهر كعنوان للصفحة فى المستعرض وكذلك يظهر فى الشريط الخاص بالمستعرض .
اما بالنسبة لتاجات CSS
فهناك طريقتين
الطريقة الاولى وهى كتابة اكواد CSS مباشرة بداخل صفحة html بداخل تاج style كالتالى :
<style>
P{color:red;}
</style>
تاج style يتم بداخلة كتابة اكواد CSS كما هو موضح سابقا .
وهو مايعرف internal style .
الطريقة الثانية وهى كتابة اكواد CSS فى ملف خارجى بعدها يتم ربط صفحة CSS بصفحة html كالتالى :
<link rel="stylesheet" href="اسم صفحة CSS ">
تاج link وهو مايعرف external style
ويتم وضعة فى حالة الرغبة فى ربط صفحة html باحد صفحات CSS الخارجية .
<!--script-->
فى تاج script يتم وضع اكواد الجافا سكربت .
وهناك طريقتين
الطريقة الاولى وهى كتابة اكواد جافا سكربت مباشرة داخل صفحة html .بداخل تاج script
<script >
alert("hello JavaScript");
</script>
الطريقة الثانية وهى فى حالة وضع اكواد الجافا سكربت فى ملف خارجى والرغبة فى ربط هذة الصفحة بصفحة html
<script src ="اسم صفحة الجافا سكربت ">
</script>
كدا الحمد لله تعرفنا على اغلب التاجات التى تكتب بداخل تاج head
وان شاء الله هنبداء من الدرس القادم شرح التاجات التى تكتب داخل تاج body .
تحياتى للجميع .
Eng : Fawzy Syam
تحياتى للجميع .
Eng : Fawzy Syam
Html head tag
اتكلمنا فى الدرس الاول عن مقدمة على لغة html .
ووضحنا ان اكواد html هى عبارة عن مجموعة من التاجات tags
وهذة التاجات تكتب بداخل رمز الاكبر من ورمز الاصغر من< >
كما ان هذة التاجات لها بداية < > start tag .
وكذلك فى الاغلب لها نهاية < />end tag .
وعرفنا ان الهيكل العام لاي صفحة html كالتالى :
<html>
<head>
يتم بها وضع التاجات الخاصة بضبط الصفحة مثل عنوان الصفحة وتنسيق الصفحة .
</head >
<body>
وهى تحتوى على العناصر التى تظهر على صفحة الويب مثل النصوص والصور وهكذا .
</body>
</html>
دى كانت مقدمة بسيطة رجعنا فيها بعض النقاط الهامة .
ومن خلال متابعتى لاغلب دروس شرح كورسات html وكذلك CSS حاسس بجد ان مفيش ترتيب جيد للدروس .
ودا فعلا شوفته فى اغلب الكورسات الموجودة على اليوتيوب .
لكن انا من وجهة نظرى ان فى ترتيب افضل للدروس .
انا من وجهة نظرى اننا نبداء بتاج head كاول تاج رئيسي فى صفحة html بعدها هنعرض تاج body وهنشرح تاجات body بالكامل بترتيب بسيط ومنسق .
تاج head
<head>
<
بداخل تاج head يتم به وضع التاجات الخاصة بضبط الصفحة مثل أعدادات الصفحة وعنوان الصفحة وتنسيق الصفحة ...
>
</head>
واول تاجات head هو تاج meta وهناك العديد من تاجات meta
من اهمها .
<!--meta-->
<meta charset="utf-8">
هذا التاج هو المسئول عن تحديد نوع الترميز الخاص بالصفحة وهو مايجعل الموقع يدعم كلا من اللغة العربية والانجليزية .
<meta name"description" content=" وصف الصفحة ">
هذا التاج يتم به وضع وصف للصفحة .
وهذا الوصف يستخدم لتسهيل عمليات البحث كما ان هذا الوصف يظهر اسف عنوان الصفحة فى المستعرض .
<title> عنوان الصفحة </title>
هذا التاج يتم به وضع عنوان للصفحة .وهو يظهر كعنوان للصفحة فى المستعرض وكذلك يظهر فى الشريط الخاص بالمستعرض .
اما بالنسبة لتاجات CSS
فهناك طريقتين
الطريقة الاولى وهى كتابة اكواد CSS مباشرة بداخل صفحة html بداخل تاج style كالتالى :
<style>
P{color:red;}
</style>
تاج style يتم بداخلة كتابة اكواد CSS كما هو موضح سابقا .
وهو مايعرف internal style .
الطريقة الثانية وهى كتابة اكواد CSS فى ملف خارجى بعدها يتم ربط صفحة CSS بصفحة html كالتالى :
<link rel="stylesheet" href="اسم صفحة CSS ">
تاج link وهو مايعرف external style
ويتم وضعة فى حالة الرغبة فى ربط صفحة html باحد صفحات CSS الخارجية .
<!--script-->
فى تاج script يتم وضع اكواد الجافا سكربت .
وهناك طريقتين
الطريقة الاولى وهى كتابة اكواد جافا سكربت مباشرة داخل صفحة html .بداخل تاج script
<script >
alert("hello JavaScript");
</script>
الطريقة الثانية وهى فى حالة وضع اكواد الجافا سكربت فى ملف خارجى والرغبة فى ربط هذة الصفحة بصفحة html
<script src ="اسم صفحة الجافا سكربت ">
</script>
كدا الحمد لله تعرفنا على اغلب التاجات التى تكتب بداخل تاج head
وان شاء الله هنبداء من الدرس القادم شرح التاجات التى تكتب داخل تاج body .
html
html5
html editor
html color codes
html table
html tags
html colors
html button
html color picker
html code
html tutorial
html comment
html
html table
html color picker
html color codes
html editor
html5
html button
html color
html tags
html comment
تعلم لغه البرمجه c++
لغه البرمجه
تحميل برنامج لغه البرمجه
بحث عن لغه البرمجه
تعريف لغه البرمجه
شرح لغه البرمجه باسكال
تعلم لغه البرمجه للمبتدئين
شرح لغه البرمجه c++
تعليم لغه البرمجه
تعلم لغه البرمجه
html and css
html
html and css design and build websites
html cable for tv
html5
html for dummies 2019
html css and javascript
html cheat sheet
html to display port
html for babies
Eng : Fawzy Syam
تحياتى للجميع .
Eng : Fawzy Syam
***********************
***********************
