الدرس الأول : مقدمة حول HTML
الزيارات:
الزيارات:
مقدمة :
HTML هي اختصار لـ "HyperText Markup Language"،
ما الذي تحتاجه لتعلم لغة HTML ؟
ستحتاج إلى مفكرة "Notepad" لتكتب فيها كودات HTML و تحولها إلى ملف HTML ليستطيع بذلك متصفح و يفضل أن يكون "Internet Explorer" أن يعرضها .
هناك برنامج مفكرة بسيك "++Notepad" شهير بحجم صغير و مجاني، يمكنك تحميله من موقعه الرسمي ، و هذا الأخير سيساعدك كثيراً.
خصائص الـ HTML :
أولاً ما هي الخصائص أو السمات؟ .. نطلق كلمة خاصية (Attribute) على التعابير التي تضاف إلى الوسوم (tags)، من أجل تحديد الكيفية أو الشكل الذي تعمل بها هذه الوسوم. وبعبارة أخرى فإن الوسم يقوم بإخبار المتصفح عن العمل الذي يجب القيام به أما الخاصية فتحدد الكيفية التي سيتم بها أداء هذا العمل.
و (tags) تكون محصورة بين قوسين < > متل <body> و <html> تأتي الوسوم (tags) على شكل أزواج مثل <b> <b/> يدعى الوسم (tag) الأول <b> بداية الوسم Begin Tag أو وسم الفتح Opening Tag، و يدعى الوسم الثاني <b/> وسم الإغلاق Closing
هيكل الـ HTML :
HTML هي اختصار لـ "HyperText Markup Language"،
ما الذي تحتاجه لتعلم لغة HTML ؟
ستحتاج إلى مفكرة "Notepad" لتكتب فيها كودات HTML و تحولها إلى ملف HTML ليستطيع بذلك متصفح و يفضل أن يكون "Internet Explorer" أن يعرضها .
هناك برنامج مفكرة بسيك "++Notepad" شهير بحجم صغير و مجاني، يمكنك تحميله من موقعه الرسمي ، و هذا الأخير سيساعدك كثيراً.
خصائص الـ HTML :
أولاً ما هي الخصائص أو السمات؟ .. نطلق كلمة خاصية (Attribute) على التعابير التي تضاف إلى الوسوم (tags)، من أجل تحديد الكيفية أو الشكل الذي تعمل بها هذه الوسوم. وبعبارة أخرى فإن الوسم يقوم بإخبار المتصفح عن العمل الذي يجب القيام به أما الخاصية فتحدد الكيفية التي سيتم بها أداء هذا العمل.
و (tags) تكون محصورة بين قوسين < > متل <body> و <html> تأتي الوسوم (tags) على شكل أزواج مثل <b> <b/> يدعى الوسم (tag) الأول <b> بداية الوسم Begin Tag أو وسم الفتح Opening Tag، و يدعى الوسم الثاني <b/> وسم الإغلاق Closing
هيكل الـ HTML :
<Html> البداية
<Head> بداية رأس صفحة
<Title> بداية عنوان الصفحة</Title> نهاية عنوان الصفحة
</Head> نهاية رأس الصفحة
<Body> بداية محتـوى الصفحة
</Body> نهـاية محتوى الصفحة
</Html> النهاية
متـال :
<Html>
<Head>
<Title> My first HTML page </Title>
</Head>
<Body>
<Font color = "Blue" ><Font size = 14 > Welcome to my first HTML page </Font></Font>
</Body>
</Html>
النتيجة :
خصائص النص :
خصائص النص :
الى هنا ينتهي هذا الدرس إن شاء الله يكون سهل عليكم وهذا الدرس ماهو إلى بداية الدخول الى html انتظرونا في الدرس القادم ان شاء الله - في الدرس القـادم سنتعرف على خصائص تحريك النص و إضافة صورة ..
0 التعليقات:
إرسال تعليق