الدرس 1: HTML مقدمة

ما هي HTML؟

HTML هي العلامات اللغة ل وصف الوثائق على شبكة الإنترنت (صفحات الويب).

HTML لتقف على H yper T تحويلة M arkup L anguage
لغة العلامات هي مجموعة من أوسمة
وصفت وثائق HTML التي كتبها علامات HTML
كل علامة HTML تصف محتوى المستند مختلفة

HTML مثال

وثيقة HTML صغيرة:

<!DOCTYPE html>

<html>

<head>

  <title>Page Title</title>

</head>

<body>

  <h1>My First Heading</h1>

  <p>My first paragraph.</p>

</body>

</html>

وأوضح مثال

و DOCTYPE يحدد البيان نوع الوثيقة لتكون HTML
النص بين <HTML> و </ HTML> ويصف وثيقة HTML
النص بين <head> و </ head> يوفر معلومات حول المستند
النص بين <عنوان> و </ عنوان> يوفر عنوانا للوثيقة
النص بين <body> و </ body> يصف محتوى الصفحة مرئية
النص بين <H1> و </ H1> ويصف عنوان
النص بين <P> و </ P> ويصف الفقرة

باستخدام هذا الوصف، يمكن للمتصفح ويب عرض وثيقة مع عنوان وفقرة.

HTML الكلمات

علامات HTML هي الكلمات الرئيسية (الأسماء علامة) وتحيط بها أقواس زاوية :

< tagname > المحتوى < / tagname >

علامات HTML يأتي عادة في أزواج مثل <P> و </ P>
العلامة الأولى في زوج هي علامة البداية، العلامة الثانية هي علامة النهاية
هو مكتوب العلامة نهاية مثل وسم البداية، ولكن مع مائل قبل اسم العلامة

	وغالبا ما تسمى علامة البداية لل علامة فتح . وغالبا ما تسمى علامة نهاية علامة إغلاق .

متصفحات الويب

الغرض من متصفح الويب (الكروم، IE، فايرفوكس، وسفاري) هي قراءة وثائق HTML وعرضها.

لا يعرض المتصفح علامات HTML، ولكن يستخدمها لتحديد كيفية عرض المستند:

هيكل HTML الصفحة

وفيما يلي تصور للهيكل صفحة HTML:

<HTML>

<head>

<title> عنوان الصفحة </ title>

</ head>

<body>

<h1> هذا عنوان </ H1>

<p> وهذا هو الفقرة. </ P>

</ body>

</ HTML>

	يتم عرض <body> منطقة (المنطقة البيضاء) فقط من قبل المتصفح.

و<! DOCTYPE> إعلان

و<! DOCTYPE> إعلان يساعد المتصفح لعرض صفحة ويب بشكل صحيح.

وهناك أنواع المستندات المختلفة على شبكة الإنترنت.

لعرض مستند بشكل صحيح، يجب على المتصفح يعرف كل من النوع والإصدار.

إعلان DOCTYPE لا حساس لحالة الأحرف. جميع الحالات مقبولة:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

الإعلانات المشتركة

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

إصدارات HTML

منذ الأيام الأولى من شبكة الإنترنت، كانت هناك إصدارات عديدة من HTML:

Version	Year
HTML	1991
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML	2000
HTML5	2012

مدونة Tainmz

مرحباً بك بمدونتنا