|| مقدمة في لغة الويب [HTML] ||

**Miss ShyMaa** · 4-9-2014 07:53 PM

\\ بسم الله الرحمن الرحيم //
السلام عليكم ورحمة الله وبركاته ~
حياكم الله جميعاً رواد مسومس الكرام
الموضوع عبارة عن مقدمة بسيطة جداً في لغة الويب (HTML)، كما يتضح من العنوان،
لذا فلننطلق D:

نبذة عن اللغة :
هي لغة توصيف النصوص التشعبية (Hyper Text Markup Language - HTML) ،
وهي لغة تستخدم في إنشاء وتصميم صفحات الويب، كما أنها من أقدم اللغات و أكثرها استخداماً.
كما أنها لغة تعتمد على ما يسمى بالوسوم (Tags) ، ولكل وسم بداية ونهاية
وبعض الوسوم لديها بداية فقط مثل وسم سطر جديد (Line Break - br).

مثال وسم الفقرات (Paragraphs - p) :

كود:

<p> Contents <\p>
Open         Close

ويمثل (نهاية الوسم - المحتوى - بداية الوسم)

لمحة عن تاريخ اللغة :
كان لدى الفيزيائي تيم بيرنرز لي (Tim Berners-Lee) والذي كان يعمل في المنظمة الأوربية
للأبحاث النوية (The European Organization for Nuclear Research - CERN) حلماً
يتمثل في تمكين الباحثين في مناطق نائية من العالم من استخدام وتبادل الوثائق معاً.
وفي عام 1989 ، كتب تيم مذكرة يقترح فيها نظاماً نصياً تشعبياً معتمد على الانترنت
(An Internet-Based Hypertext System) ، وقام فيما بعد بكتابة برامج المزود أو الخادم
و المتصفح ، في أواخر عام 1990.

ننتقل إلى الجزء العملي D:
الهيكل الأساسي لصفحة الويب :

كود:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>

الشرح :
1- وسم التعريف بالصفحة (Declaration Tag) :

كود:

<!DOCTYPE html>

ويقصد بها تعريف المتصفح بماهية الصفحة المكتوبة وإصدار (HTML) الخاص بها
ولكن بالامكان تجاهلها، حيث لدى بعض المتصفحات القدرة على ذلك

2- وسم بداية الصفحة و نهايتها (Start and End of Page Tag) :

كود:

<html></html>

وهما يمثلان بداية الصفحة ونهايتها ويجب وضع كل ما تحويه الصفحة بينهما

3- وسم رأس الصفحة (Head Tag) :
وهو يمثل رأس الصفحة، ويستخدم مثلاً لوضع عنوان الصفحة فيه (Title Tag)

كود:

<head>
<title>Title of the document</title>
</head>

4- وسم جسد الصفحة (Body Tag) :
ويمثل جسد الصفحة الذي يتم وضع محتواها فيه

كود:

<body>
The content of the document......
</body>

تطبيق:
1- قم بعمل مستند نصي جديد باستخدام برنامج (Notepad)
و ضع فيه الكود الذي ترغب به، شرط ألا تخل بهيكل الصفحة الأساسي

مثال :

كود:

<!DOCTYPE html>
<html>
<head>
<title>Learn HTML</title>
</head>
<body>
<p>My First Page</p>
</body>
</html>

2- احفظ الملف بصيغة (HTML)، وستجد أنها ظهرت كصفحة ويب،
أيقونتها هي المتصفح الافتراضي لديك
وها قد أنشئت صفحتك الأولى الخاصة XD

كلمة أخيرة:
أرجو أن أكون قد وفقت في الطرح، ولا تبخلوا علي بآرائكم و تطبيقاتكم D:
ألقاكم على خير
في حفظ الباري ~

|| مقدمة في لغة الويب [HTML] ||

[ منتدى البرامج والهواتف الذكية ]

الموضوع: || مقدمة في لغة الويب [HTML] ||

أدوات الموضوع

عرض

مشاهدة المواضيع

|| مقدمة في لغة الويب [HTML] ||

الأعضاء الذين يشكرون Miss ShyMaa على هذا الموضوع:

الكلمات الدلالية لهذا الموضوع

المفضلات

المفضلات

ضوابط المشاركة


	المنتدى مشاركات اليوم تطبيقات عامة اجعل كافة الأقسام مقروءة خيارات سريعة عرض المشرفين المتواجدون الآن المسابقات لوحة التحكم ما الجديد؟ أخرى أحدث الأنشطة إعـلانـات القـوانيـن الأوسمة البحث المتقدم المنتدى [ عـــالـــم التـقـنـيـة ] [ منتدى البرامج والهواتف الذكية ]