<أتش تي أم أل>
<الرأس>
<title> البرنامج التعليمي لشبكة Dreamweaver التعليمية لصفحة الويب ( هذا هو عنوان موقعك وما سيتم عرضه في شريط العنوان عند تصفح الويب ) </title>
</الرأس>
<الجسم>
هنا هو الجزء الرئيسي من التعليمات البرمجية المصدر!
</body>
</html>
تستخدم لغة HTML طريقة وضع علامة على الأزواج لكتابة الملفات، وهي طريقة بسيطة ومريحة وعادةً ما تستخدم <اسم العلامة>
لتمثيل بداية ونهاية العلامة (مثل زوج العلامات)، يجب استخدام أزواج العلامات هذه في أزواج في مستندات HTML.
1. <html></html>
يتم استخدام العلامة في مقدمة مستند HTML لوضع علامة على بداية مستند HTML. العلامة هي عكس ذلك تمامًا، فهي يتم وضعها في نهاية مستند HTML ويتم استخدامها لوضع علامة على نهاية مستند HTML، وليس لها أي معنى فعلي، فهي فقط تخبر المتصفح بأنه يقوم بمعالجة ملف HTML. يجب استخدام كلا العلمين معًا.
2. <الرأس></الرأس>
تنقسم ملفات HTML إلى قسمين: الرأس والنص. وتشكل رأس مستند HTML الذي يمكنك استخدامه،
انتظر أزواج العلامات، أزواج العلامات هذه كلها أزواج علامات تصف المعلومات المتعلقة بمستند HTML. يجب استخدام كلا العلمين معًا.
3. <العنوان></العنوان>
ربما لاحظ الأشخاص الذين تصفحوا الويب المعلومات النصية المعروضة في الجزء الأزرق أعلى نافذة المتصفح، وتكون هذه المعلومات بشكل عام هي معلومات موضوع صفحة الويب، ويجب عليك عرض معلومات موضوع صفحة الويب الخاصة بك على أعلى المتصفح، أي شريط العنوان. الطريقة بسيطة للغاية، ما عليك سوى إضافة النص الذي تريد عرضه بين أزواج الشعار.
ملحوظة: لا يمكن وضع أزواج الأعلام إلا بين أزواج الأعلام.
4. <الجسم></الجسم>
إنه الجزء الرئيسي من مستند HTML. ويمكن أن يحتوي على
<body> بين زوج العلامات هذا. </body> هو الجزء الرئيسي من مستند HTML. ويمكن أن يتضمن <p>، </p>، <h1>. سيتم عرض </h1> و<br> و<hr> والعديد من العلامات الأخرى والنصوص والصور وما إلى ذلك التي تحددها في مربع المتصفح. يجب استخدام كلا العلمين معًا. يمكنك أيضًا إضافة بعض السمات الأخرى إلى العلامة <body>، مثل: <body oncontextmenu="return false" onselectstart="return false"...> والعديد من العلامات الأخرى التي تحدد النص والصور المعروضة في مربع المتصفح. يجب استخدام كلا العلمين معًا. ويمكن أيضًا إضافة بعض السمات الأخرى إلى الشعار، مثل:
يحتوي Dreamweaver على ثلاث نوافذ لعرض المستندات:
1. نافذة عرض "الرمز". هذه هي النافذة لتحرير التعليمات البرمجية.
2. نافذة عرض "التصميم". هذه هي النافذة التي نستخدمها عادةً لتحرير النصوص وإضافة الصور وما إلى ذلك.
3. "تقسيم" نافذة العرض. استخدم هذه النافذة عندما نحتاج إلى التعاون بين النافذتين المذكورتين أعلاه للتحرير. سيتم تنفيذ الكود الذي سنضيفه بشكل أساسي في هذه النافذة.
عند استخدام Dreamweaver لإنشاء صفحات ويب، يجب على الجميع إيلاء المزيد من الاهتمام لعرض التعليمات البرمجية!