الأحد، 25 يونيو 2017

التعامل مع النصوص فى لغة HTML - الجزء الثاني

التعامل مع النصوص فى لغة HTML - الجزء الثاني

* في الدرس السابق تم شرح بعض اوسمة لغة الـ HTML و التي تستخدم فى التعامل مع النصوص لمزيد من المعلومات برجاء الاطلاع على الموضوع السابق من الرابط التعامل مع النصوص فى لغة HTML
* سنستكمل فى هذا الدرس بعض الاوسمة الاخري التي تستخدم فى تحرير النصوص 

* وسم BOLD

يستخدم وسم Bold لجعل الكلمات تظهر بخط عريض.

كود HTML:

<html>
<head>
<title>Bold Tag Example</title>
</head>
<body>
<p lang=en-us">This is Example to show the effect of <b>Bold</b> tag.</p>
</body>
</html>

 نتيجة الكود:

* وسم ITALIC

يستخدم وسم Italic لجعل الكلمات تظهر بخط مائل.

كود HTML:


<html>

 <head>

  <title>ITALIC Tag Example</title>

 </head>

 <body>

  <p lang=en-us">This is Example to show the effect of <i>Italic</i> tag.</p>

 </body>

</html>

نتيجة الكود:


* وسم SUPERSCRIPT

يستخدم وسم Superscipt لجعل الاحرف مكتوبة اعلي من باقي الاحرف كما في المعادلات الرياضية.

كود HTML:


<html>
 <head>
  <title>Supscipt Tag Example</title>
 </head>
 <body>
  <p lang=en-us">This is Example to show the effect of <sup>Supscript</sup> tag.</p>
 </body>
</html>

نتيجة الكود: 

* وسم SUBSCRIPT

يستخدم وسم Subscipt لجعل الاحرف مكتوبة اسفل من باقي الاحرف كما في المصطلحات الكيميائية.

كود HTML:

<html>
 <head>
  <title>Subscipt Tag Example</title>
 </head>
 <body>
  <p lang=en-us">This is Example to show the effect of <sub>Subscript</sub> tag.</p>
 </body>
</html>

نتيجة الكود:

* وسم LINE BREAK

يستخدم وسم Line Break لاضافة فاصل بين اكثر من سطر فى نفس الفقرة .

كود HTML:

<html>
 <head>
  <title>Line Break Tag Example</title>
 </head>
 <body>
  <p lang=en-us">This is Example to show the effect of <br /> Line Break tag.</p>
 </body>
</html>

نتيجة الكود:

* وسم HORIZONTAL RULE

يستخدم وسم Horizontal Rule لاضافة خط فاصل بين الفقرات.

كود HTML:

<html>
 <head>
  <title>Horizontal Rule Tag Example</title>
 </head>
 <body>
  <p lang=en-us">This is Example to show the effect of Horizontal Rule tag.</p>
  <hr />
 </body>
</html>

نتيجة الكود:


- يعتبر وسم </  br> و </ hr> من عناصر HTML الخاصة حيث لا يوجد كلمات بين وسم افتتاح و وسم الاغلاق و تعرف هذه العناصر بـ Empty Elements.
- في حالة وجود اكثر من مسافة بين الاحرف و الكلمات فى لغة الـ HTML فان المتصفح عند عرض عرض الصفحة يعتبر كانها مسافة واحدة فقط.

كود HTML:


<html>
 <head>
  <title>Effect of more than space Example</title>
 </head>
 <body>
  <p lang=en-us">This is Example to show the effect of more than space       between words.</p>
  <hr />
 </body>
</html>

نتيجة الكود:



0 التعليقات

إرسال تعليق