admin
11-01-2013, بتوقيت غرينيتش 04:03 PM
http://www.dzbatna.com/images/icons/icon18.gif ط¨ط¹ط¶ ط§ظ„Tags ظپظٹ ط§ظ„HTML (ط¯ظˆط±ط© طھط¹ظ„ظ… ط§ظ„ط¨ط±ظ…ط¬ط© ) (http://www.dzbatna.com/t1888590/)
السلام عليكم ورحمة الله وبركاته .
تستخدم الHTML الكثير من الوسوم . اليوم سنعرض أشهرها وأهمها وكيفية استخدامها
من أكثر وسوم الHTML استخداماً هي وسوم الHeadings
وكما ذكرنا كمثال في الدرس مفصل السابق وسم :
<h1>
هنالك أنواع منه ، ٦ ،لنأخذ مثال :
<h1>thedevdot</h1>
<h2>thedevdot</h2>
<h3>thedevdot</h3>
<h4>thedevdot</h4>
<h5>thedevdot</h5>
<h6>thedevdot</h6>
الكود code السابق سيخرج لنا هذا المثال :
http://www.thedevdot.com/wordpress/wp-content/uploads/2014/06/h-tut..png (http://www.thedevdot.com/wordpress/wp-content/uploads/2014/06/h-tut..png)
ان حصلت علي هذه النتيجة فالحمد لله لا يوجد شئ خطأ .
مالفرق بين صيغة .html و .htm ?
احياناً تجد ملفات HTML بهذه الصيغة .html واحيانا تجدها بهذه الصيغة .htm
لا يوجد اي فرق بين هذه الصيغة والصيغة الأخري .
أيضاً من أشهر وسوم الHTML هو وسم إضافة الصورة .
<img></img>
معظم الوسوم يوضع لها خواص ويمكننها وصفها كقيم للوسم هذا .
فالصورة ، ما مصدرها ؟عرضها ؟ طولها ؟
لوضع هذه الخواص بعد اسم الوسم في وسم البداية نضعها هكذا :
<img src=""></img>
ونفس الطريقة تنطبق علي الخواص الأخري مع اختلف الأسماء .
مثلاً في الصور :
src تعني مصدر الصورة
width العرض
height الطول
فرضاً اردنا ان نحدد مصدر الصورة وسيكون في نفس الفولدر الخاص بالملف باسم image.png والعرض 300 والطول 400
سنقوم بعمل التالي :
<img src="image.png" width="300" height="400"></img>
سنحصل علي الصورة بجميع الخواص التي حددناها له .
لنأخذ مثال آخر :
الروابط ، لإضافة رابط يؤدي إلي صفحة في موقعك او رابط خارجي :
<a></a>
وبين وسمي الa نضع الشئ الذي سنعطيه الرابط ، اي الشئ الذي سنضغط عليه ليوجهنا لصفحة المرادة .
الرابط الذي سيؤدي له النص علي سبيل المثال
<a>click here</a>
الرابط هو من خواص الوسم . اسم الخاصية هو :
href
سأترك لكم المجال لكي تقوموا بعمل هذه الحركة .
هذا كان الدرس مفصل الأول من دورة تعلم البرمجة . انتظروا دروس أكثر إحترافية في :
HTML-CSS-PHP
بالتوفيق .. واي سؤال لا تترددوا في طرحه
المصدر: درس مفصل في HTML | نقطة مطور (http://www.thedevdot.com/wordpress/?p=45)
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
السلام عليكم ورحمة الله وبركاته .
تستخدم الHTML الكثير من الوسوم . اليوم سنعرض أشهرها وأهمها وكيفية استخدامها
من أكثر وسوم الHTML استخداماً هي وسوم الHeadings
وكما ذكرنا كمثال في الدرس مفصل السابق وسم :
<h1>
هنالك أنواع منه ، ٦ ،لنأخذ مثال :
<h1>thedevdot</h1>
<h2>thedevdot</h2>
<h3>thedevdot</h3>
<h4>thedevdot</h4>
<h5>thedevdot</h5>
<h6>thedevdot</h6>
الكود code السابق سيخرج لنا هذا المثال :
http://www.thedevdot.com/wordpress/wp-content/uploads/2014/06/h-tut..png (http://www.thedevdot.com/wordpress/wp-content/uploads/2014/06/h-tut..png)
ان حصلت علي هذه النتيجة فالحمد لله لا يوجد شئ خطأ .
مالفرق بين صيغة .html و .htm ?
احياناً تجد ملفات HTML بهذه الصيغة .html واحيانا تجدها بهذه الصيغة .htm
لا يوجد اي فرق بين هذه الصيغة والصيغة الأخري .
أيضاً من أشهر وسوم الHTML هو وسم إضافة الصورة .
<img></img>
معظم الوسوم يوضع لها خواص ويمكننها وصفها كقيم للوسم هذا .
فالصورة ، ما مصدرها ؟عرضها ؟ طولها ؟
لوضع هذه الخواص بعد اسم الوسم في وسم البداية نضعها هكذا :
<img src=""></img>
ونفس الطريقة تنطبق علي الخواص الأخري مع اختلف الأسماء .
مثلاً في الصور :
src تعني مصدر الصورة
width العرض
height الطول
فرضاً اردنا ان نحدد مصدر الصورة وسيكون في نفس الفولدر الخاص بالملف باسم image.png والعرض 300 والطول 400
سنقوم بعمل التالي :
<img src="image.png" width="300" height="400"></img>
سنحصل علي الصورة بجميع الخواص التي حددناها له .
لنأخذ مثال آخر :
الروابط ، لإضافة رابط يؤدي إلي صفحة في موقعك او رابط خارجي :
<a></a>
وبين وسمي الa نضع الشئ الذي سنعطيه الرابط ، اي الشئ الذي سنضغط عليه ليوجهنا لصفحة المرادة .
الرابط الذي سيؤدي له النص علي سبيل المثال
<a>click here</a>
الرابط هو من خواص الوسم . اسم الخاصية هو :
href
سأترك لكم المجال لكي تقوموا بعمل هذه الحركة .
هذا كان الدرس مفصل الأول من دورة تعلم البرمجة . انتظروا دروس أكثر إحترافية في :
HTML-CSS-PHP
بالتوفيق .. واي سؤال لا تترددوا في طرحه
المصدر: درس مفصل في HTML | نقطة مطور (http://www.thedevdot.com/wordpress/?p=45)
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©