ما هي HTML؟
HTML هي لغة الترميز لإنشاء هيكل صفحات الويب
بعض المعلومات عن HTML
- HTML تعني لغة ترميز النص الفائق او Hyper Text Markup Language
- HTML يصف بنية صفحات الويب باستخدام العلامات
- عناصر HTML هي لبنات الإنشاء لصفحات HTML او المواقع الالكترونية
- يتم تمثيل او كتابة عناصر HTML بواسطة علامات
- في HTML علامات التسمية أجزاء من المحتوى مثل “<h1” ، “<p>” ، “<table>” ، والخ
- لا تعرض المستعرضات علامات HTML، ولكنها تستخدمها لعرض محتوى الصفحة
- يعني هذا ان 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>
يقوب بتعريف ان هذا المستند HTML5 - العنصر <html> هو العنصر الجذر لصفحة HTML
- يحتوي العنصر <head> على معلومات تعريف حول المستند
- يحدد العنصر <title> عنوان المستند
- يحتوي العنصر على محتوى الصفحة المرئية
<body>
- يعرف العنصر عنوان كبير
<h1>
- العنصر يعرف فقرة
<p>
علامات HTML
علامات HTML هي أسماء عناصر محاطة بأقواس الزاوية
< اسم الوسم/>محتوي الوسم <اسم الوسم >
- عادة ما تأتي علامات HTML في أزواج مثل و
<p></p>
- العلامة الأولى في الزوج هي علامة البداية، والعلامة الثانية هي علامة النهاية
- تتم كتابة علامة النهاية مثل علامة البداية، ولكن مع شرطة مائلة للأمام تم إدراجها قبل اسم الوسم كهذه <p/>
متصفحات الويب
الغرض من متصفح الويب (كروم، ايدج، فايرفوكس، سفاري) هو قراءة وثائق HTML وعرضها.
في الواقع لا يعرض المستعرض علامات HTML، ولكنه يستخدمها لتحديد كيفية عرض المستند:

قد يبدو الامر بهذا الشكل علي الهاتف

ملاحظة: يتم عرض المحتوى الموجود داخل <body>القسم (المنطقة البيضاء أعلاه) فقط في مستعرض.
<DOCTYPE html!>
يمثل الإعلان نوع المستند، ويساعد المستعرضات على عرض صفحات الويب بشكل صحيح.<!DOCTYPE>
يجب أن تظهر مرة واحدة فقط، في أعلى الصفحة (قبل أي علامات HTML).
الإعلان غير حساس لحالة الأحرف .<!DOCTYPE>
الإعلان عن كتابة HTML5 هو <DOCTYPE html!>
إصدارات HTML
منذ بداية الويب ، كانت هناك العديد من إصدارات HTML:
Version | Year |
---|---|
HTML | 1991 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML | 2000 |
HTML5 | 2014 |
اضف تعليق