منتدى بريس المغرب - وظيفة المغرب الشرطة المغربية - مباراة الأمن الوطني

الوظيفة في المغرب العمومية و العسكرية - مباراة الأمن الوطني - نتائج ونماذج المباريات - إمتحانات البكالوريا - شؤون المدارس و التعليم - الإجازة المهنية والماستر
 
الرئيسيةأحدث الصورالتكوين المهنيالتسجيلدخول
البحث في المنتدى
إعلانات
منتدى بريس المغرب

إعلان

توصل بجديد إعلانات الوظائف والمدارس وشؤون مباريات الأمن الوطني

أدخل الإيميل الخاص بك هنا:

(بعد الإشتراك سوف تصلك رسال تأكيد الإشتراك في بريدك، يجب الدخول لبريدك لتأكيدها )

المواضيع الأخيرة
» الاخبار القانونية في دقيقة...!! (13/10/2023)
الدرس الاول في HTML Emptyمن طرف مسافر سلاوي 20/10/2023, 07:54

» مراحل ما بعد النجاح المحاماة دورة 2023
الدرس الاول في HTML Emptyمن طرف مسافر سلاوي 20/10/2023, 07:51

» مستجدات مباريات التوظيف والمباريات المرتقبة في الشهور الاخيرة من 2023 وبداية 2024
الدرس الاول في HTML Emptyمن طرف مسافر سلاوي 20/10/2023, 07:44

» الريسوني : الشعب المغربي مستعد لمسيرة للصحراء المغربية وتندوف
الدرس الاول في HTML Emptyمن طرف Adrem 16/8/2022, 22:59

» قانون الهجرة الجديد في ألمانيا ????????
الدرس الاول في HTML Emptyمن طرف بوزطاطي 21/4/2022, 22:44

» الهجرة الى بريطانيا 2022 .. كل ما تريد معرفته
الدرس الاول في HTML Emptyمن طرف بوزطاطي 17/4/2022, 23:16

» الهجرة الى كندا بطريقة قانونية دون المخاطرة بنفسك
الدرس الاول في HTML Emptyمن طرف بوزطاطي 15/4/2022, 00:00

» طرق الهجرة إلى كندا في 2022 وأهم المتطلبات وإجراءات القبول ✔️
الدرس الاول في HTML Emptyمن طرف بوزطاطي 14/4/2022, 23:56

» ألمانيا تعلن رسمياً أنها بحاجة لـ 400 ألف مهاجر سنويا
الدرس الاول في HTML Emptyمن طرف بوزطاطي 11/4/2022, 18:53

» تكاليف الهجرة إلي جمهورية التشيك ✔️
الدرس الاول في HTML Emptyمن طرف بوزطاطي 11/4/2022, 18:49

» وزارة الخارجية الأمريكية ترفع رسوم تأشيرة الدخول إلى 1500 درهم
الدرس الاول في HTML Emptyمن طرف بوزطاطي 9/4/2022, 22:53

المنتدى على الفايسبوك
منتدى بريس المغرب


شاطر
 

 الدرس الاول في HTML

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
IM@D
مراقب عام للمنتدى'''
مراقب عام للمنتدى'''
IM@D


الجنس : ذكر
المشآرڪآت : 529
نقاطي : 6024
سٌّمعَتي : 12

الدرس الاول في HTML Empty
مُساهمةموضوع: الدرس الاول في HTML   الدرس الاول في HTML Empty16/6/2011, 02:42

السلام عليكم
اليوم سأقدم لكم الدرس الاول حول اكواد html
يستععمل الكود لتحرير المواقع
اولا يجب ان تتوفر على محرر html او فقط bloc note
1- HTML
HyperText Mark-Up Language
الكود يكون على رأس الصفحة وايضا في اخرها كما يلي
الكود:

<html>
..................

</html>
[/left]

2- head
الكود الدي يلي html

الكود:

<html>
<head>
http://press-maroc.ahlamontada.com
</head>

</html>


3- title او العنوان

الكود:

<html>
<head>
<title>
 http://press-maroc.ahlamontada.com
</title>
</head>

</html>

4- BODY (محتوى الصفحة)
الكود:

<html>
<head>
<title>
 http://press-maroc.ahlamontada.com
</title>
</head>

<body>

هنا يمكنك استعمال الاكواد المدكورة اسفله


</body>
</html>

6- بقية الاكواد


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

<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">اتجاه النص من اليسار الى اليمين <‎/P>


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

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

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

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

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


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

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

<IMG SRC="https://i.servimg.com/u/f62/14/02/44/52/avatar10.gif" HEIGHT="70" WIDTH="120" ALT="بسم الله الرحمن الرحيم" ALIGN="BOTTOM" VSPACE="20" HSPACE="20" BORDER="5">‎


SRC="https://i.servimg.com/u/f62/14/02/44/52/avatar10.gif" هنا يتم وضعمسار الصورة

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

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

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

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

الخاصية الاخيرة هي BORDER ووظيفتها إضافة إطار حول الصور والتحكم بسُمكِه


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
الدرس الاول في HTML
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» تطبيق Static HTML المفتوح يمكنك من استخدام HTML, CSS, JavaScript انه التطبيق الحر
» محرر أكواد الـ HtmL
» كتاب الكتروني للتعلم html مع بعض الأمثلة المرفقة
» كود يحل مشكلة اللغة العربية في أي متصفح في صفحات ال HTML
» SQLI Rabat recrute des profils expérimentés en l'intégration HTML/XHTML/CSS/JS

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى بريس المغرب - وظيفة المغرب الشرطة المغربية - مباراة الأمن الوطني :: المنتديات الثقافية :: || المنتدى العام ~ :: المواقع & التصميم & المونتاج :: تصميم المواقع & البرمجة :: أكواد HTML-