نظرة
عامة HTML Overview
HTML لغة توصيف النص التشعبي HTML or Hyper Text Markup Language، هي اللغة الأكثر استخداما على نطاق واسع على
شبكة الإنترنت.
Hypertext النص التشعبي يشير إلى الطريقة التي تربط صفحات
الويب (وثائق HTML) معا. هذا الرابط يسمى Hypertext.
Nameوكما يوحي اسمها HTML هي لغة توصيف النص وهو ما يعني استخدام HTML لمجرد "ترميز" وثيقة النص مع العلامات التي تخبر مستعرض الويب
كيفية تنظيم ذلك لعرضه.
أساسيات
وثيقة HTML
في أبسط أشكالها،
التالي هو مثال من وثيقة HTML:
<!DOCTYPE html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph</p>
</body>
</html>
قم بعمل مثل هذا
المثال باستخدام اي محرر نصوص ثم قم بحفظ الملف وليك باسم test.htm وقم بعرض
النتيجة باستخدام اي متصفح إنترنت مثل إنترنت إكسبلورر أو جوجل كروم أو فايرفوكس, يجب
أن تظهر النتيجة كالتالي:
علامات
HTML Tags
كما ذكرنا سابقا
HTMLتمثل هيكل أو جسم صفحة الويب وتعطي متصفح الإنترنت وصفا لكيفية عرضه
لمحتويات الصفحة فهي تخبر المتصفح بأن هذا عنوان رئيسي للصفحة وهذه فقرة وهذا رابط
لصفحة آخرى وغير ذلك ما سوف نتعرف عليه. وتستخدم الـ HTML مايعرف بالوسوم ('tags') لإصدار التعليمات إلى المتصفح، هذه الوسوم
توضع بين علامتى أكبر من '>' وأصغر من '<' التي تنقسم إلى نوعين :
وسم
البداية مثل :
<html> و <p> و <h1> و <body>
وسم
النهاية مثل :
</html> و </p> و </h1> و </body>
العلامة Tag
|
الوصف Description
|
<!DOCTYPE...>
|
هذا التاج يعرف نوع مستند والإصدار
|
<html>
|
هذا التاج هو الرئيسي لوثيقة HTML ويحتوي علي رأس الوثيقة
بالتاج <head>.. والذي يغلق بنفس التاج </head> وتاج جسم الوثيقة <body> والذي
يغلق ايضا بنفس التاج </body>
|
<head>
|
يمثل هذا التاج رأس الوثيقة
والذي يحتوي علي تاج <title>…</title>
|
<title>
|
يمثل هذا التاج اسم الوثيقة <title> ويستخدم داخل تاج <head>
|
<body>
|
هذا التاج هو جسم الوثيقة والتي
يكون بداخلها العلامات الاخرى لل HTML مثل <h1>,<p>,<div>
وهكذا.
|
<h1>
|
يمثل هذا التاج العنوان heading
|
<p>
|
هذا تاج فقرة paragraph
|
لتعلم HTML، سوف تحتاج إلى
دراسة مختلف العلامات وفهم كيف أنها تتصرف في تنسيق مستند نصي.
هيكل وثيقة HTML Document Structure
وثيقة Html سيكون لدية البنيه التالية:
Document declaration tagتعريف نوع المستند
<html>
<head>
Document
header
راس الوثيقة
</head>
<body>
Document body
جسم الوثيقة
</body>
</html>
الاعلان عن نوع الوثيقة <!DOCTYPE>
يتم استخدام العلامة/تاج <! DOCTYPE> لإعلان
متصفح الويب على فهم إصدار HTML المستخدمة في المستند.
ومثال على اعلان
وثيقة HTML كالتالي:
<!DOCTYPE html>
هناك العديد من أنواع
الإعلان الأخرى التي يمكن استخدامها في وثيقة HTML اعتمادا
على ما هو إصدار HTML الذي
يتم استخدامه. سنرى مزيد من التفاصيل حول هذا في حين مناقشة <! DOCTYPE ...> العلامة/التاج جنبا إلى جنب مع علامات HTML الأخرى.
ليست هناك تعليقات:
إرسال تعليق
يسعدني إرسال تعليقاتكم وأسئلتكم واقتراحاتكم