تحدثنا في مقال سابق عن بعض الأكواد المساعدة لتصميم صفحات المواقع أو التدوين , فتعرفنا على طريقة إضافة الروابط , والعناوين , والبريد الالكتروني في صفحة الإنترنت.
في هذا المقال: سنستكمل ما بدأناه في هذه الأكواد.
إضافة الجداول
يمثل تاج <table> بداية لرسم الجدول في صفحة الويب , ويرمز تاج <tr> إلى رسم الصفوف في الجدول , ونستخدم تاج <td> لخط الأعمدة في هذا الجدول.
الآن: بعد أن تعرفنا على مكونات الجدول دعونا نأخذ مثالًا لكيفية رسم الجدول
سنكتب الكود التالي
<table>
<tr>
<td> اسم الشركة </td>
<td> الطراز </td></tr>
<tr>
<td>dell </td><td>inspiron3537</td>
</tr>
<tr>
<td>apple</td>
<td>mak book pro 13inch </td>
<tr></table>
الأكواد السابقة هي عبارة عن رسم لجدول ذو 3 صفوف وعمودين , ولكن: مظهر هذا الجدول سيكون بدون حدود ظاهرة
لذلك يجب كتابة العبارة border=1 لإظهار الحدود ,
ونكتب هذه العبارة بعد كلمة <table الأولى وقبل إغلاق قوس التاج
أي أنه سيكون السطر الأول من الكود بهذا الشكل
<table border=1>
سيظهر جدولنا بهذا الشكل:
دعونا نوضح الأساس الذي قمنا عليه عند كتابة هذا الجدول
<table border=1>
بهذا السطر بدأنا في رسم الجدول
<tr>
بهذا التاج رسمنا صفًا فارغًا
<td>
بهذا التاج أنشأنا عمود داخل الصف , والعمود هذا فارغ
كتبنا محتوى العمودالأول بعد عبارة <td>
</td>
أغلقنا تاج العمود بهذا الكود بعد كتابة محتواه
<td>
أنشأنا عمود آخر بداخل الصف وكتبنا بحتواه
</td>
أغلقنا تاج العمود الثاني بعد كتابة محتواه
</tr>
أغلقنا تاج الصف الأول بعد رسم الأعمدة بداخله
وبقية الصفوف تمت على نفس الطريقة
بعد الانتهاء من رسم الصفوف والأعمدة نكتب </table> لإنهاء رسم الجدول.
ملاحظة:
نستطيع إضافة أكثر من صف وعمود داخل الجدول الواحد.
لكل فيديو في موقع youtube كود imbed خاص , نستخدم هذا الكود في صفحات html لإظهار الفيديو في نفس الصفحة
للحصول على كود imbed لأي فيديو على اليوتيوب: افتح الفيديو من خلال جهاز الكمبيوتر الخاص بك , واضغط على زر المشاركة
ستظهر لك عدة خيارات , الذي يهمنا منها هو زر تضمين نضغط عليه
بعد الضغط على تضمين: سيظهر مربع نص يحتوي على الكود المطلوب , ننسخ الكود ونلسقه في صفحة html الخاصة بنا كما هو وبدون تغيير
مثال:
فتحت إحدى فيديوهات اليوتيوب , وطبقت الخطوات المذكورة أعلاه , حصلت على هذا الكود:
<iframe width="560" height="315" src="https://www.youtube.com/embed/HRIzhM-SOOU" frameborder="0" allowfullscreen></iframe>
سيظهر الفيديو بهذه الطريقة:
نكتفي بهذا القدر من الأكواد , ونعدكم باستكمالها في مقال قادم بإذن الله , والسلام عليكم ورحمة الله وبركاته
الآن: بعد أن تعرفنا على مكونات الجدول دعونا نأخذ مثالًا لكيفية رسم الجدول
سنكتب الكود التالي
<table>
<tr>
<td> اسم الشركة </td>
<td> الطراز </td></tr>
<tr>
<td>dell </td><td>inspiron3537</td>
</tr>
<tr>
<td>apple</td>
<td>mak book pro 13inch </td>
<tr></table>
الأكواد السابقة هي عبارة عن رسم لجدول ذو 3 صفوف وعمودين , ولكن: مظهر هذا الجدول سيكون بدون حدود ظاهرة
لذلك يجب كتابة العبارة border=1 لإظهار الحدود ,
ونكتب هذه العبارة بعد كلمة <table الأولى وقبل إغلاق قوس التاج
أي أنه سيكون السطر الأول من الكود بهذا الشكل
<table border=1>
سيظهر جدولنا بهذا الشكل:
| اسم الشركة | الطراز |
| dell | inspiron3537 |
| apple | mak book pro 13inch |
دعونا نوضح الأساس الذي قمنا عليه عند كتابة هذا الجدول
<table border=1>
بهذا السطر بدأنا في رسم الجدول
<tr>
بهذا التاج رسمنا صفًا فارغًا
<td>
بهذا التاج أنشأنا عمود داخل الصف , والعمود هذا فارغ
كتبنا محتوى العمودالأول بعد عبارة <td>
</td>
أغلقنا تاج العمود بهذا الكود بعد كتابة محتواه
<td>
أنشأنا عمود آخر بداخل الصف وكتبنا بحتواه
</td>
أغلقنا تاج العمود الثاني بعد كتابة محتواه
</tr>
أغلقنا تاج الصف الأول بعد رسم الأعمدة بداخله
وبقية الصفوف تمت على نفس الطريقة
بعد الانتهاء من رسم الصفوف والأعمدة نكتب </table> لإنهاء رسم الجدول.
ملاحظة:
نستطيع إضافة أكثر من صف وعمود داخل الجدول الواحد.
إضافة فيديوهات اليوتيوب إلى الصفحة
سنتكلم عن موضوع إضافة فيديوهات اليوتيوب وتشغيلها في صفحة الإنترنت دون مغادرتها بشكل عام , ولن نتطرق إلى الطريقة في مدونات بلوجر , ذلك لأنك تحتاج إلى إضافة مشغل للفيديوهات إلى قالب مدونتك , "سنتعرف على هذا لاحقًا بإذن الله".لكل فيديو في موقع youtube كود imbed خاص , نستخدم هذا الكود في صفحات html لإظهار الفيديو في نفس الصفحة
للحصول على كود imbed لأي فيديو على اليوتيوب: افتح الفيديو من خلال جهاز الكمبيوتر الخاص بك , واضغط على زر المشاركة
ستظهر لك عدة خيارات , الذي يهمنا منها هو زر تضمين نضغط عليه
بعد الضغط على تضمين: سيظهر مربع نص يحتوي على الكود المطلوب , ننسخ الكود ونلسقه في صفحة html الخاصة بنا كما هو وبدون تغيير
مثال:
فتحت إحدى فيديوهات اليوتيوب , وطبقت الخطوات المذكورة أعلاه , حصلت على هذا الكود:
<iframe width="560" height="315" src="https://www.youtube.com/embed/HRIzhM-SOOU" frameborder="0" allowfullscreen></iframe>
سيظهر الفيديو بهذه الطريقة:
نكتفي بهذا القدر من الأكواد , ونعدكم باستكمالها في مقال قادم بإذن الله , والسلام عليكم ورحمة الله وبركاته
ليست هناك تعليقات:
إرسال تعليق
قل شيئًا