أحدث البرامج التعليمية وتطوير الشبكة
×

HTML5 البرنامج التعليمي

HTML الصفحة الرئيسية HTML المقدمة برامج تحرير HTML HTML الأساسية HTML عناصر HTML الصفات HTML العناوين HTML الفقرات HTML الأنماط HTML التنسيق HTML الاقتباسات HTML كود الكمبيوتر HTML تعليقات HTML الألوان HTML CSS HTML الروابط HTML صور جداول HTML قوائم HTML HTML كتلة والمضمنة عناصر HTML فصول HTML نسق HTML متجاوب HTML نوافذ الأطر المدمجة HTML JavaScript HTML رئيس HTML الكيانات HTML حرف HTML محارف HTML URL ترميز HTML XHTML

HTML أشكال

HTML أشكال HTML عناصر النموذج HTML أنواع المدخلات HTML سمات المدخلات

HTML5

HTML5 مقدمة HTML5 الدعم HTML5 عناصر HTML5 دلالات الهجرة HTML5 HTML5 دليل الاناقة

HTML الرسومات

HTML قماش HTML SVG

HTML وسائل الإعلام

HTML وسائل الإعلام HTML فيديو HTML سمعي HTML المكونات الإضافية HTML YouTube

HTML APIs

HTML تحديد الموقع الجغرافي HTML جر / قطرة HTML التخزين المحلي HTML App مخبأ HTML العمال على شبكة الإنترنت HTML SSE

HTML أمثلة

HTML أمثلة HTML اختبار قصير HTML5 اختبار قصير HTML ملخص

HTML المراجع

HTML العلامة القائمة HTML الصفات HTML الأحداث HTML قماش HTML الصوت والفيديو HTML Doctypes HTML الألوان HTML مجموعات الأحرف HTML URL ترميز HTML رموز لغة HTTP رسائل HTTP أساليب PX to EM محول اختصارات لوحة المفاتيح

HTML أمثلة بسيطة


لا تقلق إذا كانت هذه الأمثلة استخدام العلامات التي لم يتعلموا.

سوف تتعلم عنها في الفصول القادمة.


وثائق HTML

ويجب على جميع وثائق HTML تبدأ مع تعريف نوع: <!DOCTYPE html> .

وثيقة HTML نفسها تبدأ مع <html> وتنتهي مع </html> .

الجزء المرئي من وثيقة HTML ما بين <body> و </body> .

مثال

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
انها محاولة لنفسك »

HTML العناوين

يتم تعريف العناوين HTML مع <h1> إلى <h6> علامات:

مثال

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
انها محاولة لنفسك »

HTML الفقرات

وتعرف الفقرات HTML مع <p> العلامة:

مثال

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
انها محاولة لنفسك »

روابط HTML

يتم تعريف الارتباطات HTML مع <a> هذا الكود:

مثال

<a href="http://www.w3ii.com">This is a link</a>
انها محاولة لنفسك »

يتم تحديد وجهة الارتباط في href السمة.

وتستخدم سمات لتقديم معلومات إضافية حول عناصر HTML.


صور HTML

يتم تعريف الصور HTML مع <img> العلامة.

الملف المصدر ( src ) ، النص البديل ( alt ) ، وحجم ( width and height ) وتقدم كما السمات:

مثال

<img src="w3ii.jpg" alt="w3ii.com" width="104" height="142">
انها محاولة لنفسك »

سوف تتعلم المزيد عن سمات في فصل لاحق.