منتدى الشباب نت

منتدى الشباب نت

برامج الحاسوب و ما يتعلق بتطور المنتديات و المواقع
 
الرئيسيةس .و .جبحـثالتسجيلدخول
Flag Counter

شاطر | 
 

 اكواد HTML لاصحاب المواقع والمدونات

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Sniper_2
المدير العام
المدير العام
avatar

MA
ذكر
القوس
الديك
عدد المساهمات : 666
تاريخ الميلاد : 13/12/1981
تاريخ التسجيل : 11/07/2012
العمر : 35
الموقع : http://youthnet2013.com
الأوسمة :


مُساهمةموضوع: اكواد HTML لاصحاب المواقع والمدونات    الثلاثاء مارس 19, 2013 5:49 am

منتديات الشباب Net

أود أن اقدم لكم وبدون مقدمات تعلم لغة HTML

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


lol! كود عمل رابط lol!

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


الكود:
<a href="http://youth-net.ba7r.org/"> منتديات الشباب نت </a>

مكان http://youth-net.org ضع رابط الموقع الذى تريد الربط إليه, ومكان منتديات الشباب نت يتم كتابة إسم الموقع وهو اللذى سيظهر للقراء

lol! كود ادراج صوره lol!

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

الكود:
<a href="http://youth-net.ba7r.org"><img src="http://picture.jpeg"/></a>

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

الكود:
<img src="http://picture.png"/>

مكان http://picture.png يتم وضع رابط الموقع الذى تريد الربط له ومكان اللون الأخضر يتم وضع رابط الصوره

lol! كود العناوين lol!

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

الكود:

    <h1> العنوان الأول </h1>
    <h2> العنوان الثانى </h2>
    <h3> العنوان الثالث </h3>
    <h4> العنوان الرابع </h4>
    <h5> العنوان الخامس </h5>

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

lol! كود عمل فقره كتابيه lol!

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

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

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

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

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

lol! كود كتابة النص بخط مائل أو إيطالى lol!

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

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

lol! كود عمل القوائم المسلسله والغير مسلسله lol!

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

الكود:

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

lol! كود عمل فقره اقتباس lol!

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

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

lol! كود عمل خط فاصل وهمى lol!

الكود:
<br/>

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

lol! كود عمل خط أفقى lol!

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

الكود:
<hr/>

ويتم وضعه فى المكان المراد عمل خط أفقى فيه بالتحديد

lol! كود لكتابة كود بدون تحوله إلى شكل وليظهر كما هو مكتوب تماما lol!

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

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

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



اتمنى ان تكن قد استفتدم معنا في هدا المنتدى

و ان شاء الله يكون الموضوع قد نال رضاكم وانتظروا منا الجديد

شكراً على المرور

مع تحياتي......

المصدر : منتديات الشباب نت






الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://youth-net.ba7r.org
 
اكواد HTML لاصحاب المواقع والمدونات
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» اليكم كود html لعمل غرفة شات
» حصريا اكبر موسوعة اكواد ورموز HTML خياليه تخص صفحات مجله بوابة ورئيسية منتداك
» كود وضع خلفية لصفحات Html
» الان للجميع كود وضع خلفية لصفحات هتمل html
» من شرحي الخاص ( الشامل في HTML ) في كتاب للتحميل - تعلم اللغة

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الشباب نت :: »»»»»»»»»(☼☼► تطوير المواقع والمنتديات ◄☼☼)»»»»»»»»» :: CSS/HTMl/BBCode/PHP/JavaScript/التومبلايتات-
انتقل الى: