HTML الدرس الاول فى

<html>

<head>

<title>………………</title>

</head>

<body>

……………………….

</body>

</html>

اى صفحة(HTML)تقوم بتصميمها لا بد ان تحتوى على الكود السابق حيث

<html/> <html> هو عبارة عن تاج بداية ونهاية صفحة(HTML) وتاجات (HTML) تبدا ب كود بداية وكود نهاية كما ترى ثم بعد ذلك نستخدم

</head> <title>………………</title><head> وهو عبارة عن تاج يستخدم لكتابة عنوان لصفحتك والتى تظهر اعلى صفحة الويب ويتم كتابة العنوان فى مكان النقط . ثم بعد ذلك تاج محتوى الصفحة والذى يكتب ما بين تاج <body>ايضا مكان النقط الثانية ولا حظ ان جميع التاجات التى سندرسها توضع ما بين تاج <body> .وبهذا نكون قد صممنا صفحة (HTML) بسيطة حيث تضع الكود السابق فى اى محرر نصوص وتحفظ الصفحة باى اسم تريدة ولكن المهم ان تجعل امتداد الصفحة (html.) فمثلا اذا سمينا الصفحة باسم (simplepage)فيتم حفظها هكذا (simplepage.html) ثم افتح هذة الصفحة باستخدام اى متصفح وسوف ترى صفحتك التى قمت بانشائها وهى فارغة لا تحتوى على شىء وسنتعلم فى الدروس القادمة كل شىء يتم عملة بهذة اللغة.

-ويطلق على اى كود لل(HTML)بال (tags) او الوسوم ويكون الشكل العام لاى(tags) كالتالى:

<tagname>content</tagname>

-The <!DOCTYPE> Declaration:

وهذا التاج يستخدم لتعريف الصفحة بنوع الاصدار فعلى سبيل المثال:

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
http://www.w3.org/TR/html4/loose.dtd”&gt;

XHTML 1.0

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;

ويكتب هذا التاج فى بداية الصفحة كالتالى:

<!DOCTYPE html>
<html>

<head>

<title>firstpage</title>

</head>

<body>

……………………….

</body>

</html>

ملاحظة:

لغة (HTML) ليست حساسة للحروف الكابتل او الاسمول فمثلا <body>يعادل<BODY>.

Advertisements

ضع تعليقك هنا

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: