عرب ويب ديازين: نبدة مختصرة عن اهم وسوم html و تقنية css

السلام عليكم اليوم ان شاء الله سنرى الجزء الاول من دورة تصميم واجهة مدونة بتقنية html/css لنبدا على بركة الله
قبل ان نبدا اشير الى هدين الموضوعين :

طريقك لتعلم لغة css2

لتعمق في اللغتين هده ستكون نبدة مختصرة هدا نضرا لوجود مصادر كتيرة على النت

اولا التعرف على html

هي لغة تستعمل لبناء الصفحات وهي اختصار لجملة Hyper Text Markup language وهي ليست
كباقي اللغات لا تحتاج الى مترجم او بالاحرى ليست لغة برمجة متل php و asp.net و .... الخ
والوسوم في Html تكون على الشكل التالي :

<tag>هنا الجزء الدي سيتاتر بالوسم tag</tag>

الان عرفنا كيف نكتب الوسوم في لغة html ادا لنتعرف عن اهم وسوم html التي لا يمكن كتابة اي صفحة بدون وهده الوسوم تكون على الشكل التالي :

<html>
<head>
<title>عرب ويب ديازين</title>
</head>
<body>
</body>
</html>

الان لنشرح لمادا تصلح هده الوسوم

اولا وسم <html> كما نلاحض لقد بدانا به واقفلناه ب </html> كما راينا سابقا

ان بداخل وسم html نضع محتويات الصفحة ودلك اما المحتوى الدي سيضهر لزائر الصفحة سنشرحها

في body او التي سيقراها المتصفح متل title و كما سنشرحه في head

الان وسم <head></head> هدا الوسم نضع بداخله وسم

<title> </title> الدي نضع بداخله عنوان الصفحة ادا كنت تتصفح المواقع لابد انك تلاحض اسماء الصفحات

في البار في الفوق من المتصفح وهدا عمل وسم title

الان الوسم <body> الدي يكون بداخله جميع محتوى الصفحة من فقرات

وصور و جداول ... الخ

اهم الوسوم المستعملة في لغة html

وهو وسم لفقرات في html

وسم لرجوع الى السطر يعمل كعمل entrer في الكيبورد هدا الوسم من الوسوم المفردة ويمكن
كتابته ويستحسن كتابته هكدا

<img src="هنا عنوان الصورة" alt="هنا وصف الصورة وهده هامة لكسب صداقة محركات البحت " />

لاضافة صورة الى الصفحة

<pre></pre>

لكتابة النص كما كتبته اي ادا ضغطت على enter تحتسب رجوع الى السطر ولا تحتاج لوسم ليس متل الوسم

<a href ="هنا عنوان الرابط"></a>

وسم الروابط هدا الوسم هام جدا لاضافة روابط لصفحة

<ul></ul>

هدا الوسم للقوائم الغير متسلسلة متال

html

css

html/css

<ol></ol>

هدا للقوائم المتسلسلة اي مرقمة متال

html

css

html/css

الى هنا نتوقف الى الجزء التاني وهو css ان شاء الله سيكون في نفس الموضوع

نبدة مختصرة عن اهم وسوم html و تقنية css

هل تود تعلم لغة html حقا

طريقك لتعلم لغة css2

اولا التعرف على html

اهم الوسوم المستعملة في لغة html

هناك 3 تعليقات:

نموذج الاتصال

Link List