منتدى قبيلة البشايره والعرافين الرسمى -من العضيان
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتدى قبيلة البشايره والعرافين الرسمى -من العضيان

عفواًً تم نقل المنتدى على الرابط لتالي http://albshaerh.com/vb/index.php
 
http://pesh.amuالرئيسيةأحدث الصورالتسجيلدخول

 

 


 

 مجموعة من أكواد Html

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
الادارة
Admin

Admin
الادارة


الساعه الان :
السعوديه
ذكر
عدد المساهمات : 740
نقاط : 6874
السٌّمعَة : 5
10/12/1989
تاريخ التسجيل : 07/09/2011
العمر : 34

تقييمك للمنتدى
تواجدك في المنتدى:
مجموعة من أكواد Html  Left_bar_bleue105/105مجموعة من أكواد Html  Empty_bar_bleue  (105/105)

مجموعة من أكواد Html  Empty
مُساهمةموضوع: مجموعة من أكواد Html    مجموعة من أكواد Html  Emptyالخميس أكتوبر 20, 2011 5:31 am

مجموعة من أكواد Html



يسعدني أن أقدم لكم مجموعة من أكود في لغة html للمبتدئين



1-كيف تبدأ
اولا عليك بفتحبرنامج Notepad وتقوم بكتابة الأكواد وخلافه ولما تقوم بالحفظ غير امتداد النص من txt إلي htm

2-الكود الرئيسي للصفحة


<HTML>
<HEAD>
<TITLE>
هنا يتم وضععنوان الصفحة الذي يظهر في أقصي يسارالصفحة
<‎/TITLE>
<‎/HEAD>
<BODY>
هنا يتم وضعالنصوص والاكود وباقي ما سيتم عرضه فى الصفحة انشاء الله
<‎/BODY>
<‎/HTML>



1- بالنسبة للكود اللغة العربية

ويتم وضع هذا الكود فى أولالصفحة


<META **********="Content-Type" CONTENT="text/html; charset=windows-1256">



2- بالنسبة لكودالخط


<FONT FACE ="ArialL" SIZE="4 COLOR="#FF33003">

هذاالكود سيظهر نوع الخط ولون الخط وحجمه

<‎/FONT>




FACEهنا يتم تحديد نوعالخط
SIZEهنا يتم تحديد حجم الخط
COLORهنا يتم تحديد لون الخط



بالنسبة لأكوادالألوان فعليك باستخدام هذا البرنامج وسيقوم بعرض اكواد الألوان واختيارها وعليك انتقوم باكتشافهللتحــــــــــميل البرنامج
وهناك كود يستخدم للصفحةكلها وهو


<BASEFONT Name="Arial" COLOR="#FF0000" SIZE="5">‎



وبدراسة هذا المثال نستنتج أنه يقوم بتعديل الخط الافتراضيللصفحة بحيث يصبح نوعه Arial وحجمه 5 ولونه أحمر. وبالتالي فإن كل النصوص المكتوبةفي تلك الصفحة سيطبق عليها هذا النمط من الخط. ما لم نقم طبعا باستخدام الكود <Font> ... </‎Font> لتعديلها والتحكم بمظهرها كما فعلنا في الأمثلةالسابقة، فهي أكثر تحديداً وأكثر مرونة من الكود<BASEFONT>

هناك أكوادخاصة تستخدم لتمييز العناوين Headings في صفحات الإنترنت وهي:


<Hn> ... <‎/Hn>

وحرف n هو رقم بين 1-6 يمثل مستوىالعنوان.


<H1> Heading 1 <‎/H1>
<H2> Heading 2 <‎/H2>
<H3> Heading 3 <‎/H3>
<H4> Heading 4 <‎/H4>
<H5> Heading 5 <‎/H5>
<H6> Heading 6 <‎/H6>



3- بالنسبة لمحاذاة الفقرات والاسطر


<P Align="left"> This is a left-aligned paragraph <‎/P>



<P> ... <‎/P>بفتح الفقرة وغلقها

ALIGN تحدد محاذاة الفقرة وهي تأخذ القيمLeft, Center, Right

أما لنهاية الاسطر فعليك استخدام هذا الكود<BR>في نهاية السطر فقط

الكود‎ ‎يقوم بإضافة الفراغات، ويجب تكرار كتابته بنفسعدد الفراغات المطلوب.

كذلك لتوسيط الفقرات أو الكائنات بشكل عام في الصفحةنستطيع استخدام الكود <CENTER> ... </CENTER>


4- بالنسبة للصور

اولا عليكتحديد مسار الصورة ثم واضعها فى هذا الكود بهذا الشكل


<IMG SRC="http://www.geocities.com/my_pro_files/013.gif" HEIGHT="70" WIDTH="120" ALT="بسم الله الرحمن الرحيم" ALIGN="BOTTOM" VSPACE="20" HSPACE="20" BORDER="5">‎



SRC="http://www.geocities.com/my_pro_files/013.gif" هنا يتم وضعمسار الصورة

HEIGHT, WIDTH متبوعة بأرقام تمثل الإرتفاع والعرض المطلوبين ( واذا اردت عرض الصورة كما هي عليك بعدم وضع اي رقم او حذفها )

الخاصيةالتالية التي تستخدم مع <IMG> هي ALT وفيها نحدد نصاً بديلاً يظهر مكانالصورة. وهذا النص يلاحظ خصوصاً عندما يكون خيار "إظهار الصور تلقائياً" غير فعالفي المتصفح. كما تستطيع ملاحظته في الفترة التي تسبق تحميل الصور وخاصة في المواقعبطيئة التحميل

ونستخدم الخاصية ALIGN لتحديد محاذاة الصورة مع النص المرافقلها أو لنقل بعبارة أخرى: تحديد موقع النص الذي يليها بالنسبة لها وهي تأخذ القيم: BOTTOM, TOP, MIDDLE, LEFT, RIGHT

VSPACE: لتحديد المسافة العمودية الفاصلةبين النص والحافتين العليا والسفلى للصورة.
HSPACE: لتحديد المسافة الأفقيةالفاصلة بين النص والحافتين اليمنى واليسرى للصورة.

الخاصية الاخيرة هي BORDER ووظيفتها إضافة إطار حول الصور والتحكم بسُمكِه
منقول
الرجوع الى أعلى الصفحة اذهب الى الأسفل
مرذي الفطر

avatar


الساعه الان :
ذكر
عدد المساهمات : 71
نقاط : 4637
السٌّمعَة : 0
26/03/1997
تاريخ التسجيل : 06/11/2011
العمر : 27

تقييمك للمنتدى
تواجدك في المنتدى:
مجموعة من أكواد Html  Left_bar_bleue105/105مجموعة من أكواد Html  Empty_bar_bleue  (105/105)

مجموعة من أكواد Html  Empty
مُساهمةموضوع: رد: مجموعة من أكواد Html    مجموعة من أكواد Html  Emptyالأربعاء ديسمبر 28, 2011 11:52 pm

مشكور يالغالي على الاكواد والله يعطيك العافيه

تقبل احترامي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ابن بشير
المدير العام
المدير العام
ابن بشير


الساعه الان :
ذكر
عدد المساهمات : 300
نقاط : 5026
السٌّمعَة : 3
12/12/1989
تاريخ التسجيل : 06/11/2011
العمر : 34
الموقع : في اعلى القمم

تقييمك للمنتدى
تواجدك في المنتدى:
مجموعة من أكواد Html  Left_bar_bleue74/105مجموعة من أكواد Html  Empty_bar_bleue  (74/105)

مجموعة من أكواد Html  Empty
مُساهمةموضوع: رد: مجموعة من أكواد Html    مجموعة من أكواد Html  Emptyالخميس يناير 05, 2012 11:56 pm

شكراًً لك اخي الاداره على الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
الفارس

الفارس


الساعه الان :
ذكر
عدد المساهمات : 503
نقاط : 4906
السٌّمعَة : 1
14/08/1989
تاريخ التسجيل : 25/05/2012
العمر : 34

مجموعة من أكواد Html  Empty
مُساهمةموضوع: رد: مجموعة من أكواد Html    مجموعة من أكواد Html  Emptyالثلاثاء يونيو 12, 2012 10:09 pm

شكرا لك اخي على الكود وجزاك الله خير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
مجموعة من أكواد Html
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى قبيلة البشايره والعرافين الرسمى -من العضيان :: ¦’’ منتديات التقنية ’’ ¦ :: تقتنيات متقدمة و أكواد.-
انتقل الى: