\\ بسم الله الرحمن الرحيم //
السلام عليكم ورحمة الله وبركاته ~
حياكم الله جميعاً رواد مسومس الكرام
الموضوع عبارة عن مقدمة بسيطة جداً في لغة الويب (HTML)، كما يتضح من العنوان،
لذا فلننطلق D:
نبذة عن اللغة :
هي لغة توصيف النصوص التشعبية (Hyper Text Markup Language - HTML) ،
وهي لغة تستخدم في إنشاء وتصميم صفحات الويب، كما أنها من أقدم اللغات و أكثرها استخداماً.
كما أنها لغة تعتمد على ما يسمى بالوسوم (Tags) ، ولكل وسم بداية ونهاية
وبعض الوسوم لديها بداية فقط مثل وسم سطر جديد (Line Break - br).
مثال وسم الفقرات (Paragraphs - p) :
ويمثل (نهاية الوسم - المحتوى - بداية الوسم)
كود:<p> Contents <\p> Open Close
لمحة عن تاريخ اللغة :
كان لدى الفيزيائي تيم بيرنرز لي (Tim Berners-Lee) والذي كان يعمل في المنظمة الأوربية
للأبحاث النوية (The European Organization for Nuclear Research - CERN) حلماً
يتمثل في تمكين الباحثين في مناطق نائية من العالم من استخدام وتبادل الوثائق معاً.
وفي عام 1989 ، كتب تيم مذكرة يقترح فيها نظاماً نصياً تشعبياً معتمد على الانترنت
(An Internet-Based Hypertext System) ، وقام فيما بعد بكتابة برامج المزود أو الخادم
و المتصفح ، في أواخر عام 1990.
ننتقل إلى الجزء العملي D:
الهيكل الأساسي لصفحة الويب :
كود:<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>
الشرح :
1- وسم التعريف بالصفحة (Declaration Tag) :
كود:<!DOCTYPE html>
ويقصد بها تعريف المتصفح بماهية الصفحة المكتوبة وإصدار (HTML) الخاص بها
ولكن بالامكان تجاهلها، حيث لدى بعض المتصفحات القدرة على ذلك
2- وسم بداية الصفحة و نهايتها (Start and End of Page Tag) :
كود:<html></html>
وهما يمثلان بداية الصفحة ونهايتها ويجب وضع كل ما تحويه الصفحة بينهما
3- وسم رأس الصفحة (Head Tag) :
وهو يمثل رأس الصفحة، ويستخدم مثلاً لوضع عنوان الصفحة فيه (Title Tag)
كود:<head> <title>Title of the document</title> </head>
4- وسم جسد الصفحة (Body Tag) :
ويمثل جسد الصفحة الذي يتم وضع محتواها فيه
كود:<body> The content of the document...... </body>
تطبيق:
1- قم بعمل مستند نصي جديد باستخدام برنامج (Notepad)
و ضع فيه الكود الذي ترغب به، شرط ألا تخل بهيكل الصفحة الأساسي
مثال :
كود:<!DOCTYPE html> <html> <head> <title>Learn HTML</title> </head> <body> <p>My First Page</p> </body> </html>
2- احفظ الملف بصيغة (HTML)، وستجد أنها ظهرت كصفحة ويب،
أيقونتها هي المتصفح الافتراضي لديك
وها قد أنشئت صفحتك الأولى الخاصة XD
كلمة أخيرة:
أرجو أن أكون قد وفقت في الطرح، ولا تبخلوا علي بآرائكم و تطبيقاتكم D:
ألقاكم على خير
في حفظ الباري ~
المفضلات