‏إظهار الرسائل ذات التسميات HTML. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات HTML. إظهار كافة الرسائل
الرؤوس HTML#
| 2 التعليقات ]

# هذا الدرس ضمن سلسلة تعلم HTML

الرؤوس : يتم استخدام الرؤوس داخل صفحة الويب من أجل تعيين العناوين الجانبية .. هناك ستة قيم للرؤوس ، يتم تعيينها من خلال الكود التالي :
<Hn>....... </Hn>
تأخذ [ n ] القيم من 1 إلى 6
بحيث تكون القيمة 1 هي أكبرهم حجما و القيمة 6 هي الأصغر حجما :[ مثال مقدم من w3c schools ]

قم بتطبيق ما يلي في صفحتك :
<html>
<head>
<title>
heading
</title>
</head>
<body>
<h1> mind wits </h1>
I''m happy to learn HTML on mindwits.com
</body>
</html>
النتائج :
اضغط على الصورة لتكبيرها
أهمية الرؤوس 

تكمن أهمية الرؤوس في نقطتين : أولا|| وضع و تقسيم الهيكل العام للصفحة ، يمكنك ملاحظة ذلك من خلال صفحة الموضوع التي هي أمامك . ، ثانيا || هي المرشد لمحركات البحث داخل صفحتك، فالرؤوس تأخذ أولوية أعلى من النصوص العادية داخل الصفحة .
...تابع القراءة



الأجزاء الرئيسية للصفحة HTML#
| 11 التعليقات ]

# هذا الدرس ضمن سلسلة دروس تعلم  HTML

صفحة انترنت تشبه العش فهو يبدأ بقشة و ينتهي بقشة من جانب آخر لها نفس النوع .. كيف ذلك ؟
يبدأ مستند HTML  بالكود التالي
<HTML>

و ينتهي بالكود التالي و لاحظ هذه العلامة باللون الأحمر /
</HTML>
ثم يأتي بعد ذلك كود رأس الصفحة ليصبح المستند بالشكل التالي :
<HTML>
<HEAD>
</HEAD>
</HTML>
هل فهمت فكرة العش الآن ؟ فكل كود أكبر يحتوي الكود الذي يليه كما لو كان ابنه !

كود كتابة عنوان الصفحة : 

في البداية أين يظهر عنوان الصفحة ؟ لاحظ الصورة التالية :

اضغط على الصورة لتكبيرها
كيف نكتب ذلك في صفحتنا ؟ 

سنستخدم العنوان التالي : "my page"
و تكون الأكواد كالتالي :
<HTML>
<HEAD>
<TITLE>
my page 
</TITLE>
</HEAD>
</HTML>
هذا كله و مازلنا لا نرى شيئا يظهر لزائر الصفحة سوى عنوان لها وصفحة بيضاء ... الآن سنضيف محتوى للصفحة و سيكون
"Hello World" 
و يكون ذلك باستخدام الكود <body> ... </body>
و كل ما يأتي مكان النقاط يظهر أمام الزائر :) 
<HTML>
<HEAD>
<TITLE>
my page 
</TITLE>
</HEAD>
<BODY>
Hello World
</BODY>
</HTML>
و الآن أنت تمتلك صفحة ويب تحمل
العنوان
my page
و المحتوى
Hello World
قم بحفظ الصفحة كما هو موضح في الدرس السابق [ صفحة ويب ]


...تابع القراءة



إنشاء صفحة انترنت HTML#
| 1 التعليقات ]


# هذا الدرس ضمن سلسلة دروس تعلم HTML
صفحة انترنت هي صفحة نصية بامتداد اللغة التي تم استخدامها في إنشاء هذه الصفحة ، فقط تكون [ .html - .php - .cgi ] تم إنشاؤها بواسطة مطور صفحاتانترنت - الذي هو أنت الآن - ، تحتوي على مجموعة  من الأكوادالتي تعرض النصوص و الصور و غيرهما من العناصر الديناميكية للصفحة . 


طريقة انشاء صفحة انترنت في لغة HTML :


بواسطة أي محرر للنصوص مثل [Notepad] على أن يتم حفظ الصفحةبامتداد [.html] .. تابع الشرح المصور فيما يلي :



اضغط على الصورة لعرضها بالحجم الطبيعي
محمد الدهيمي
...تابع القراءة



تعلم HTML
| 5 التعليقات ]

كثيرة هي تلك الصفحات التي تقدم شرحا و تعليما للغات البرمجة المختلفة التي تخص شبكة انترنت ، و من السهل على أي مستخدم أن يجد ضالته في هذه الصفحات الكثيرة ... ربما أنت الآن تتسائل لماذا أنا بصدد شرح لغة بسيطة مثل HTML و دروسها منتشرة على انترنت و الزوار ليسوا بحاجة لدروسي لكي يصبحوا أفضل مني فيها  .. و لذا أجيبك في ثلاثة نقاط :

لماذا HTML ، و انترنت في غنى عنها : 

1. إن هدفي هو تعليم لغات برمجة انترنت ليس فقط لغة HTML و لكن سيمتد الأمر -  إن شاء الله - لشرح لغات أخرى مثل لغة جافا JAVA على سبيل المثال و غيرها من اللغات . و لذا فإن شرح لغة HTML هو مجرد بداية .

2. كثير ممن شرحوا لغة HTML و على الرغم من إجادتهم إلا أنهم لم يشرحوها بطريقة جذابة و مرحة تجعل من تعلمها أمرا ممتعا ، و لذا فإني أرى أنه و من وجهة نظري القاصرة أنني قادر على شرحها بطريقة أفضل .

3. كثير من الشروحات المنتشرة على انترنت هي في حالتين : إما أنها تضع معلومات كثيرة جدا الزائر المبتديء لا يستطيع أن يستوعبها ، أو تضع معلومات أقل من المطلوب فلا تفي بالغرض للمحترفين .. و لذا ففي موضوعاتي هنا سيكون الأمر وسط يفهمه المبتديء و يمكن للمحترف أن يعود إليه في أي وقت .

لماذا أتعلم لغة HTML ؟ 

إذا أردت أن تدخل عالم انترنت كمدير موقع [webmaster] إما مدونة أو موقع ، أو منتدى .. فإن هذه اللغة ستوفر لك القواعد الأساسية التي ستفيدك في تطوير موقعك .

يمكن للمدونين أو مديري المنتديات أن يتفهموا ذلك الأمر بسهولة ، فعادة ما تواجهم كثير من المصاعب في تطوير مواقعهم و يقفون مكتوفي الأيدي أمام الأكواد التي تظهر كالطلاسم أمام أعينهم .

لغة HTML ستكون هي بداية طريقك نحو احترافية برمجة إنشاء مواقع انترنت ديناميكية رائعة بمرور الوقت مع تعلم لغات أخرى ، لكن تظل هذه اللغة هي نقطة البداية .

 هي لغة ترميز و ليست لغة برمجة 

HTML هي اختصار للجملة Hyper Text Markup Language
هي ليست لغة برمجة بالمعنى المتعارف عليه ، فلا يمكن من خلالها أن تصنع نموذجا ينفذ أمرا ما ، أو يحل مشكلة معينة ، بل هي طريقة لعرض المعلومات و البيانات على شبكة انترنت من خلال صفحات موقعك .

كان من الصعب أن نعرض النصوص منسقة على صفحات انترنت ، لكن مع ظهور لغة HTML أصبح من الممكن إضافة الألوان و الصور و الجداول و التنسيقات و كذلك المقطوعات الصوتية و مشاهد الفيديو . "نبذة تاريخية عن لغة الترميز هتمل ".

ماذا سأتعلم ؟
  1. القواعد الأساسية

    2. الوسائط "media "

    • الصوت
    • الفيديو 
    • مقاطع YouTube
    3.  المرحلة المتقدمة

     سيتم إضافة الروابط تباعا إن شاء الله .
    على الجانب / يمكنك التطوع لإضافة دروس أخرى فقط قم بمراسلتنا [ هنا ] 
...تابع القراءة