أخر الاخبار

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

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

html codes
كود HTML

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


كود 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 >

p > paragraps الخاص بك  < / p >

< / body >

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

كود html


أليك 50 كود HTML يمكنك الاستفادة منها 

كود HTML
html website


أدخل الصورة: رمز الصورة

<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
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”>





آمل أن يكون من السهل فهم وتنفيذ منشور المدونة هذا عن اكواد اتش ام ال  "html codes" لـ Blogger ، إذا كنت تحب هذا المنشور وكذلك هذه المدونة ، فقم  بمتابعتنا . تم إنشاء هذه المدونة لمساعدة الأشخاص في كثير من ألأمور التي تتعلق بالربح من الأنترنت والمواضيع المتعلقة بالكمبيوتر والأنترنت والهواتف الذكية بشكل عام والجرافيك والألعاب .

هذا كل شيء لهذا اليوم، وسنعود إن شاء الله بمنشور جديد قريبًا . حتى ذلك الحين، اعتني بنفسك واستمتع بالتدوين، وفضلا وليس أمراً شارك الموضوع علي الواتساب ومواقع التواصل حتي يستفيد غيرك أزرر المشاركة أسفل الموضوع. دومتم في أمان الله

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