أخر الاخبار

أهم 50 كود HTML بلوجر يجب أن يعرفها جميع المدونين

HTML شيء تحتاج إلى تعلمه للعمل عبر الإنترنت، يجب أن تتعرف علي رمز "html" خاصتاً في حالة التدوين، جمعت لك 50 كود HTML ورغم أنها أكواد بسيطة ولكنها مهمة ويجب أن نذكرها ، يجب أن تتعرف علي رموز "html" لأنها مفيدة جدًا!، قم بتحسين المهارات التي يمكنك تعلمها من أكواد html codes.


أهم 50 كود HTML

html codes - أهم 50 كود HTML بلوجر يجب أن يعرفها جميع المدونين

هل أكوادHTML "أتش تي أم أل" هي أكثر الأشياء شيوعًا الآن؟ حقائق مهمة يجب أن تعرفها عن أكواد HTML. ستعمل رموز HTML هذه على تغيير استراتيجيات تدوينك. تعرف أكثر علي html code التي ستفيدك جدا يمكن تحسين ترميز HTML للمدون html website ومساعدتك في تحسين معرفتك بالتدوين أو رموز "html" من أجل حياتك المهنية أو نمو المدونات.


كود HTML بلوجر

كود HTML بلوجر
ربما لن تعرف الكثير على الإطلاق عن "html"أو "CSS" أو "JavaScript" أو الترميز أو إنشاء موقع الويب أنصحك بتعلم تلك ألأمور أذا كان لديك موقع أو مدونة أو أخذ فكرة عامة عن لغات الترميز سيساعدك هذا جدا علي فهم الهيكلة العامة لموقعك وسيساعدك في كثير من ألأمور.

لا يزال "HTML" لغة الترميز ألأساسية التي يجب عليك فهمها. آمل أن تساعدك أكواد "html" الأساسية التي جمعتها لك في مقال واحد في جعل عملك أسرع قليلاً، وكتابة المدونات html paragraps، وتشغيل مواقع الويب html website، وغير ذلك الكثير. قد تفهم بعض جوانب الترميز، ولكنك ترغب في فهم المزيد.

HTML "أتش تي أم أل" هي لغة ترميز النص التشعبي، يجب أن تعرف رموز بلوجر. احصل على كود "html" المجاني الآن وبكل سهولة. تعلم أساسيات كود "html codes" لتصميم المدونة المكتوبة فقط للمدونين والمبتدئين.




كيفية إضافة كود داخل التدوينه

- قم بتحرير محتويات منشور قمت بإضافته إلى مدونتك عن طريق تحديد عرض "html" وقم بــ إضافة كود "html" في المكان الذي تريده كما موضح بالصورة:

كيفية إضافة كود داخل التدوينه - أهم 50 كود HTML
كود HTML
< ! DOCTYPE  html >

html >

head >

title > 50+ أكواد HTML يجب أن تعرفها كمدون جديد < / title >

< head/ >

body >

(.....)

<h1/>عنوان منشور المدونة - العنوان الرئيسي<h1 >

<h2/>العنوان<h2 >

h3/>العنوان الفرعي<h3 >

h4/ > العنوان الثانوي<h4 >

< p/ > فقرة <p >

< body/ >

تعلم أكواد HTML الأساسية لمدونتك

تعلم أكواد HTML الأساسية لمدونتك


أليك 50 كود 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> هذا ليس كذلك

html code in html


نص قوي

<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=”BACKGROUNDCOLORvalue=”#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”>


Ahmed Alkoptan
بواسطة : Ahmed Alkoptan
أحمد القبطان | أعمل بمجال الكمبيوتر ومصمم جرافيك ومنشئ مواقع ويب وعاشق لمجال التقنية والجرافيك
Alkoptantech



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