السلام عليكم اليوم ان شاء الله سنرى الجزء الاول من
دورة تصميم واجهة مدونة بتقنية html/css لنبدا على بركة الله
قبل ان نبدا اشير الى هدين الموضوعين :
لتعمق في اللغتين هده ستكون نبدة مختصرة هدا نضرا لوجود مصادر كتيرة على النت
اولا التعرف على html
هي لغة تستعمل لبناء الصفحات وهي اختصار لجملة Hyper Text Markup language وهي ليست
كباقي اللغات لا تحتاج الى مترجم او بالاحرى ليست لغة برمجة متل php و asp.net و .... الخ
والوسوم في Html تكون على الشكل التالي :
<tag>هنا الجزء الدي سيتاتر بالوسم tag</tag>
الان عرفنا كيف نكتب الوسوم في لغة html ادا لنتعرف عن اهم وسوم html التي لا يمكن كتابة اي صفحة بدون وهده الوسوم تكون على الشكل التالي :
<html>
<head>
</head>
<body>
</body>
</html>
الان لنشرح لمادا تصلح هده الوسوم
اولا وسم <html> كما نلاحض لقد بدانا به واقفلناه ب </html> كما راينا سابقا
ان بداخل وسم html نضع محتويات الصفحة ودلك اما المحتوى الدي سيضهر لزائر الصفحة سنشرحها
في body او التي سيقراها المتصفح متل title و كما سنشرحه في head
الان وسم <head></head> هدا الوسم نضع بداخله وسم
<title> </title> الدي نضع بداخله عنوان الصفحة ادا كنت تتصفح المواقع لابد انك تلاحض اسماء الصفحات
في البار في الفوق من المتصفح وهدا عمل وسم title
الان الوسم <body> الدي يكون بداخله جميع محتوى الصفحة من فقرات
وصور و جداول ... الخ
اهم الوسوم المستعملة في لغة html
<p></p>
وهو وسم لفقرات في html
<br />
وسم لرجوع الى السطر يعمل كعمل entrer في الكيبورد هدا الوسم من الوسوم المفردة ويمكن
كتابته <br></br> ويستحسن كتابته هكدا <br />
<img src="هنا عنوان الصورة" alt="هنا وصف الصورة وهده هامة لكسب صداقة محركات البحت " />
لاضافة صورة الى الصفحة
<pre></pre>
لكتابة النص كما كتبته اي ادا ضغطت على enter تحتسب رجوع الى السطر ولا تحتاج لوسم <br /> ليس متل الوسم <p>
<a href ="هنا عنوان الرابط"></a>
وسم الروابط هدا الوسم هام جدا لاضافة روابط لصفحة
<ul></ul>
هدا الوسم للقوائم الغير متسلسلة متال
<ol></ol>
هدا للقوائم المتسلسلة اي مرقمة متال
- html
- css
- html/css
الى هنا نتوقف الى الجزء التاني وهو css ان شاء الله سيكون في نفس الموضوع