مدونه فى بى ايجى التقنيه – الدرس الثانى من دوره xhtml ومعرفه بعض الوسوم

الدرس الثانى من دوره xhtml ومعرفه بعض الوسوم

19 / 03 / 2010

بسم الله الرحمن الرحيم

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

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

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

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

<html>

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

</html>

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

<div><a><span>

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

</span></a></div>

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

<body>

</body>

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

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

</html>

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

<html>
<head>
<meta name=“description”
content=“فى بى ايحى التطويرية توفر لك كل ما هو جديد فى عالم التطوير”
/> <meta 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”
/> <script src=“vbegy_html/js/vbegy.js”
type=“text/javascript”></script>
</head> <body> I love Egypt </body> </html>