الخطوة الثالثة : حفظ الملف HTML
الآن احفظ الملف على سطح المكتب باسم "myfirstpage.html"
الآن احفظ الملف على سطح المكتب باسم "myfirstpage.html"
ملاحظة:
من المهم تحديد الامتداد .html - بعض برامج تحرير النصوص ، مثل notepad ، ستحفظه تلقائيًا بإمتداد .txt
من المهم تحديد الامتداد .html - بعض برامج تحرير النصوص ، مثل notepad ، ستحفظه تلقائيًا بإمتداد .txt
لفتح الملف في متصفح الويب انتقل إلى الملف الخاص بك ثم انقر مرتين عليه. سيتم فتحه في متصفح الويب الافتراضي الخاص بك. إذا لم يحدث ذلك ، افتح المتصفح واسحب الملف إليه
شرح الكود
السطر الأول <!DOCTYPE html> هو إعلان نوع الصفحة. يرشد متصفح الويب أن هذه الصفحة هو صفحة HTML5
العنصر <head>هو حاوية للوسوم التي توفر معلومات حول الصفحة ، على سبيل المثال ، يحدد الوسم <title> عنوان الصفحة.
يحتوي العنصر <body> على المحتوى الفعلي للصفحة الويب (الفقرات والارتباطات والصور والجداول وما إلى ذلك) الذي يتم عرضه في متصفح الويب وعرضه على المستخدم.
سوف تتعرف على عناصر HTML المختلفة بالتفصيل لاحقا. في الوقت الحالي ، ركز فقط على البنية الأساسية لصفحة HTML
السطر الأول <!DOCTYPE html> هو إعلان نوع الصفحة. يرشد متصفح الويب أن هذه الصفحة هو صفحة HTML5
العنصر <head>هو حاوية للوسوم التي توفر معلومات حول الصفحة ، على سبيل المثال ، يحدد الوسم <title> عنوان الصفحة.
يحتوي العنصر <body> على المحتوى الفعلي للصفحة الويب (الفقرات والارتباطات والصور والجداول وما إلى ذلك) الذي يتم عرضه في متصفح الويب وعرضه على المستخدم.
سوف تتعرف على عناصر HTML المختلفة بالتفصيل لاحقا. في الوقت الحالي ، ركز فقط على البنية الأساسية لصفحة HTML
ملاحظة:
يظهر إعلان DOCTYPE في أعلى صفحة الويب قبل جميع العناصر الأخرى ؛ ومع ذلك ، فإن إعلان doctype نفسه ليس وسم HTML.
تتطلب كل صفحة HTML إعلان نوع الصفحة لضمان عرض صفحاتك بشكل صحيح في متصفحات الويب المختلفة.
يظهر إعلان DOCTYPE في أعلى صفحة الويب قبل جميع العناصر الأخرى ؛ ومع ذلك ، فإن إعلان doctype نفسه ليس وسم HTML.
تتطلب كل صفحة HTML إعلان نوع الصفحة لضمان عرض صفحاتك بشكل صحيح في متصفحات الويب المختلفة.
نصيحة:
تشكل الوسوم <html> و <head> و <body> الهيكل الأساسي لكل صفحة ويب. المحتوى داخل <head> و </head> غير مرئي للمستخدمين باستثناء عنصر واحد: النص بين وسمّي <title> و </title> والذي يظهر كعنوان في علامة تبويب المتصفح.
تشكل الوسوم <html> و <head> و <body> الهيكل الأساسي لكل صفحة ويب. المحتوى داخل <head> و </head> غير مرئي للمستخدمين باستثناء عنصر واحد: النص بين وسمّي <title> و </title> والذي يظهر كعنوان في علامة تبويب المتصفح.
الوسوم (Tags) والعناصر (Elements)
يتم كتابة كود HTML في شكل عناصرElements HTML تتكون من الوسوم Tags. الوسوم هي السمة الأساسية لـ HTML. تتكون كل الوسوم من كلمة أساسية ، محاطة بأقواس زاوية ، مثل <html> و <head> و <body> و <title> و <p> وما إلى ذلك.
تأتي وسوم HTML عادةً في أزواج مثل <html> و </html>. غالبًا ما يطلق على الوسم الأول في الزوج ما وسم الفتح (أو وسم البدء) < > ، ويسمي الوسم الثاني وسم الإغلاق (أو وسم النهاية) </>.
يتشابه وسم الفتح ووسم الإغلاق ، باستثناء شرطة مائلة / بعد قوس زاوية فتح وسم الإغلاق ، لإعلام المتصفح بأن الأمر قد اكتمل.
بين وسمي البداية والنهاية يمكنك وضع المحتويات المناسبة. على سبيل المثال ، سيتم كتابة فقرة ، يتم تمثيلها بواسطة العنصر p ، على النحو التالي :
مثال
يتم كتابة كود HTML في شكل عناصرElements HTML تتكون من الوسوم Tags. الوسوم هي السمة الأساسية لـ HTML. تتكون كل الوسوم من كلمة أساسية ، محاطة بأقواس زاوية ، مثل <html> و <head> و <body> و <title> و <p> وما إلى ذلك.
تأتي وسوم HTML عادةً في أزواج مثل <html> و </html>. غالبًا ما يطلق على الوسم الأول في الزوج ما وسم الفتح (أو وسم البدء) < > ، ويسمي الوسم الثاني وسم الإغلاق (أو وسم النهاية) </>.
يتشابه وسم الفتح ووسم الإغلاق ، باستثناء شرطة مائلة / بعد قوس زاوية فتح وسم الإغلاق ، لإعلام المتصفح بأن الأمر قد اكتمل.
بين وسمي البداية والنهاية يمكنك وضع المحتويات المناسبة. على سبيل المثال ، سيتم كتابة فقرة ، يتم تمثيلها بواسطة العنصر p ، على النحو التالي :
مثال
HTML HyperText Markup Language أو ما يعرف بلغة توصيف النص التشعبي هي أساس البناء لشبكة الويب العالمية World Wide Web, حيث تم تطوير HTML في الأصل في عام 1990 على يد Tim Berners-Lee المعروف أيضا بوالد الويب.
في عام 1996 ، أصبح اتحاد شبكة الويب العالمية W3C هو السلطةالمسؤولة عن الحفاظ على مواصفات HTML.
أصبحHTML أيضًا معيارًا دوليًا ISO في عام 2000.
كما أن مصطلح النص التشعبي يعبر عن نص معروض على جهاز كمبيوتر أو جهاز إلكتروني آخر يحتوي على روابط تنقل المستخدم إلى نص آخر على الفور ، وعادةً ما يكون ذلك عن طريق النقر بالماوس أو الضغط على المفتاح.
قد يحتوي النص التشعبي على جداول وقوائم ونماذج وصور وعناصر تقديمية أخرى.
HTML5 هو أحدث إصدار من HTML يوفر HTML5 نهجًا أسرع وأكثر قوة لتطوير الويب.
هناك الكثير من الأشياء التي يمكنك القيام بها باستخدام HTML:
نشر صفحات الويب عبر الإنترنت مع النصوص والصور والقوائم والجداول ، إلخ.
الوصول إلى موارد الويب مثل الصور ومقاطع الفيديو أو صفحات HTML الأخرى عبر الروابط التشعبية.
إنشاء نماذج لجمع مدخلات المستخدم مثل الاسم وعنوان البريد الإلكتروني والتعليقات وما إلى ذلك.
تضمين الصور ومقاطع الفيديو ومقاطع الصوت والأفلام والتطبيقات وصفحات HTML الأخرى مباشرة داخل صفحة HTML.
إنشاء إصدار غير متصل لموقع الويب الخاص بك يعمل بدون إنترنت.
تخزين البيانات في متصفح الويب للمستخدم والوصول إليها لاحقًا.
العثور على الموقع الحالي لزائر موقع الويب الخاص بك.
لا تنتهي القائمة هنا ، فهناك العديد من الأشياء المميزة التي يمكننا القيام بها باستخدام HTML.
في عام 1996 ، أصبح اتحاد شبكة الويب العالمية W3C هو السلطةالمسؤولة عن الحفاظ على مواصفات HTML.
أصبحHTML أيضًا معيارًا دوليًا ISO في عام 2000.
كما أن مصطلح النص التشعبي يعبر عن نص معروض على جهاز كمبيوتر أو جهاز إلكتروني آخر يحتوي على روابط تنقل المستخدم إلى نص آخر على الفور ، وعادةً ما يكون ذلك عن طريق النقر بالماوس أو الضغط على المفتاح.
قد يحتوي النص التشعبي على جداول وقوائم ونماذج وصور وعناصر تقديمية أخرى.
HTML5 هو أحدث إصدار من HTML يوفر HTML5 نهجًا أسرع وأكثر قوة لتطوير الويب.
هناك الكثير من الأشياء التي يمكنك القيام بها باستخدام HTML:
نشر صفحات الويب عبر الإنترنت مع النصوص والصور والقوائم والجداول ، إلخ.
الوصول إلى موارد الويب مثل الصور ومقاطع الفيديو أو صفحات HTML الأخرى عبر الروابط التشعبية.
إنشاء نماذج لجمع مدخلات المستخدم مثل الاسم وعنوان البريد الإلكتروني والتعليقات وما إلى ذلك.
تضمين الصور ومقاطع الفيديو ومقاطع الصوت والأفلام والتطبيقات وصفحات HTML الأخرى مباشرة داخل صفحة HTML.
إنشاء إصدار غير متصل لموقع الويب الخاص بك يعمل بدون إنترنت.
تخزين البيانات في متصفح الويب للمستخدم والوصول إليها لاحقًا.
العثور على الموقع الحالي لزائر موقع الويب الخاص بك.
لا تنتهي القائمة هنا ، فهناك العديد من الأشياء المميزة التي يمكننا القيام بها باستخدام HTML.
المطور https://t.me/est7Dev
لتعديل الصور https://t.me/rose7520mm
لتقديم تقرير أو شكوى https://t.me/infoDevEst
لأختبار الأمتحنات https://t.me/hosam7520
لتعديل الصور https://t.me/rose7520mm
المترجم https://t.me/TEBW_org
التعرف على الموسيقى @musicabcdmm_bot
للمحظرين https://t.me/officialmusicabcdmm
لتعديل الصور https://t.me/rose7520mm
لتقديم تقرير أو شكوى https://t.me/infoDevEst
لأختبار الأمتحنات https://t.me/hosam7520
لتعديل الصور https://t.me/rose7520mm
المترجم https://t.me/TEBW_org
التعرف على الموسيقى @musicabcdmm_bot
للمحظرين https://t.me/officialmusicabcdmm
Telegram
ं
Forwarded from الاختبارات الهكر
بناء جملة عنصر HTML
العنصر (Elements) هو احدى مكونات صفحة HTML. وهو يمثل دلالات ، أو معنى. على سبيل المثال ، يمثل عنصر title عنوان صفحة الويب.
تتم كتابة معظم عناصر HTML بإستخدام وسمّي الفتح / البدء < > والإغلاق / النهاية </ > ، مع وجود محتوى بينهما.
يمكن أن تحتوي العناصر أيضًا على سمات attributes تحدد خصائصها الإضافية. على سبيل المثال ، سيتم كتابة فقرة ، يتم تمثيلها بواسطة العنصر p ، على النحو التالي:
العنصر (Elements) هو احدى مكونات صفحة HTML. وهو يمثل دلالات ، أو معنى. على سبيل المثال ، يمثل عنصر title عنوان صفحة الويب.
تتم كتابة معظم عناصر HTML بإستخدام وسمّي الفتح / البدء < > والإغلاق / النهاية </ > ، مع وجود محتوى بينهما.
يمكن أن تحتوي العناصر أيضًا على سمات attributes تحدد خصائصها الإضافية. على سبيل المثال ، سيتم كتابة فقرة ، يتم تمثيلها بواسطة العنصر p ، على النحو التالي:
العناصر الفارغة (Empty Elements)
العناصر الفارغة (وتسمى أيضًا العناصر ذاتية الإغلاق) وهي عناصر لا تحتوي محتوى ، مثل <br> الذي يمثل فاصل أسطر ، وهذا يعني أنه لا يمكنك كتابة :
<hr> some content < /hr>
أو
<br> some content < /br>
بعض العناصر الفارغة الشائعة الأخرى هي <img> ، <input> ، <link> ، <meta> ، <hr> ، إلخ.
العناصر الفارغة (وتسمى أيضًا العناصر ذاتية الإغلاق) وهي عناصر لا تحتوي محتوى ، مثل <br> الذي يمثل فاصل أسطر ، وهذا يعني أنه لا يمكنك كتابة :
<hr> some content < /hr>
أو
<br> some content < /br>
بعض العناصر الفارغة الشائعة الأخرى هي <img> ، <input> ، <link> ، <meta> ، <hr> ، إلخ.
تداخل عناصر HTML
يمكن أن تحتوي معظم عناصر HTML بداخلها على عنصر او أكثر باستثناء العناصر الفارغة التي لا يمكن ان تحتوي بداخلها على عناصر.
تتكون العناصر عادة من وسوم وسمات ومحتوى أو عناصر أخرى.
يوضح المثال التالي بعض العناصر المتداخلة داخل العنصر <p>
يمكن أن تحتوي معظم عناصر HTML بداخلها على عنصر او أكثر باستثناء العناصر الفارغة التي لا يمكن ان تحتوي بداخلها على عناصر.
تتكون العناصر عادة من وسوم وسمات ومحتوى أو عناصر أخرى.
يوضح المثال التالي بعض العناصر المتداخلة داخل العنصر <p>