10 أكواد إتش تى إم إل HTML يجب أن تعرفها

التدوين يتطور يوما بعد يوم, ووسائله المتاحه وطرقه تتعدد وتنتشر عبر الشبكه العنكبوتيه الكبرى, بالطبع هناك منصتين أو ثلاثه هما الأفضل فى مجال التدوين والمدونات ولكن هناك الكثير جدا من المنصات الأخرى التى تلقى إعجاب البعض وتستهويهم وتلاعب فضولهم.

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

ليس عليك تعلم لغة HTML بإحترافيه ولكن ما عليك هو أن تعرف على الإقل بعض الأكواد الهامه والتى لا غنى عنها لتستطيع التعامل مع مدونتك بشكل جيد, وهذه الإكواد عباره عن 10 أكواد سأعرضها عليكم بسلاسه وسهوله.

كود عمل رابط 

وهذا الكود يتم إستخدامه لعمل رابط لموقع معين ويكون على الشكل التالى

<a href="http://www.diamond4host.com"> دايموند فور هوست </a>

مكان اللون الأحمر يتم وضع رابط الموقع الذى تريد الربط إليه, ومكان اللون الأزرق يتم كتابة إسم الموقع وهو اللذى سيظهر للقراء.

كود إدراج صورة 

ويتم استخدام هذا الكود لوضع صوره ويكون على هذا الشكل
كود وضع صوره برابط

<a href="http://diamond4host.com"><img src="http://picture.jpeg"/></a>

كود وضع صوره بدون رابط

<img src="http://picture.png"/>

مكان اللون الأحمر يتم وضع رابط الموقع الذى تريد الربط له ومكان اللون الأزرق  يتم وضع رابط الصوره

كود العناوين

ويستخدم هذا الكود لجعل جوله معينه كعنوان ويكون كالآتى

<h1> العنوان الأول </h1>

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

<h3> العنوان الثالث </h3>

<h4> العنوان الرابع </h4>

<h5> العنوان الخامس </h5>

وكل عنوان من هؤلاء العناوين له حجم معين يختلف عن الآخر وعليك أنت إختيار الحجم المناسب الذى تريده ونوع العنوان الذى تريد التعامل معه.

كود عمل فقرة كتابية 

ويقوم هذا الكود بعمل فقره نصيه مستقله ويستخدم كالتالى

<p> يتم هنا كتابة الفقره النصيه التى نريد وضعها كفقره مستقله عن باقى فقرات الموضوع الكتابى النصى </p>

كود كتابة الخط العريض

ويقوم هذا الكود بتحويل الخط إلى خط عريض وهو كالتالى

<strong> النص المراد إظهاره بشكل خط عريض </strong>

كود كتابة الخط المائل

ويجعل هذا الكود خط النص بشكل مائل ويكون على هذا النحو

<em> الخط المراد إظهاره بشكل مائل </em>

كود عمل قوائم مسلسلة و غير مسلسلة 

وهذا الكود يقوم بعمل قائمه كما تريدها سواء كانت مسلسله مرقمه بالترتيب أو غير مرقمه, ويكون كالتالى

<ol> يتم هنا وضع الوحده التى يراد ادخالها فى القائمه المرقمه المتسلسله </ol>

<ul> يتم هنا وضع اوحده التى يراد إدخالها فى القائمه الغير مرقمه أو الغير مسلسله </ul>

كود عمل فقره اقتباس
وهو الكود الذى يجعل النص المكتوب فى شكل مختلف تماما ومميز عن باقى النصوص فى الكتابه ويكون كالتالى

<blockquote> النص المراد إدخاله فى الإقتباس </blockquote>

كود عمل خط فاصل وهمي 

وهو الكود الذى يفصل فقره عن أخرى بإرادتك ويكون كالتالى

<br/>

ويتم وضعه فى المكان المراد عمل الفاصل فيه بالتحديد. 

كود عمل خط أفقي

ويقوم بعمل خد ظاهر فى المكان الذى تريد عمل خط فاصل فيه ويكون كالتالى

<hr/>

كتابة كود هتمل HTML

وهو الكود الذى نستخدمه عند رغبتنا فى كتابة كود ونريده ان يظهر مكتوبا وليس مفسرا, ويكون كالتالى

<pre> يتم كتابة كود اتش تى ام ال هنا </pre>

أكواد سهله جدا ولكن عليك معرفتها وحفظها عن ظهر قلب وذلك سيوفر عليك الكثير من الوقت المجهود و تصبح اكثر إحترافيه فى التعامل مع مدونتك وأكوادها. 

Tweet

مواضيع ذات صلة

10 أكواد إتش تى إم إل HTML يجب أن تعرفها

4/ 5

Oleh RAGAB NEMR

RAGAB NEMR تمّ النشر بـ نوفمبر 14, 2018 أضف تعليق