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

 أكواد النصوص : 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></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>

العللامة 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 ليس بالأمر الصعب كما يعتقد البعض.