الكاتب
الدرس السادس من دروس HTML
احنا ان شاء الله مكملين فى الشرح حتى نهاية كورس HTML .
وكما وعدكم لما اشرح جزء لازم اطبق علية بمثال .
نبداء باسم الله .
الهدف من هذا الدرس هو معرفة كلا من :
List - Link
اولا : List او القوائم
هي عبارة عن مجموعة من العناصر المرتبطة .لذا يتم تجمعيها فى صورة قائمة .
وتنقسم القوائم الى عدة انواع بينما الاكثر استخداما هما نوعين :
1- القوائم المرتبة ordered list
2-القوائم غير المرتبة unordered list
اولا: القوائم المرتبة ordered list
ويتم التعبير عنها باستخدام تاج
<ol> </ol>
وبين تاج الفتح وتاج الاغلاق يتم كتابة هذة العناصر بين تاج
<li> the element</li>
ثانيا: القوائم غير المرتبة unordered list
ويتم التعبير عنها باستخدام تاج
<ul > </ul>
وبين تاج الفتح وتاج الاغلاق يتم كتابة هذة العناصر بين تاج
<li>the element </li>
نلاحظ الاتى :
-تاج List من التاجات التى يتم اغلاقها .
- يحتوى تاج List على بعض الصفات او السمات من اهمها :
type=" "
تستخدم هذة السمة للتحكم فى نمط الترقيم .
فمثلا ممكن ان نكتب "A" للقوائم المرتبة او نكتب "circle" للقوائم غير المرتبة .
start=" "
تستخدم هذة السمة للتحكم فى بداية الترقيم
فمثلا ممكن ان نكتب "5" فيبداء الترقيم من 5 بدلا من 1 .
مثال : لو اردنا عمل قائمة مرتبة تحتوى على العناصر التالية
home - about - contact
<ol>
<li>home</li>
<li>about</li>
<li>contact</li>
</ol>
سوف تظهر بالشكل التالى
1-home
2-about
3-contact
نلاحظ ان الترقيم يظهر فى صورة ارقام لاتها هى القيمة الافتراصية للقوائم المرتبة .
طبعا ذكرنا اننا نقدر نتحكم فى نمط هذا الترقيم من خلال استخدام سمة type وكذلك يمكن التحكم فى بداية الترقيم من خلال سمة start .ذكرنا ذلك من قبل .
اما لو اردنا عمل قائمة غير مرتبة فقط تستبدل تاج <ol>
بتاح <ul>
فتظهر بالشكل التالى
• home
•about
•contact
ثانيا: Link او الروابط
تستخدم للانتقال بين صفحات الموقع او الانتقال من الموقع الى موقع اخر .
ويتم التعبير عنها باستخدام تاج
<a href=" " > </a>
نلاحظ الاتى :
- تاج Link من التاجات التى يتم اغلاقها .
وبين تاج الفتح وتاج الاغلاق يتم كتابة نص او وضع صورة لهذا الارتباط .
- تاج Link يحتوى على مجموعة من الصفات او السمات attributes من اهمها :
href=" "
بداخل هذة السمة يتم كتابة اسم الصفحة او الموقع التى يرتبط بها هذا الرابط .
يمكن استخدام الرمز # للتعبير ان هذا الرابط هو فقط مرتبط بتفس هذة الصفحة .
target=" "
بداخل هذة السمة يتم كتابة اما
_self
وهو فتح هذا الرابط فى نفس هذة الصفحة
_blank
وهو فتح هذا الرابط فى صفحة اخرى
انا كدا خلصت الشرح .
وحبيت اعمل تمرين يجمع بين كلا من Link and List
من خلال عمل menu بسيطة .
طبعا انا استخدمت CSS فقط لتنسيق هذة menu .
الا حابب يطبق معايا فقط يكتب كود CSS وبعدين ان شاء الله راح نشرح هذة الاكواد .
تحياتى للجميع .
Eng : Fawzy Syam
بالتوفيق للجميع
Eng
احنا ان شاء الله مكملين فى الشرح حتى نهاية كورس HTML .
وكما وعدكم لما اشرح جزء لازم اطبق علية بمثال .
نبداء باسم الله .
الهدف من هذا الدرس هو معرفة كلا من :
List - Link
اولا : List او القوائم
هي عبارة عن مجموعة من العناصر المرتبطة .لذا يتم تجمعيها فى صورة قائمة .
وتنقسم القوائم الى عدة انواع بينما الاكثر استخداما هما نوعين :
1- القوائم المرتبة ordered list
2-القوائم غير المرتبة unordered list
اولا: القوائم المرتبة ordered list
ويتم التعبير عنها باستخدام تاج
<ol> </ol>
وبين تاج الفتح وتاج الاغلاق يتم كتابة هذة العناصر بين تاج
<li> the element</li>
ثانيا: القوائم غير المرتبة unordered list
ويتم التعبير عنها باستخدام تاج
<ul > </ul>
وبين تاج الفتح وتاج الاغلاق يتم كتابة هذة العناصر بين تاج
<li>the element </li>
نلاحظ الاتى :
-تاج List من التاجات التى يتم اغلاقها .
- يحتوى تاج List على بعض الصفات او السمات من اهمها :
type=" "
تستخدم هذة السمة للتحكم فى نمط الترقيم .
فمثلا ممكن ان نكتب "A" للقوائم المرتبة او نكتب "circle" للقوائم غير المرتبة .
start=" "
تستخدم هذة السمة للتحكم فى بداية الترقيم
فمثلا ممكن ان نكتب "5" فيبداء الترقيم من 5 بدلا من 1 .
مثال : لو اردنا عمل قائمة مرتبة تحتوى على العناصر التالية
home - about - contact
<ol>
<li>home</li>
<li>about</li>
<li>contact</li>
</ol>
سوف تظهر بالشكل التالى
1-home
2-about
3-contact
نلاحظ ان الترقيم يظهر فى صورة ارقام لاتها هى القيمة الافتراصية للقوائم المرتبة .
طبعا ذكرنا اننا نقدر نتحكم فى نمط هذا الترقيم من خلال استخدام سمة type وكذلك يمكن التحكم فى بداية الترقيم من خلال سمة start .ذكرنا ذلك من قبل .
اما لو اردنا عمل قائمة غير مرتبة فقط تستبدل تاج <ol>
بتاح <ul>
فتظهر بالشكل التالى
• home
•about
•contact
ثانيا: Link او الروابط
تستخدم للانتقال بين صفحات الموقع او الانتقال من الموقع الى موقع اخر .
ويتم التعبير عنها باستخدام تاج
<a href=" " > </a>
نلاحظ الاتى :
- تاج Link من التاجات التى يتم اغلاقها .
وبين تاج الفتح وتاج الاغلاق يتم كتابة نص او وضع صورة لهذا الارتباط .
- تاج Link يحتوى على مجموعة من الصفات او السمات attributes من اهمها :
href=" "
بداخل هذة السمة يتم كتابة اسم الصفحة او الموقع التى يرتبط بها هذا الرابط .
يمكن استخدام الرمز # للتعبير ان هذا الرابط هو فقط مرتبط بتفس هذة الصفحة .
target=" "
بداخل هذة السمة يتم كتابة اما
_self
وهو فتح هذا الرابط فى نفس هذة الصفحة
_blank
وهو فتح هذا الرابط فى صفحة اخرى
انا كدا خلصت الشرح .
وحبيت اعمل تمرين يجمع بين كلا من Link and List
من خلال عمل menu بسيطة .
طبعا انا استخدمت CSS فقط لتنسيق هذة menu .
الا حابب يطبق معايا فقط يكتب كود CSS وبعدين ان شاء الله راح نشرح هذة الاكواد .
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
***********************
***********************
