HTML شيء تحتاج إلى تعلمه للعمل عبر الإنترنت، يجب أن تتعرف علي رمز "html" خاصتاً في حالة التدوين، جمعت لك 50 كود HTML ورغم أنها أكواد بسيطة ولكنها مهمة ويجب أن نذكرها ، يجب أن تتعرف علي رموز "html" لأنها مفيدة جدًا!، قم بتحسين المهارات التي يمكنك تعلمها من أكواد html codes.
أهم 50 كود HTML
هل أكوادHTML "أتش تي أم أل" هي أكثر الأشياء شيوعًا الآن؟ حقائق مهمة يجب أن تعرفها عن أكواد HTML. ستعمل رموز HTML هذه على تغيير استراتيجيات تدوينك. تعرف أكثر علي html code التي ستفيدك جدا يمكن تحسين ترميز HTML للمدون html website ومساعدتك في تحسين معرفتك بالتدوين أو رموز "html" من أجل حياتك المهنية أو نمو المدونات.
كود HTML بلوجر
لا يزال "HTML" لغة الترميز ألأساسية التي يجب عليك فهمها. آمل أن تساعدك أكواد "html" الأساسية التي جمعتها لك في مقال واحد في جعل عملك أسرع قليلاً، وكتابة المدونات html paragraps، وتشغيل مواقع الويب html website، وغير ذلك الكثير. قد تفهم بعض جوانب الترميز، ولكنك ترغب في فهم المزيد.
HTML "أتش تي أم أل" هي لغة ترميز النص التشعبي، يجب أن تعرف رموز بلوجر. احصل على كود "html" المجاني الآن وبكل سهولة. تعلم أساسيات كود "html codes" لتصميم المدونة المكتوبة فقط للمدونين والمبتدئين.
كيفية إضافة كود داخل التدوينه
- قم بتحرير محتويات منشور قمت بإضافته إلى مدونتك عن طريق تحديد عرض "html" وقم بــ إضافة كود "html" في المكان الذي تريده كما موضح بالصورة:
< ! DOCTYPE html >
< html >
< head >
< title > 50+ أكواد HTML يجب أن تعرفها كمدون
جديد < / title >
< head/ >
< body >
(.....)
<h1/>عنوان منشور المدونة - العنوان الرئيسي<h1 >
<h2/>العنوان<h2 >
< h3/>العنوان الفرعي<h3 >
< h4/ > العنوان الثانوي<h4 >
< p/ > فقرة <p >
< body/ >
تعلم أكواد HTML الأساسية لمدونتك
أليك 50 كود HTML يمكنك الاستفادة منها
أدخل الصورة: رمز الصورة
<img title = "نص العنوان" src = "اسم المجال الخاص بك / imagenamehere.gif" alt = "النص البديل" width = "100 ″ height =" 150 ″ />
نص يتوسطه خط
<del> النص الخاص بك هنا </del>
لون الخط
<span style = ”color: # ff6cc7؛”> نص هنا </ span>
خط أفقي
<hr />
رابط Nofollowed
<a href="https://alkotantechnology" rel="nofollow"> نص أزرق </a>الفقرة
<p> فقرة هنا </ p>
نص مرتبط تشعبيًا (أضف عنوان URL)
<a href=”https://alkotantechnology.com/”> النص هنا </a>
استراحة: كلمتك أو فقرة أو صورتك هنا
</br>النص الغامق
<strong> نص هنا </ strong>
استخدم خطًا مختلفًا
<span style = ”font-family: georgia، serif؛”> نص هنا </ span>
إضافة الكلمات الدلالية Kaywords
<META NAME = "الكلمات الرئيسية" CONTENT = "">
نص مائل
<i> هذا النص بخط مائل </ i> نص عادي.
نص مؤكَّد
<em> تم إبراز هذا النص </ em> كنص عادي.نص مشطوب
<del> هذا النص محذوف </ ديل> هذا ليس كذلك.
<a href="LINKHERE"> رابط </ أ
إضافة صورة
<img src = "IMAGEURL" />
إضافة صورة مرتبطة
<a href="LINKHERE"> <img src = "IMAGEURL" width = "100" height = "auto" title = "Text hare" alt = "Text hare" /> </a>
العناوين
<h1> العنوان الرئيسي </ h1> <h2> العنوان </ h2> <h3> العنوان الفرعي </ h3>
ربط في نافذة جديدة
<a href="LINKHERE" target="_blank"> نص الرابط </a>
نص مسطر
<u> هذا النص مسطر </ u> هذا ليس كذلك
نص قوي
<strong> هذا النص عريض </ strong> نص عادي.
هيكل الموقع
<head> </head>
مركز النص
<CENTER> النص الخاص بك </ CENTER>
مرتفع
<sup> TM </sup>.
نص مميز
<mark> نص مميز </ mark>.
تحديد لون نص معين
<p style = "color: blue؛"> لون التدوينة أزرق. </ p>
الجداول
<table style = "width: 100٪"> <tr> <th> نص سريع </ th> <th> آخر نص </ th> <th> العمر </ th> </tr> <tr> <td> ترقيم</ td> <td> حدود</ td> <td> 50 </td> </tr> <tr> <td> تشعب</ td> <td> المحتوي</ td> <td> 94 </ td> </tr> </table>حجم الخط
<font size = "10"> انظر إلى حجم النص! </ font>
لون الخط
<font color = "blue"> انظر إلى لون النص! </ font>
اقتباسات
<blockquote> يرجى توسيع إجابتك على السؤال الأول. ماذا تفعل الآن؟ ماذا تعرف عن موقع القبطان؟ </blockquote>
كود
<code> <div class = "header"> </code>
اصنع قائمة ذات تعداد رقمي
<ol> <li> عنصر قائمة بالرقم 1 </li> <li> عنصر قائمة برقم 2 </li> </ol><ol type = "A"> <li> العنصر A </li> <li> العنصر B </li> <li> العنصر C </li> <li> العنصر D </li> </ol>
<em> أن تكون مائلة </ em>رمز Html # 0000 "رمز اللون السداسي عشرية"نص متحرك من اسفل الى اعلى
<marquee direction=”Up” scrollAmount=”2″> <BR><BR><FONT size=”6″><FONT COLOR=”red”>النص</FONT c></FONT s><BR><BR></marquee><BR><P><BR
نص متحرك من اعلى الى اسفل
<marquee direction=”Down” scrollAmount=”2″> <BR><BR><FONT size=”6″><FONT COLOR=”green”>النص</FONT c></FONT s><BR><BR></marquee><BR><P><BR>
نص ملون بلونين من الداخل والخارج
<FONT size=”15″><TABLE STYLE=filter:GLOW(color=”brown”,strength=#+9)><FON T COLOR=”yellow”>النص<BR> <P> <BR></TABLE></FONT></FONT s>
نص متحرك من الجنب
<marquee>
تلوين خلفية الموضوع
<DIV id=cdiv style=”BACKGROUND-COLOR: اللون”><BR>
كود الزر و الإجابة
<input type=button value=النص على الزر onClick=”alert(‘الاجابه’)”> <P
وضع موضوع او موقع داخل اطار فى نفس الصفحة
<BR><IFRAME SRC=”عنوان الموقع” WIDTH=540 HEIGHT=300></IFRAME><BR>
الريل بلير (مصدر صوتي)
<p align=”center”> <object id=”RAOCX” classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA” width=”288″ height=”80″> <BR> <param name=”SRC” value=”العنوان”><BR> <param name=”CONTROLS” value=”ALL”><BR> <param name=”AUTOSTART” value=”TRUE”><BR> <param name=”NOLABELS” value=”TRUE”><BR> <param name=”RESET” value=”TRUE”> <BR> <embed src=”” height=”80″ controls=”Default” autostart=”true” console=”Clip1″><BR> </object></p><hr size=”1″><center><P>
تشغيل أفلام الفلاش
<embed width=”550″ height=”500″ src=”عنوان الموقع” type=”application/x-shockwave-flash”>
شكل اخر للريل بلير (مصدر صوتي)
<param name=”BACKGROUNDCOLOR” value=”#ff00ff”><embed src=”العنوان” align=”baseline” border=”0″ width=”275″ height=”40″ type=”audio/x-pn-realaudio-plugin” console=”Clip1″ controls=”ControlPanel” autostart=”true”><P><BR><BR>
لتغير سهم الماوس من الأعلى الى الأسفل مع الحركة
<body style=”cursor:sw-resize”>
سعدنا بوجودك 😍 شكراً لك اترك تعليقك بمدى أستفادتك من المحتوى دعمنا لنا وسيتم الرد عليك في أقرب وقت. يسعدنا دائماً اقتراحاتكم بخصوص المحتوى وأذا كان لديك أى أستفسار لاتترد بالتعليق أو المراسلة عبر صندوق البريد.