الدرس الثاني : معرفه بعض الوسوم - دورة xhtml - منتدى رياض الجنة - Riad Al-Ganah

khaledbelal · #1 06-22-2010, 03:02 PM

السلام عليكم النهارده الدرس الثانى وهيكون بسيط ان شاء الله اولا هبندأ فى كتابه الاكواد
البسيطه وشرحها شكل صفحه ال html بتكون على الشكل التالى

كود بلغة HTML:

<!DOCTYPE html
PUBLIC 
“-//W3C//DTD XHTML 1.0 Strict//EN”  “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<body>
I love Egyet 
</body>
</html>

نشرح الكود اول حاجه الجزء الاول من الكود

كود بلغة HTML:

<!DOCTYPE html
PUBLIC 
“-//W3C//DTD XHTML 1.0 Strict//EN”  “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

وده معناها اننا بقول للمتصفح ان الصفحه دى html وبعدين الوسم

كود بلغة HTML:
<html>

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

كود بلغة HTML:
</html>

وهناك وسوم لا تغلق مثل <br /> <img /> <hr /> نرجع لموضوعنا كل وسم ولا بد من غلقه
ويندرج بترتيب يعنى اننا قمنا بفتح 2 وسوم على الشكل

كود بلغة HTML:
<div><a><span>

لابد من غلقهم بنفس الترتيب يعنى الديف فى الاول فى الاغلاق تكون فى الاخر ال a فى
الوسط فى الاغلاق تكون فى الوسط وال سبام فى الاخر تكون فى الاول يعنى الاغلاق يكون
على الشكل

كود بلغة HTML:
</span></a></div>

وبداخل وسم ال هوتمل هنكب وسم ال بودى

كود بلغة HTML:
<body>
كود بلغة HTML:
</body>

ويكون الوسم ده بداخل وسم الوهتمل وكل ما بداخل البودى هو ما سوف يظهر فى المتصفح وده
شكل الكتابه فى البرنامج

وفى المتصفح هيظهر

html Tag: html اى وسوم الهوتمل اول حاجه وسم <html> كما قولنا لتعريف الصفحه انها
هوتمل

كود بلغة HTML:

<html xmlns=“http://www.w3.org/1999/xhtml”
xml:lang=“en”>
 </html>

تانى وسم ليها body وهو كل ما بداخله سوف يظهر بداخل المتصفح اى ان الكتابه خارج نطاق
البودى لن تظهر فى المتصفح الوسم الثالث هو head وبيكون فوق وسم البودى وهذا يكتب بداخله
عنوان الصفحه لينك تعرف صفحه ال css لينك تعريف ملف جافا سكربيت ولينك وضع ايقون بداخل
الرابط فى المتصفح مثل فى بى ايجى ويوضع بداخله وصف الميتا تاج والكلمات الدليله وسوف
نشرح كل جزء بالتفصيل ان شاء الله وبيكون على الشكل

كود بلغة HTML:

<html>
<head>
****** name=“de******ion”
content=“فى بى ايحى التطويرية توفر لك كل ما هو جديد فى عالم التطوير”
/> ****** name=“keywords”
content=“فى بى ايجى ,تطوير فى بى , تطوير vb,استايلات , كل ما يلزم المطور”
/> <link rel=“stylesheet”
media=“screen”
href=“vbegy_html/style.css”
/> <title>فى بى ايجى</title>
<link rel=“Shortcut Icon”
type=“image/ico”
href=“vbegy_html/images/favicon.ico”
/> <****** src=“vbegy_html/js/vbegy.js”
type=“text/**********”></******>
</head> <body> I love Egypt </body>  </html>

الوسم الرابع title وده بيكون بداخل وسم ال head بيكون على الشكل

كود بلغة HTML:

<html>
<head>
<title>فى بى ايجى</title>
</head>
<body>
I love Egypt 
</body>
</html>

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

لمشاهده الدرس فيديو مباشر

لتحميل برابط مباشر

رابط اخر للدرس

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
الدرس الثاني والستون : ADO.net - الجزء الثاني - دورة .net 2008	khaledbelal	دورة .NET 2008 من منتدى فيجوال بيسك للعرب	3	05-03-2011 11:37 PM
الدرس الاول : مقدمه بسيطه - دورة xhtml	khaledbelal	دورة XHTML من منتديات في بي ايجي	0	06-22-2010 02:56 PM
الدرس الثالث عشر : الدرس التطبيقي الثاني : درس تصميم بوستر فيلم - دورة Adobe Photoshop CS4	microtop	دورة Adobe Photoshop CS4	0	06-21-2010 12:42 AM
الدرس الثاني عشر : الدرس التطبيقي الاول - درس تصميم بوستر لعبة - دورة Adobe Photoshop CS4	microtop	دورة Adobe Photoshop CS4	0	06-21-2010 12:41 AM
الدرس الثاني والأربعون : ال Gc دورة .net 2008	khaledbelal	دورة .NET 2008 من منتدى فيجوال بيسك للعرب	0	02-26-2010 04:17 PM