[تعلم HTML] درس #3 - تعلم عناصر مهمة في لغة HTML


مرحباً بكم في درس جديد عن تعلم لغة HTML من البداية، درسنا اليوم عن عناصر مهمه يجب ان نعرفها في لغة HTML، فكل عنصر له وظيفه مختص بها دون غيره، والآن ندخل في الشرح ولا أطيل عليكم.

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

وسم <h1> العنوان </h1>

وسم <p> الفقرة الأولى من المقال </p>

كما هو واضح في العناصر ان h1 للعناوين و <p> للفقرات وكتبت عنها في الدرس السابق.

وسم  <HTML> يكون في البداية ويختم بوسم  <HTML/> ،، شاهد الفرق بين الوسمين، الأول لايوجد فيه علامة السلاش / أما الوسم الثاني يوجد فيه علامة السلاش /  ،، طبعاً واجب ولازم عند عمل كود ان تضيف وسم بداية ووسم نهاية ويكون فيه علامه السلاش /


وسم <body> هو الذي يوجد فيه المحتوى، وبمعنى أدق و أوضح هي التي يكون موجود فيها محتوى الموقع ويجب ان يختتم بـ وسم <body/>

كود دمج الكلمه في الرابط
<a href="https://www.khlasa.com">text</a>
مكان text تكتب الكلمه التي تريد دمجها في الرابط ،، ومكان الرابط تضع اي رابط في الانترنت لتدمجه في الكلمة.



تلوين النص
<p style="color:red">text</p>

تجد في الكود مكتوب color:red ،، طبعاً red تعني لون أحمر، فهذا يجعل الكلمه لونها أحمر كما في هذا المثال، قمت بتلوين الكلمة إلي اللون الذي اريده، فقط تقوم بتغيير الكلمة بإسم اللون الذي تريده.


text
text

كود <html lang="en-US">
هذا يكون للغات، وكمان ترى في الكود انه يرمز إلى اللغة الإنجليزية.

عمل فواصل
يمكن كتابة كود يجعل النصوص تحت بعضها، مثل هذا الكود البسيط
<p>This is<br>a paragraph<br>with line breaks</p>
وعند التجربه تجده هكذا
This is
a paragraph
with line breaks


وننتهي إلى هنا حتى لا تكون اللغة والدروس طويلة ومملة.

تجربة الأكواد من هنا

تعليقات



حجم الخط
+
16
-
تباعد السطور
+
2
-