::: مـنتدى قبيلـة الـدواسـر الـرسمي ::: - تعلم تصميم موقع عن طريق لغة Html

- - تعلم تصميم موقع عن طريق لغة Html (https://alduwaser.org/vb/showthread.php?t=28203)

تعلم تصميم موقع عن طريق لغة Html

بسم الله الرحمن الرحيم
قد رغبت في اول مشاركه لي في هذا القسم ان اقدم مساعده وهي ان اقدم شرح مبسط جدا في تعلم لغه الـHTML حيث تعتبر من اللغات الهامه وسهله التنفيذ واسال الله العلي القدير التوفيق والسداد في القول والعمل
بسم الله الرحمن الرحيم
" اقرأ باسم ربك الذي خلق . خلق الإنسان من علق . اقرأ وربك الأكرم .الذي علم بالقلم . علم الإنسان ما لم يعلم"

وهى لغة خاصة بتصميم صفحات النت وحروفها هذي أختصار لكلمة
HYPER TEXT MARKUP LANGUAGE
واللغة هذي كلها عبارة عن وسوم او اكواد او TAGS
والاكواد تجي اغلب شي بشكل زوجي وقليل ونادر تجي بشكل فردي ,كل اللى نحتاجه برنامج كتابة ومعالجة نصوص نفس النوت باد مثلا الموجود ف الوندوز
يالله نفتح النوت باد
اى ملف اتش تى ام ال لازم يبدا بالكود هذا <HTML> وينتهى بالكود هذا </HTML>
طبعا انتوا ملاحظين ان كود البداية هو كود النهاية مع اضافة السلاش
فى بعض الكودات نفس ما قلت بنستخدمها بروحها منفردة نفس الوسم هذا وهذا كود ننهي فيه السطر وبنبدا من سطر جديد.
بعد ما فتحنا النوت باد نكتب طبعا الكود اللى قلنا ان اى صفحة لازم تبدا فيه اللى هو <HTML> خلصنا من اول كود وبعدين نجي للكودين الثانين
<HEAD> </HEAD>والكود هذا خاص بالعنوان حق الصفحة اللى بيكون فوق بالاعلى ف عنوان المتصفح والعنوان تحطه بين هالكودين <TITLE> </TITLE>
نيجى بعد كذا لاهم وهو بداية الصفحة نفسها راح نكتبها بين الكودين هذول <BODY> </BODY>
يعنى مثلا هذا راح يكون شكل الصفحة
<HTML>
<HEAD>
<TITLE>
مرحبا بكم في موقع الدواسر
</TITLE>
</HEAD>
<BODY>
الحمد لله كتبنا صفحة حلوه والحين نكمل الباقي
</BODY>
</HTML>
واغلق النوت باد واحفظها بصيغة HTML مو TXT
وبعدين افتحها مره ثانية وشوف انجازك
انتبهو ان لازم الصفحة تبتدي بكود الهتمل بعدين الهيد والتيتل بحط ما بينهم العنوان والبادى احط فيه الي انا ابي
تعالو نجرب شوية شغلات صغيرة اكتبوا الكلام هذا عندكو وشوفوا النتيجة1
<HTML>
<HEAD>
<TITLE>
مرحبا بكم في موقع الدواسر
</TITLE>
</HEAD>
<BODY>
الحمد لله 
</BODY>
</HTML>
طبعا لاحظتو ان لفظ الجلالة مكتوب بخط عريض صح؟ وهو هذي وظيفة الكود 
طب مثلا لو حبينا ننهى السطر ونكتب م الاول نكتب كذا
<HTML>
<HEAD>
<TITLE>
مرحبا بكم في موقع الدواسر
</TITLE>
</HEAD>
<BODY>
بسم 
لله 
الرحمن 
الرحيم 
موقع 
الدواسر 
يرحب بكم 
</BODY>
</HTML>
هنلاحظ ان كل ما نكتب الكود السطر بينتهى ومن بعده الكلام بيعتبر سطر جديد وعلى فكرة الكود ده بيكون مفرد يعنى ماله اى كود نهاية معاه
فى نقطة ثانية يا شباب احب اتكلم عنها وهى ان الحروف الكابتال والاسمول ماتفرق وفى شغله بعد ما بين الاكواد مولازم تاخد سطر مثل ماانا سويت وممكن تلزق كله ف بعضه وراح تشوفون النتيجة واحدة لان المتصفح حقك مايهتم بهالشي تعالو نجرب
<HTML><HEAD><TITLE>مرحبا بكم موقع الدواسر
</TITLE></HEAD><BODY>بسم 
لله حياكم 
موقع الدواسر 
يرحب بكم 
</BODY></HTML>
طبعا لاقيتو النتيجة وحده
فى بعد كود ثاني بينكتب بشكل فردي وهذا نفس عمل كود انهاء السطر بس هذا بيضيف سطر زيادة بين الفقرات بتقولي شلون بقولك تعال نجرب
<HTML><HEAD><TITLE>مرحبا بكم
</TITLE></HEAD><BODY>بسم الله
موقعالدواسر
يرحببكم
نتمنىلكم وقت طيبا
</BODY></HTML>
لو حبينا ناخد مسافة بين كل كلمة وكلمة فنقدر نستخدم الكود هذا وهو بعد ينكتب بشكل مفرد &nbsp دون وضع اي اقواس
وهذا اختصار لكلمة non breakable space وكل ما نحب ناخد مسافة نكتب الكود هذا ونكرره بعدد المسافات اللى نبيه
<HTML><HEAD><TITLE>مرحبا بكم في موقع الدواسر
</TITLE></HEAD><BODY>
موقع &nbspالدواسر &nbsp يرحب بكم &nbsp &nbsp &nbsp &nbsp فاهلا
</BODY></HTML>

هذا اول شرح وانشالله راح يكون هنالك شرح مطول مرفق بالصور قريباً.

وهذا الموقع من تصميمي الشخصي.

www.q8-tajer.8m.com

تقبلو تحياتي.

اخوكم:

محمد الحضيري