السلام عليكم و رحمة الله و بركاته
اليوم سنقدم لكم درس عن لغة html و ان شاء الله راح يعجبكم الشرح
مقدمة في لغة HTML
كلمة HTML هي اختصار لـ Hyper Text Markup Language وماذا تعني تلك الكلمات؟
الترجمة الحرفية تفيد بأنها لغة توصيف النص التشعبي قد لا يهمنا المسمى كثيرا أو ترجمته أو كيف تم انشاء تلك اللغة.
كل ما يهمنا في الأمر أنها هي اللغة التي تستخدم لانشاء صفحات الويب.
تعتمد لغة HTML على Tags أي الوسوم التي تعتبر أساس اللغة … لذا يجب علينا فهم تلك الوسوم Tags.
ما معنى HTML
كلمة HTML هي اختصار لـ Hyper Text Markup Language
HTML ليست لغة برمجة وأنما لغة ترميز
لغة الترميز عبارة عن مجموعة من الوسوم Tags
هي لغة لوصف صفحات الويب
ما معنى HTML Tags
هي عبارة عن كلمة دلالية تتوسط علامتي < > مثل <html>
تأتي الوسوم دائما بشكل زوجي مثل <b> و <b/>
الوسم الأول في الزوج يسمى وسم البداية والوسم الثاني يسمى وسم النهاية
صفحات HTML = صفحات ويب
صفحة HTML توصف صفحة الويب
صفحة HTML تحتوي على وسوم ونصوص
الغرض من متصفح الويب مثل انترنت اكسبلورر او فايرفوكس هي قراءة صفحات HTML وعرضها كصفحات ويب. لا يعرض متصفح الويب الوسوم وإنما يستخدمها لتفسير محتوى صفحة HTML.
واليك مثال توضيحي:
<html>
<body>
<h1/>العنوان الرئيسي<h1>
<p/>الفقرة الرئيسية<p>
<a/>رابط عرب ويب ديزاينر<“a href=”http://www.arab-web-designer.com>
</ “img src=”arabwebdesigner.jpg” width=”100″ height=”120 >
<body/>
<html/>
شرح المثال:
النص الموجود ما بين الوسمين <html> و <html/> يصف صفحة الويب
النص الموجود ما بين الوسمين <body> و <body/> يصف محتوى الصفحة المرئي
النص الموجود ما بين الوسمين <h> و <h/> يعرض كعنوان رئيسي
النص الموجود ما بين الوسمين <p> و <p/> يعرض كفقرة
النص الموجود ما بين الوسمين <a> و <a/> يعرض رابط
النص الموجود ما بين الوسم <img> يشير لوجود صورة ويوضح اسمها ومقاساتها.
ماذا تحتاج لتتعلم HTML
لا تحتاج الى محرر HTML
لا تحتاج إلى خادم الويب
لا تحتاج موقع على شبكة الإنترنت
تحرير HTML
يمكن كتابة وتحرير صفحات HTML باستخدام برامج تحرير كثيرة مثل Dreamweaver أو Visual Studio أو FrontPage وغيرها كثير ولكننا في هذا البرنامج التعليمي نستخدم محرر نص عادي مثل Notepad الذي نعتقد أنه أفضل طريقة لتعلم لغة HTML.
HTML أم HTM
عند حفظ الملف يمكن حفظ الملف بامتداد HTML أو HTM لا يوجد فرق بينهما بالمرة .. الأمر متروك لك.
نصيحة في لغة HTML استخدم حروف انجليزية صغيرة في الوسوم Tags
على الرغم من أن لغة HTML ليست حساسة أعني بذلك أنه يمكن استخدام حروف انجليزية كبيرة أو صغيرة على سبيل المثال يمكن استخدام وسم الفقرة<P> أو <p> كلاهما سيؤدي نفس الغرض ولكن وفقا لمعايير World Wide Web Consortium – W3C يفضل استخدام حروف انجليزية صغيرة في لغة HTML4 وكما سنخصص مجموعة من دروس للغة html قريبا
لا يوجد تعليقات
أضف تعليق