الدرس 5 : علامات HTML

علامات HTML

يمكن أن عناصر HTML لها سمات
توفر سمات حصول على معلومات إضافية حول عنصر
يتم تحديد سمات دائما في علامة البداية
سمات تأتي في أزواج الاسم / القيمة مثل: name="value"

علامة انج (lang)

لغة المستند يمكن تعريفها في <HTML> العلامة.

يتم تعريف اللغة في علامة انج .

معلنا لغة المهم للتطبيقات الوصول (قارئات الشاشة) ومحركات البحث:

مثال

<!DOCTYPE html>

<html lang="en-US">

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>

أول رسالتين تحديد اللغة (EN). إذا كان هناك لهجة، استخدم رسالتين المزيد (الولايات المتحدة).

عنوان السمة

وتعرف الفقرات HTML مع <P> العلامة.

مثال

<p title="About W3Schools">

W3Schools is a web developer's site.

It provides tutorials and references covering

many aspects of web programming,

including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.

</p>

انها محاولة لنفسك »

	عند تحريك الماوس فوق عنصر، سيتم عرض العنوان لتلميح.

الخاصية href

يتم تعريف الارتباطات HTML مع <A> العلامة. يتم تحديد عنوان الرابط في HREF السمة:

مثال

<a href="http://www.w3schools.com">This is a link</a>

انها محاولة لنفسك »

سوف تتعلم المزيد عن وصلات والعلامة <A> في وقت لاحق في هذا البرنامج التعليمي.

سمات حجم

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

اسم الملف من المصدر ( SRC )، وحجم الصورة ( العرض و الارتفاع يتم توفير جميع)، و الصفات :

مثال

<img src="w3schools.jpg" width="104" height="142">

انها محاولة لنفسك »

يتم تحديد حجم الصورة بالبكسل: العرض = يعني "104" 104 شاشة بكسل.

سوف تتعلم المزيد عن صور و<IMG> العلامة في وقت لاحق في هذا البرنامج التعليمي.

بديل السمة

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

قيمة السمة يمكن قراءتها من قبل "قارئات الشاشة". بهذه الطريقة، شخص "الاستماع" إلى صفحة الويب، أي شخص أعمى، ويمكن "سماع" العنصر.

مثال

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

انها محاولة لنفسك »

نقترح: سمات دائما استخدام حرف صغير

لا يتطلب معيار HTML5 أقل أسماء السمة القضية.

يمكن كتابة السمة اللقب مع حالة العلوي أو السفلي مثل عنوان و / أو العنوان .

W3C توصي صغيرة في HTML4، و يطالب صغيرة لأنواع وثيقة أكثر صرامة مثل XHTML.

	الحالة الأدنى هو الأكثر شيوعا. الحالة الأدنى هو أسهل للكتابة. وفي W3Schools نحن دائما استخدام الحالة الأدنى السمة الأسماء.

نقترح: اقتباس دائما السمة القيم

لا يتطلب معيار HTML5 علامات الاقتباس حول قيم السمات.

و HREF السمة، تبين أعلاه، يمكن أن تكون مكتوبة على النحو التالي:

مثال

<a href=http://www.w3schools.com>

انها محاولة لنفسك »

W3C توصي يقتبس في HTML4، و يطالب نقلت عن أنواع المستندات أكثر صرامة مثل XHTML.

أحيانا يكون من الضروري استخدام علامات الاقتباس. هذا وسوف يتم عرض بشكل صحيح، لأنه يحتوي على الفضاء:

مثال

<p title=About W3Schools>

انها محاولة لنفسك »

	استخدام علامات الاقتباس هي الأكثر شيوعا. يمكن الاقتباس حذف تنتج أخطاء. وفي W3Schools نحن دائما استخدام علامات الاقتباس حول القيم السمة.

ونقلت واحدة أو مزدوجة؟

ونقلت أسلوب مزدوجة هي الأكثر شيوعا في HTML، ولكن يمكن أيضا أن تستخدم نمط واحد.

في بعض الحالات، عندما تكون قيمة السمة نفسها تحتوي على علامات اقتباس مزدوجة، فمن الضروري استخدام علامات الاقتباس المفردة:

مثال

<p title='John "ShotGun" Nelson'>

أو بالعكس:

مثال

<p title="John 'ShotGun' Nelson">

ملخص الفصل

ويمكن لجميع عناصر HTML لها سمات
وHTML لقب توفر سمة إضافية "أداة معلومات سرية" المعلومات
وHTML HREF توفر سمة عنوان معلومات عن الروابط
وHTML العرض و الارتفاع توفر سمات المعلومات حجم للصور
وHTML بديل توفر سمة النص لقارئات الشاشة
في W3Schools نحن دائما استخدام صغيرة أسماء السمات HTML
في W3Schools نحن دائما أقتبس سمات مع التنصيص

سمات HTML

وفيما يلي قائمة أبجدية بعض الصفات غالبا ما تستخدم في HTML:

العلامة	خصائصها
alt	يحدد نص بديل للصورة
disabled	تحدد أن عنصر المدخلات يجب تعطيلها
href	يحدد URL (عنوان ويب) لارتباط
id	يحدد هوية فريدة من نوعها لعنصر
src	يحدد URL (عنوان ويب) لصورة
style	يحدد أسلوب CSS داخل العنصر
title	يحدد معلومات إضافية حول عنصر (يظهر على شكل تلميح أداة)
value	يحدد قيمة (محتوى النص) لعنصر الإدخال.

مدونة Tainmz

مرحباً بك بمدونتنا