مقدمة في لغة HTML

شاركShare on Facebook8Tweet about this on TwitterShare on Google+2Pin on Pinterest0Share on Tumblr0Share on StumbleUpon0Share on LinkedIn0

كلمة 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 lessons قريبا.

كما يمكن الاطلاع على المواضيع التالية:

ما هي أساسيات لغة HTML ؟

ما الفرق بين HTML و HTML5

مقدمة في لغة CSS

ما هي صفحة INDEX.HTML ؟

الاستضافة المجانية ومشاكلها

شاركShare on Facebook8Tweet about this on TwitterShare on Google+2Pin on Pinterest0Share on Tumblr0Share on StumbleUpon0Share on LinkedIn0

Comments

comments

اضف رد

لن يتم نشر البريد الإلكتروني . الحقول المطلوبة مشار لها بـ *

*