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

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 هي لغة توصيف لوصف الوثائق على شبكة الإنترنت (web pages) .

  • HTML لتقف على لغة ترميز النصوص التشعبية
  • لغة الترميز هي مجموعة من markup tags
  • وصفت وثائق HTML بواسطة HTML tags
  • كل علامة HTML describes محتوى المستند مختلفة

HTML مثال

وثيقة HTML الصغيرة:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

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

وأوضح مثال

  • و DOCTYPE يحدد البيان نوع الوثيقة إلى أن HTML
  • النص بين <html> و </html> ويصف وثيقة HTML
  • النص بين <head> و </head> يوفر معلومات حول المستند
  • النص بين <title> و </title> يوفر عنوان للوثيقة
  • النص بين <body> و </body> يصف محتوى الصفحة مرئية
  • النص بين <h1> و </h1> يصف عنوان
  • النص بين <p> و </p> يصف فقرة

استخدام هذا الوصف، يمكن للمتصفح ويب عرض وثيقة مع عنوان وفقرة.


علامات HTML

علامات HTML هي الكلمات الرئيسية (tag names) وتحيط بها angle brackets :

<tagname>content</tagname>
  • علامات HTML تأتي عادة in pairs مثل <p> و </p>
  • العلامة الأولى في زوج هي start tag, العلامة الثانية هي end tag
  • هو مكتوب علامة نهاية مثل وسم البداية، ولكن بخط مائل قبل اسم العلامة

وغالبا ما تسمى علامة البداية و opening tag . وغالبا ما تسمى علامة نهاية closing tag .


متصفحات الانترنت

الغرض من متصفح الويب (Chrome, IE, Firefox, Safari) هي قراءة وثائق HTML وعرضها.

المتصفح لا يعرض علامات HTML، ولكن يستخدمها لتحديد كيفية عرض المستند:

عرض في مستعرض


هيكل HTML الصفحة

وفيما يلي تصور للبنية صفحة HTML:

<html>
<head>
<title> عنوان الصفحة </title>
</head>
<body>
<h1> هذا هو عنوان </h1>
<p> هذه هي الفقرة. </p>
<p> هذه هي فقرة أخرى. </p>
</body>
</html>

فقط <body> منطقة (the white area) يتم عرض من قبل المتصفح.


و <!DOCTYPE> إعلان

و <!DOCTYPE> إعلان يساعد المتصفح لعرض صفحة ويب بشكل صحيح.

وهناك أنواع المستندات المختلفة على شبكة الإنترنت.

لعرض مستند بشكل صحيح، يجب على المتصفح يعرف كل من النوع والإصدار.

في تعريف نوع المستند ليس القضية الحساسة. جميع الحالات مقبولة:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

الإعلانات المشتركة

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

كل الدروس والأمثلة في w3ii استخدام HTML5.


إصدارات HTML

منذ الأيام الأولى من شبكة الإنترنت، وكانت هناك العديد من إصدارات HTML:

الإصدار عام
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014