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

السلام عليكم النهارده الدرس الثانى وهيكون بسيط ان شاء الله اولا هبندأ فى كتابه الاكواد
البسيطه وشرحها شكل صفحه ال 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>

ويكون الوسم ده بداخل وسم الوهتمل وكل ما بداخل البودى هو ما سوف يظهر فى المتصفح وده
شكل الكتابه فى البرنامج
http://upload.vbegy.com/uploads/vbegy12690068591.gif
وفى المتصفح هيظهر
http://upload.vbegy.com/uploads/vbegy12690068592.gif
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>

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

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

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

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