Coderg
11-06-2009, 01:02 AM
http://www.4m4y.com/up//uploads/images/4m4y.com-64fa8130a1.gif
أخوانى الكرام أهلا وسهلا بكم فى أكاديمية Coderg التعليمية
واليوم هنبدأ مرحلة جديدة فى عالم ال Html وهى التعارف على بعض الاكواد التى سيتم شرحهـا
بالتفصيل فى الدروس القادمة بأذن الله ومن هذه الاكـــواد
Html Headings
وتعنى الاكــــواد الخـاصة بالعنـواين وهى تدرج الى أن تصل الى 6 اوسمة
كل وسـام يـأخذ حجم عنـوان أكبر
وهذه هى الاوسمة الستة المختلفة كمـا موضح اليك
<h1> www.coderg.com </h1>
<h2> www.coderg.com </h2>
<h3> www.coderg.com </h3>
<h4> www.coderg.com </h4>
<h5> www.coderg.com </h5>
<h6> www.coderg.com </h6>طيب يلا بينا نحفظ هذه الاكواد بصيغة ال Html وهنشوف ماذا سوف يحدث
http://www.4m4y.com/up//uploads/images/4m4y.com-99073b7a5b.jpg
طيب دلوقتى لحظنـا شئ مهم أوى أن الكـــود ال
<h1> </h1>
يعطى حجم عنـوان أكبر من الكود
<h2> </h2>
الى أن تصل الى الكـود
<h6> </h6>
سوف تجد حجم الخط بيقل بنسب متفاوته
الاهم الى عـاوز أوضحه اليك هنــــا أنى عاوزك تعرف أن كلمـا وصلنـا الى الوسـام
<h6>
كلمـا بدأت النسبة تقل فى الحجم الخاص بالعنواين
----------------------------------------------------
الكـــود الثانى الى عـاوزك تعرفه معـــايا هو كــــود
Html Paragraphs
وهو الكــود الخـاص بكتـــابة فقرات متتالية وهو كـالتالى
<p> </p>
أى بمعنى أن هذا الكـود يجعلك تبدأ الكلام فى سطر جديد على سبيل المثـال
<p> Coderg Academy </p>
<p> www.coderg.com </p> طيب يلا نحفظ الكلام هذا بصيغة ال Html ونلاحظ ماذا سيحدث
http://www.4m4y.com/up//uploads/images/4m4y.com-363ee6a406.jpg
وجدنــا فعلا أن هنـاك عدد من الفقرات الفقرة الاولى فى سطر
والفقرة الثانية فى سطر أخر
وهو ده الى كنت عـاوزك تعرفه من كود الفقرات
----------------------------------------------------
الكـــود الثالث
Html Links
وهـــو الكــود الخاص بأضافة الروابط فى صفحتك
وهذا هو الكـــود
<a href="http://www.coderg.com"> الاكاديمية </a> هنلاحظ أن الجزء الاول من الكود وهو
<a href="http://www.coderg.com"> هو الجزء الخــاص باضافة رابط الموقع
اما الجزء الثانى
الاكاديمية </a> هو الجزء الذى يقفل كود ال Html الخاص بالرابط وبيتم أضافة كلمة التى سيتم الضغط عليهـا لتحويلك الى
هذا الرابط على سبيل المثال كلمة الاكـاديمية
طيب يلا نحفظ العمل بصيغة ال Html ونشاهد ماذا سيحدث
http://www.4m4y.com/up//uploads/images/4m4y.com-f7ded90c45.jpg
وجدنا فعلا كلمة الاكاديمية ولو تم الضغط عليهـا سيتم تحويلك الى الرابط
----------------------------------------------------
الكــود الرابع
Html Images
وهذا الكـــود يهتـم بأضافة الصور الى صفحتـك الشخصية
وبيكـون شكل الكود كالتالى
<img src="www.coderg.comvb/images/styles/bluestar/misc/logo.jpg" width="150" height="200" /> هنلاحظ فى الجزء الاول من الكـود وهو كالتالى
<img src=" رابط الصورة" انه بيتم أضافة رابط الصورة المراد وجودها فى صفحة التصميم بتاعتنا
أما الجزء الثانى من الكود
وهو كالتالى
width="150" وهو يحدد العرض الخاص بالصورة
ونلاحظ فى الجزء الثالث من الكود
وهو كالتالى
height="10" انه يحدد أرتفاع الصورة
طيب يلا نحفظ العمل هنجد الصورة ظهرت فى الصفحة الخاصة بينـا كالتالى
http://www.coderg.com/vb/images/styles/bluestar/misc/logo.jpg
----------------------------------------------------
أولا هذه الدروس غير مسموح لها ان تنقل لأى موقع اخر الى عن طريق الطلب من أدارة
الموقع وذكر مصدر الدرس وهو أكاديمية Coderg
Www.Coderg (http://www.%3cfont%20color=%22red%22%3ecoderg%3c/font%3E).Com
وفى النهاية نسأل الله لنـا ولكم التوفيق
أخوانى الكرام أهلا وسهلا بكم فى أكاديمية Coderg التعليمية
واليوم هنبدأ مرحلة جديدة فى عالم ال Html وهى التعارف على بعض الاكواد التى سيتم شرحهـا
بالتفصيل فى الدروس القادمة بأذن الله ومن هذه الاكـــواد
Html Headings
وتعنى الاكــــواد الخـاصة بالعنـواين وهى تدرج الى أن تصل الى 6 اوسمة
كل وسـام يـأخذ حجم عنـوان أكبر
وهذه هى الاوسمة الستة المختلفة كمـا موضح اليك
<h1> www.coderg.com </h1>
<h2> www.coderg.com </h2>
<h3> www.coderg.com </h3>
<h4> www.coderg.com </h4>
<h5> www.coderg.com </h5>
<h6> www.coderg.com </h6>طيب يلا بينا نحفظ هذه الاكواد بصيغة ال Html وهنشوف ماذا سوف يحدث
http://www.4m4y.com/up//uploads/images/4m4y.com-99073b7a5b.jpg
طيب دلوقتى لحظنـا شئ مهم أوى أن الكـــود ال
<h1> </h1>
يعطى حجم عنـوان أكبر من الكود
<h2> </h2>
الى أن تصل الى الكـود
<h6> </h6>
سوف تجد حجم الخط بيقل بنسب متفاوته
الاهم الى عـاوز أوضحه اليك هنــــا أنى عاوزك تعرف أن كلمـا وصلنـا الى الوسـام
<h6>
كلمـا بدأت النسبة تقل فى الحجم الخاص بالعنواين
----------------------------------------------------
الكـــود الثانى الى عـاوزك تعرفه معـــايا هو كــــود
Html Paragraphs
وهو الكــود الخـاص بكتـــابة فقرات متتالية وهو كـالتالى
<p> </p>
أى بمعنى أن هذا الكـود يجعلك تبدأ الكلام فى سطر جديد على سبيل المثـال
<p> Coderg Academy </p>
<p> www.coderg.com </p> طيب يلا نحفظ الكلام هذا بصيغة ال Html ونلاحظ ماذا سيحدث
http://www.4m4y.com/up//uploads/images/4m4y.com-363ee6a406.jpg
وجدنــا فعلا أن هنـاك عدد من الفقرات الفقرة الاولى فى سطر
والفقرة الثانية فى سطر أخر
وهو ده الى كنت عـاوزك تعرفه من كود الفقرات
----------------------------------------------------
الكـــود الثالث
Html Links
وهـــو الكــود الخاص بأضافة الروابط فى صفحتك
وهذا هو الكـــود
<a href="http://www.coderg.com"> الاكاديمية </a> هنلاحظ أن الجزء الاول من الكود وهو
<a href="http://www.coderg.com"> هو الجزء الخــاص باضافة رابط الموقع
اما الجزء الثانى
الاكاديمية </a> هو الجزء الذى يقفل كود ال Html الخاص بالرابط وبيتم أضافة كلمة التى سيتم الضغط عليهـا لتحويلك الى
هذا الرابط على سبيل المثال كلمة الاكـاديمية
طيب يلا نحفظ العمل بصيغة ال Html ونشاهد ماذا سيحدث
http://www.4m4y.com/up//uploads/images/4m4y.com-f7ded90c45.jpg
وجدنا فعلا كلمة الاكاديمية ولو تم الضغط عليهـا سيتم تحويلك الى الرابط
----------------------------------------------------
الكــود الرابع
Html Images
وهذا الكـــود يهتـم بأضافة الصور الى صفحتـك الشخصية
وبيكـون شكل الكود كالتالى
<img src="www.coderg.comvb/images/styles/bluestar/misc/logo.jpg" width="150" height="200" /> هنلاحظ فى الجزء الاول من الكـود وهو كالتالى
<img src=" رابط الصورة" انه بيتم أضافة رابط الصورة المراد وجودها فى صفحة التصميم بتاعتنا
أما الجزء الثانى من الكود
وهو كالتالى
width="150" وهو يحدد العرض الخاص بالصورة
ونلاحظ فى الجزء الثالث من الكود
وهو كالتالى
height="10" انه يحدد أرتفاع الصورة
طيب يلا نحفظ العمل هنجد الصورة ظهرت فى الصفحة الخاصة بينـا كالتالى
http://www.coderg.com/vb/images/styles/bluestar/misc/logo.jpg
----------------------------------------------------
أولا هذه الدروس غير مسموح لها ان تنقل لأى موقع اخر الى عن طريق الطلب من أدارة
الموقع وذكر مصدر الدرس وهو أكاديمية Coderg
Www.Coderg (http://www.%3cfont%20color=%22red%22%3ecoderg%3c/font%3E).Com
وفى النهاية نسأل الله لنـا ولكم التوفيق