الدرس السادس : أكواد النصوص : Html

 أكواد النصوص : Html
 نشرح في هذا الدرس بعض خصائص النصوص المهمة بالنسبة لمكوانت صفحة Html الخاصة بك






لصنع رابط يحمل الى موقع معين مثل

 <a href="http://رابط موقعك">ضع هنا نصك</a>

مثال ضع هنا نصك عندما نريد العودة الى السطر لا فائدة من الضغط على "ENTER" بل ضع فقط:

    <br>

جعل نص يتحرك للأسفل.

&lt;marquee direction="Down" scrollAmount="2" width="298" height="60"&gt; &lt;FONT size="4" COLOR="Blue"&gt;

مدونة المنصورة نت دورة تعلم لغة Html

&lt;/FONT&gt; &lt;/marquee&gt; &lt;/font&gt;&lt;/b&gt;

سيظهر بهذا الشكل

مدونة المنصورة نت دورة تعلم لغة Html

  جعل نصك يتحرك للأعلى

 <marquee direction="Up" scrollAmount="2"> <FONT size="4" COLOR="Blue"> مدونة المنصورة نت دورة تعلم لغة Html </FONT> </marquee>

سيظهر بهذا الشكل مدونة المنصورة نت دورة تعلم لغة Html كتابة متحركة

<marquee/>اكتب ماتريد هنا Html<marquee>

نص يتحرك لليمين داخل ايطار

<marquee direction="right" width="350" height="40" style="TAHOMA: 150%; font-size: 14pt; color: white; border-style: ridge; border-color: #0066FF" bgcolor="#000000" scrolldelay="100" scrollamount="3"> مدونة المنصورة نت ترحب بكم </marquee>

سيظهر بهذا الشكل
  مدونة المنصورة نت ترحب بكم نص يتحرك لليسار داخل ايطار

<marquee direction="left" width="350" height="40" style="TAHOMA: 150%; font-size: 14pt; color: white; border-style: ridge; border-color: #0066FF" bgcolor="#800000" scrolldelay="100" scrollamount="3"> مدونة المنصورة نت دورة Html </marquee>

سيظهر بهذا الشكل
مدونة المنصورة نت دورة Html  

العللامة color: #0066FF"  كود لون الخلفية

color: #هنا رمز اللون"

نص في مربع .. جاهز للنسخ اذا رغبت في وضع كود , أو اقتباس داخل المربع

<input style="color:black; font-family:Tahoma" NAME="send_name" size="88" value="مدونة المنصورة نت ترحب بكم في دروس Html">

سيظهر بهذا الشكل

جعل النص على خلفية ملونة

<CENTER>
<DIV id=cdiv style="BACKGROUND-COLOR: 800000">
<P align=center>[qb]<FONT color=#ffffff  size=5>
اكتب النص هنا
</FONT>[/qb]

سيظهر بهذا الشكل

اكتب النص هنا

مثلا
دورة Html ,, html ,, دروس Html ,, لغة Html ,, تعلم Html ,, نصوص Html

هنا


نصوص الكتابة بخطوط مختلفة

<i>خط مائل</i>

النتيجة:
خط مائل

<b>خط عريض</b/>

النتيجة
خط عريض

<u>خط بسطر سفلي</u>

النتيجة
خط بسطر سفلي

<strike>خط يتوسطة سطر</strike><u><u>

النتيجة
خط يتوسطة سطر


زر ..  BUTTON , أو رسالة تنبية

<form><input type="button" value="اضغط" onClick=

"alert('اكتب ماتريد هنا'); return true"></form>

 سيظهر بهذا الشكل

بعض الأشكال في حالة أردت تزيين صفحتك

<div class="example-code" style="height: 110px;">
     <span style="color: grey; font-size: 48px;">→</span> <span style="color: orange; font-size: 42px;">♣</span> <span style="color: black; font-size: 48px;">☆</span> <span style="color: red; font-size: 36px;">♥</span> <span style="color: black; font-size: 50px;">♠</span> <span style="color: white; font-size: 36px;">♦</span> <span style="color: orange; font-size: 36px;">★</span> </div>

ستظهر بهذا الشكل

→ ♣ ☆ ♥ ♠ ♦ ★

لاحظ كيف الأمر سهل للغاية يحتاج فقط الى التركيز والتحلي بالصبر
تصميم المواقع واحتراف لغة Html ليس بالأمر الصعب كما يعتقد البعض.


فى الدرس القادم سنقوم بشرح HTML Image
ستتمكن من خلاله من اضافة الصور لصفحتك واضافة التأثيرات المختلفة والاطارات والروابط علي الصور.

الدرس السابع : الصور Html

مشاركة مع الأصدقاء