باستخدام HTML يمكنك تصميم موقعك ، وهنا ستتعلم كل شئ عن HTML فهي سهلة جدا وسوف تستمتع بها.
ومعنا إن شاء الله ستتعلم كل شئ عن HTML بالأمثلة وبطريقة سلهة وواضحة.
مثال:
<!DOCTYPE html>
<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> |
شرح المثال
- <!DOCTYPE html> لتعريف نوع الصفحة أنها آخر نسخة من HTML بحيث تصبح HTML5
- يجب أن تبدأ أكواد HTML بـ <html> وتنتهي بـ </html>
- محتويات الصفحة التي تظهر للمستخدم تكون بين <body> و </body>
- النص بين <h1> و </h1> يكون بتنسيق العنوان
- النص بين <p> و </p> يكون بتنسيق فقرة
ما هي HTML ؟
HTML هي لغة لتصميم صفحات الانترنت.
- HTML هي اختصار لـ Hyper Text Markup Language ومعناها لغة ترميز النص المشتت
- HTML ليست لغة برمجة ولكنها لغة تصميم Markup Language
- HTML عبارة عن مجموعة من أكواد التصميم
- الهدف من هذه الأكواد هو وصف تصميم محتويات الصفحة
أكواد HTML
- أكواد HTML محاطة دائما بأقواس مثل <html>
- أكواد HTML تأتي دائما مزدوجة مثل <b> و </b>
- الأكواد المزدوجة تكون عبارة عن كود البداية مثل <b> ، وكود النهاية يبدأ بالشرطة المائلة قبل اسم الكود مثل </b>
- أكواد البداية والنهاية يطلق عليهما دائما كود الفتح وكود الإغلاق
عناصر HTML
عناصر HTML هي أيضا تستخدم لوصف نفس الشئ ولكن الفرق هو أن كل شئ يوجد بين كود الفتح وكود الإغلاق يطلق عليه العناصر.
مستند HTML = صفحة الإنترنت
- مستند HTML يصف صفحة الإنترنت
- مستند HTML تحتوي على أكواد HTML
- مستند HTML يطلق عليها أيضا صفحة الإنترنت
متصفح الإنترنت
متصفح الإنترنت (انترنت اكسبلورر - فايرفوكس - جوجل كروم - .... وغيرها ) يقوم بقراءة مستند HTML ثم يقوم بعرض محتوياتها في صورة صفحة الإنترنت ، ولكن لا يقوم بعرض أكواد HTML ولكن يستخدمها فقط في معرفة كيف يقوم بعرض الصفحة.
