25060904239828990

[تعلم HTML] درس #2 - أمثلة بسيطة في لغة HTML

الخط

كما نعلم أن كود html يبدأ بالوثيقة <! DOCTYPE HTML> و أيضا نضع في الكود <html> وينتهي به الكود ، ونضع <body> ينتهي بـ </body> وهذا للنصوص في الصفحة.

نتعرف على امثلة سيطة في لغة HTML لعلانات العنوان التي لها أكثر أهمية دون غيرها

عناوين

<h1> لغة </h1>
<h2> لغة </h2>
<h3> لغة </h3>
<h4> لغة </h4>
<h5> لغة </h5>
<h6> لغة </h6>

طبعاً h1 لها علاقة بعنوان المقالة و h2 لها علاقة بعناوين في الموضوع وهكذا إلى آخره

بالنسبة لـ <p> لغة </p>  هذه طبعاً لعمل فراغ او توفير مساحة بين من فوق وتحت الكلمه التي تضعها بين <p> و </p>

على سبيل المثال بهذا الشكل

لغة html
لغة تصميم مواقع

أصبح يوجد فارغ فوق لغة html و أسفل لغة تصميم مواقع لتعمل فارغ بين النص والاعلان مثلاً في الموضوع حتى لا يكون الاعلان ملتصق في نص الموضوع



دمج الرابط في الكلمة

<a href="https://www.khlasa.com">text</a>

مكان الرابط تضع اي رابط تريده ، ومكان كلمة text تضع الكلمه التي تدمحها في الرابط ، مثل هذه " تعلم لغة HTML " اذا ضغط على تعلم لغة HTML ستجد تم فتح رابط في صفحة جديدة فيها صفحة لتعلم لغة HTML أعتقد انك فهمت.


دمج الرابط في الصورة

<a href="link site"><img src="link photo"/></a>


كما في هذه الصورة ، إذا ضغط عليها فيمكن تحويلك إلى الصفحة الرئيسية للمدونة.

مكان link site تضع رابط ومكان link photo تضع رابط الصورة من موقع رفع ملفات مثلاً او اي صورة في اي موقع.


يوجد كود لدمج الصورة في الرابط لكن هذا كود سهله جداً.

المصدر
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

نموذج الاتصال
الاسمبريد إلكترونيرسالة