ماهي لغة HTML:
لغة ترميز النص الفائق (إتش تي إم إل HTML)، هي لغة ترميز تستخدم في إنشاء وتصميم صفحات ومواقع الويب، وتعتبر هذه اللّغة من أقدم اللّغات وأوسعها استخداما في تصميم صفحات الويب. HTML هيكل صفحة الويب وتعطي متصفّح الإنترنت وصفا لكيفيّة عرضه للمحتوياتها، فهي تعلمه بأنّ هذا عنوان رئيسي وتلك فقرة وغير ذلك الكثير. وتستخدم الـ HTML مايعرف بالوسوم ('tags') لإصدار التعليمات إلى المتصفّح، هذه الوسوم توضع بين علامتى أكبر من '>' وأصغر من '<' الّتي تنقسم إلى نوعين:
- وسم البداية كـ <html> , <p> , <h1> , <body>
- وسم النهاية كـ <html> , </p> , </h1> , </body/>
وعند تجميع وسم البداية <html> و وسم النهاية <html/> نحصل على عنصر HTML .
تبدأ أكواد HTML بالوسم
<html>، وتنتهى بالوسم</html> .يقوم متصفح الوب بترجمة السطور البرمجيّة بلغة HTML إلى محتوى مرئي سهل القراءة لزوار الموقع.
عرفت لعدم حساسيتها لحالة الأحرف أو لترتيب بعض الخصائص؛لكلّ عنصر HTML خصائص تتحكّم في كيفيّة ظهوره. وذلك لكي تكون عمليّة تصميم المواقع عمليّة سهلة ولينة وبدون أي تعقيدات.HTML من اللّغات المدعومة بمعايير قياسيّة محددّه يفضّل الالتزام بها من قبل W3C فالإلتزام بمعايير الـ HTML أثناء تصميم المواقع يمنح الصفحة قابليّة أكثر للعرض والاستخدام على أنواع وإصدارات مختلفة من المتصفحات. من ناحية أخرى فإن HTML مركبة بشكل نحوي يدعى DOM ؛الّذي يحدّد معيارا للوصول والتلاعب بملفّات HTML ، عمليّة تصميم المواقع مع DOM تجعل صفحة الموقع تظهر وكأنّها شجرة من الوسوم .
للتوضيح اكثر
الى الاجزاء الرئیسیة التالیة : HTML یمكننا تقسیم لغة
وھي تقسم بدورھا الى : Tags.1
- Main Tags
- Tags
Attribute .2
Special characters .3
Tags. 1
اوسمة للقیام بوظائف معینة مثل توسیط الكلام ، جعل الخط مائلا، جعل الخط غامقا،...الخ
وھو یقسم الى نوعین :
ویكتب حسب الصیغة التالیة: Main Tags .2
وذلك لعمل خط افقي <hr /> او <hr> < اسم الوسم > أو </ اسم الوسم > مثلا
ویكتب حسب الصیغة التالیة :Tags .3
< اسم الوسم/>-------------------------------<اسم الوسم>
مثلا:
<center> Odai </center>
وذلك لتوسیط كلمة"Odai"(جعلھا في المنتصف)
Tag یسمى ھذا الجزء <center>
Anti Tag یسمى ھذا الجزء </center>
(Anti Tag لاحظ ان الفرق بین النوعین ھو ان النوع الاول لا یحتوي على)
.وسوف یتضح اكثر مفھوم الاوسمة وعملھا ونوعیھا من خلال الامثلة
Attribute .2
:التالي Attribute لاضافة خصائص للاوسمة مثلا للتحكم بلون الخط نستخدم ال
<font color = red > Text </font>
Special Character .3
:التالي Special Character و ذلك لطباعة حروف خاصة مثلا لطباعة اشارة اكبر < نستخدم
(;لاحظ البدایة ب & والنھایة بـ ) >
> أو مباشرة
: لكتابة الكود اللازم لعمل صفحة بسيطة جدا
(Notepad اولا: افتح برنامج تحریر النصوص( و لیكن
و في (save) او حفظ (save as) اختر حفظ باسم (File) ثانیا : من قائمة ملف
صندوق الحوار اكتب الاسم الذي ترید ان تجعلھ للصفحة و تاكد من وضع الامتداد
مثلا .htm او .html
Index.html
<html>
<head>
<title>
اهلا وسهلا بكم
</title>
</head>
<body>
<center>
اهلا وسهلا بكم
<br />
في موقعي
</center>
</body>
</html>
<html>------------------------------------------- </html>
HTML یمثل كود </html> وبین ال <html> ما بین
anti tag وعلى tag لاحظ انھا من النوع الثاني من الاوسمة فھي تحتوي على
<head>--------------------------------------------</head>
(head) یمثل ما سیكون في جزء الراس </head> و بین ال <head> ما بین
anti tag وعلى tag لاحظ انھا من النوع الثاني من الاوسمة فھي تحتوي على
<title>----------------------------------------------</title>
یمثل العنوان و الذي سوف یكون في الراس وفي مثالنا سوف نطبع" صفحتي </title> و بین ال <title> ما بین
الاولى"
anti tag وعلى tag لاحظ انھا من النوع الثاني من الاوسمة فھي تحتوي على
<body>---------------------------------------------</body>
(body) یمثل ما ھو موجود في جزء الجسم </body> و بین ال <body> ما بین
anti tag وعلى tag لاحظ انھا من النوع الثاني من الاوسمة فھي تحتوي على
<center>--------------------------------------------</center>
یتم لھ عملیة توسیط </center> وبین <center> ما بین
وھنا لاحظ ان العبارتین" أھلا وسھلا بكم " و عبارة" في موقعي" تم طباعتھن في منتصف الصفحة
anti tag وعلى tag ولاحظ انھا من النوع الثاني من الاوسمة فھي تحتوي على
<br>
او
<br />
(Enter وذلك للنزول الى السطر التالي ( اي تعمل عمل ال
anti tag ولاحظ انھا لا تحتوي على
(Main tags) ولذلك فان ھذا الوسم یمثل النوع الاول
:و السؤال الان : ماذا لو كتبنا الكود كما یلي
أھلا وسھلا بكم
في موقعي
ھل سیطبع" أھلا وسھلا بكم" ثم ینزل سطر الى الاسفل لیطبع "في موقعي" ؟ <br> دون استخدام
بالاضافة <br> الجواب: للاسف لا سوف یقوم بطباعة الجملتین في نفس السطر و لذلك نحن نقوم باستخدام
الى طرق اخرى سوف یتم ذكرھا
(save) اختر حفظ (File) رابعا: من قائمة ملف
وبعدها قُم بفتح الملف باستخدام المتصفح لديك
ليست هناك تعليقات:
إرسال تعليق
EmoticonEmoticon