الكاتب
السلام عليكم
الدرس الخامس من دروس HTML
درسنا فى الدروس السابقة الهيكل الخاص بصفحة HTML .
وعرفنا ان صفحة HTML بتتكون من جزئين
الجزء الاول وهو head وهو الجزء الذى لايظهر بصفحة الويب ولكن يتم به وضع مجموعة من الوسوم الخاصة مثل تنسيق الصفحة وعنوان الصفحة وترميز صفحة HTML وهكذا .
اليوم ان شاء الله هنبداء فى الجزء الثانى وهو الجزء الذي يظهر بداخل صفحة HTML وهو جزء body
طبعا هناك العديد والعديد من الوسوم التى يتم وضعها داخل هذا التاج وكل وسم مسئول عن عمل شيء معين داخل صفحة HTML
انا كنت عرضت عليكم اننا نعمل مشروع وهو عبارة عن one page وكنت هشرح هذة الوسوم اثناء عمل المشروع .
لكن الغالبية طلبوا اننا نكمل الدروس وبعد الانتهاء من الدروس يتم عمل المشروع .
بس انا فكرت فى شيء .
انى اعرض الدروس وفى نفس الوقت هنعمل مثال بسيط لمقطع من احد المواقع .
نبداء بسم الله
الهدف من هذا الدرس هو معرفة كلا من
heading - paragraph - image
- heading
هو عبارة عن عنوان لفقرة او مقطع معين ويتم تطبيق هذا العنوان من خلال استخدام تاج <h>
طيب فى بعض الملاحظات الا لازم نعرفها قبل استخدام هذا التاج
1- تاج heading من التاجات التى تغلق اي تنتهى close tag
وتكتب هكذا
<h1..6>heading</h1...6>
وببن تاج الفتح وتاج الاغلاق يتم كتابة هذا العنوان .
2-تاج heading هو block element وذكرنا من قبل الفرق بين block element and inline element .
3-عند كتابة تاج heading يكتب بجوارة احد الارقام من 1:6
هكذا <h1> وهو يمثل اكبر هذة العناوين يلية <h2>
وهكذا حتى <h6> وهو اقل العناوين .
-paragraph
هو عبارة عن الفقرة او النص ويتم تطبيق هذا النص من خلال استخدام تاج <p>
طيب فى بعض الملاحظات الا لازم نعرفها قبل استخدام هذا التاج
1- تاج paragraph من التاجات التى تغلق اي تنتهى close tag
وتكتب هكذا
<p> paragraph </p>
وبين تاج الفتح وتاج الاغلاق يتم كتابة محتويات هذة الفقرة .
2-تاج paragraph هو block element .
3-وضع اى مسافة داخل هذا النص لا ياخذ فى الاعتبار عند قيام المستعرض بتشغيل الصفحة .
-image
حتى نتمكن من اظهار الصور داخل صفحات HTML
يتم ذلك من خلال استخدام التاج المسئول على عرض الصور هو تاج img
ويكتب كالتالى :
<img src=" " alt=" ">
وهذا التاج يحتوى على مجموعة من الخصائص او السمات attributes من اهمها
src=" "
بداخل هذة الاقواس يتم كتابة المسار الخاص بالصورة
alt=" "
بداخل هذة الاقواس يتم كتابة نص بديل يظهر مكان الصورة فقط فى حالة وجود خطا فى تحميل الصورة ككتابة المسار الخاص بالصورة بصورة خطائة .
بعض الملاحظات على تاج image
- تاج image لا يوجد له close tag
- تاج image هو inline element .
كدا اعتقد انى وضحت كيفية استخدام هذة التاجات .
وتقدر نطبق على التاجات الثلاثة السابق ذكرها
انا طبقت بعمل مقطع بسيط استخدمت فية هذة التاجات .
وعاوز الكل يطبق معايا .
تحياتى للجميع .
Eng : Fawzy Syam
بالتوفيق للجميع .
Eng : Fawzy Syam
الدرس الخامس من دروس HTML
درسنا فى الدروس السابقة الهيكل الخاص بصفحة HTML .
وعرفنا ان صفحة HTML بتتكون من جزئين
الجزء الاول وهو head وهو الجزء الذى لايظهر بصفحة الويب ولكن يتم به وضع مجموعة من الوسوم الخاصة مثل تنسيق الصفحة وعنوان الصفحة وترميز صفحة HTML وهكذا .
اليوم ان شاء الله هنبداء فى الجزء الثانى وهو الجزء الذي يظهر بداخل صفحة HTML وهو جزء body
طبعا هناك العديد والعديد من الوسوم التى يتم وضعها داخل هذا التاج وكل وسم مسئول عن عمل شيء معين داخل صفحة HTML
انا كنت عرضت عليكم اننا نعمل مشروع وهو عبارة عن one page وكنت هشرح هذة الوسوم اثناء عمل المشروع .
لكن الغالبية طلبوا اننا نكمل الدروس وبعد الانتهاء من الدروس يتم عمل المشروع .
بس انا فكرت فى شيء .
انى اعرض الدروس وفى نفس الوقت هنعمل مثال بسيط لمقطع من احد المواقع .
نبداء بسم الله
الهدف من هذا الدرس هو معرفة كلا من
heading - paragraph - image
- heading
هو عبارة عن عنوان لفقرة او مقطع معين ويتم تطبيق هذا العنوان من خلال استخدام تاج <h>
طيب فى بعض الملاحظات الا لازم نعرفها قبل استخدام هذا التاج
1- تاج heading من التاجات التى تغلق اي تنتهى close tag
وتكتب هكذا
<h1..6>heading</h1...6>
وببن تاج الفتح وتاج الاغلاق يتم كتابة هذا العنوان .
2-تاج heading هو block element وذكرنا من قبل الفرق بين block element and inline element .
3-عند كتابة تاج heading يكتب بجوارة احد الارقام من 1:6
هكذا <h1> وهو يمثل اكبر هذة العناوين يلية <h2>
وهكذا حتى <h6> وهو اقل العناوين .
-paragraph
هو عبارة عن الفقرة او النص ويتم تطبيق هذا النص من خلال استخدام تاج <p>
طيب فى بعض الملاحظات الا لازم نعرفها قبل استخدام هذا التاج
1- تاج paragraph من التاجات التى تغلق اي تنتهى close tag
وتكتب هكذا
<p> paragraph </p>
وبين تاج الفتح وتاج الاغلاق يتم كتابة محتويات هذة الفقرة .
2-تاج paragraph هو block element .
3-وضع اى مسافة داخل هذا النص لا ياخذ فى الاعتبار عند قيام المستعرض بتشغيل الصفحة .
-image
حتى نتمكن من اظهار الصور داخل صفحات HTML
يتم ذلك من خلال استخدام التاج المسئول على عرض الصور هو تاج img
ويكتب كالتالى :
<img src=" " alt=" ">
وهذا التاج يحتوى على مجموعة من الخصائص او السمات attributes من اهمها
src=" "
بداخل هذة الاقواس يتم كتابة المسار الخاص بالصورة
alt=" "
بداخل هذة الاقواس يتم كتابة نص بديل يظهر مكان الصورة فقط فى حالة وجود خطا فى تحميل الصورة ككتابة المسار الخاص بالصورة بصورة خطائة .
بعض الملاحظات على تاج image
- تاج image لا يوجد له close tag
- تاج image هو inline element .
كدا اعتقد انى وضحت كيفية استخدام هذة التاجات .
وتقدر نطبق على التاجات الثلاثة السابق ذكرها
انا طبقت بعمل مقطع بسيط استخدمت فية هذة التاجات .
وعاوز الكل يطبق معايا .
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
***********************
***********************
