الخميس، 10 أكتوبر 2013

نظرة عامة HTML Overview



نظرة عامة 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 الأخرى.


ليست هناك تعليقات:

إرسال تعليق

يسعدني إرسال تعليقاتكم وأسئلتكم واقتراحاتكم