1. مقدمة إلى HTML
HTML (لغة ترميز النص التشعبي) هي لغة ترميز النص التشعبي. فهو يربط النصوص والرسومات والرسوم المتحركة والأصوات والجداول والروابط وما إلى ذلك الموجودة على الإنترنت في الكل من خلال سلسلة من العلامات. تتم كتابة المعلومات التي يجب التعبير عنها في ملفات HTML وفقًا لقواعد معينة، يتم التعرف عليها بواسطة متصفح مخصص، ويتم "ترجمة" ملفات HTML هذه إلى معلومات يمكن تحديدها، أي صفحة الويب التي تراها الآن. توفير الراحة للأشخاص للعثور على المعلومات واسترجاعها.
2. تصنيف صفحات الويب
مقسمة إلى صفحات ويب ثابتة وصفحات ويب ديناميكية
(1) صفحات الويب الثابتة: يمكن لصفحات الويب بتنسيق HTML الخالص توفير التصفح فقط، بغض النظر عن وقت ومكان تصفحها، فإنها ستعرض نفس الشكل والمحتوى، مما يعني أنها لا تستطيع التفاعل مع موقع الويب. في صفحات الويب الثابتة، يتم تنفيذ البنية الرئيسية لصفحة الويب بأكملها والتحكم في عرض صفحة الويب باستخدام HTML. عادةً ما تكون امتدادات الصفحات الثابتة هي .htm و.html و.shtml و.xml.
يمكن لصفحات الويب الثابتة عرض النصوص والصور فقط على صفحة الويب، وقد يبدو الأمر بسيطًا من حيث الوظيفة، ولكنه العنصر الأساسي لجميع صفحات الويب، وأهميته واضحة بذاتها.
على صفحات الويب الثابتة، يمكن أن تظهر تأثيرات ديناميكية مختلفة، مثل الرسوم المتحركة بتنسيق .gif، والفلاش، وأحرف التمرير، وما إلى ذلك. هذه "التأثيرات الديناميكية" مرئية فقط، وهي عبارة عن مفاهيم مختلفة عن صفحات الويب الديناميكية.
(2) صفحات الويب الديناميكية: صفحات الويب التي تستخدم التكنولوجيا الديناميكية يمكن أن يتغير محتوى صفحة الويب تلقائيًا وفقًا للتغيرات في ظروف معينة. تختلف امتدادات صفحات الويب الديناميكية عن امتدادات صفحات الويب الثابتة، وهي .asp و.jsp و.php و.perl و.cgi وما إلى ذلك، ويوجد رمز مميز "؟" في عنوان URL لصفحة الويب الديناميكية.
3. مارك
الرموز المستخدمة في HTML لوصف الوظيفة.
يجب أن تكون العلامات محاطة بأقواس زاوية "<>" عند استخدامها. سيقوم المتصفح بتفسير العلامات الموجودة داخل الأقواس الزاوية. العلامات الرئيسية شائعة الاستخدام في HTML هي <html>، <head>، <title>، و<body>.
تنقسم العلامات إلى علامات مفردة وعلامات مزدوجة:
(1) علامة واحدة: ما عليك سوى إدخال اسم العلامة بين قوسين زاوية. تمثل العلامة الواحدة وظيفة وليس لها نطاق.
التنسيق: <العلامة>
مثل علامة فاصل الأسطر: <br>
(2) العلامة المزدوجة: العلامة لها بداية وذيل، والعلامة الأمامية متوافقة مع العلامة التي تليها، ولكن قبل العلامة الأخيرة توجد شرطة مائلة.
التنسيق: <mark>جينجروي يوجي</mark>
مثل علامة الفقرة؛ <p> </p>
4. تكوين ترميز HTML
<html><head><title>شبكة لغة C</title></head><body><h1>كيفية الاستفادة من شبكة لغة C بشكل جيد؟ </h1><p>هناك العديد من الأسئلة حول شبكة لغة C</p></body></html>
تتكون صفحة HTML الكاملة في الواقع من أزواج من العلامات (بالطبع هناك استثناءات).
(1) <html></html>: علامتي الافتتاح والختام لصفحة الويب.
(2) <head>< /head>: علامتي البداية والنهاية لمعلومات رأس صفحة الويب؛
(3) <body>< /body>: علامتا البداية والنهاية للنص الرئيسي لصفحة الويب؛
(4) <title>< /title>: علامات فتح وإغلاق الموضوع لصفحة الويب؛
(5) < p>< /p>: علامتا البداية والنهاية لفقرة صفحة الويب
5. تكنولوجيا تخطيط صفحة الويب
(1) تقنية تخطيط الجدول: كان تخطيط الجدول أكثر شيوعًا في الماضي، وهو وضع العديد من النصوص المطلوبة ومواد الصور وما إلى ذلك في جدول بلا حدود. وتتمثل الميزة في أنه يمكنه معالجة كائنات مختلفة دون القلق بشأن الاختلافات بين الكائنات المختلفة العيب هو أن استخدام عدد كبير جدًا من الجداول يزيد من كمية بيانات صفحة الويب ويؤثر على سرعة تنزيل الصفحة.
(2) تقنية CSS (ورقة الأنماط المتتالية): المعروفة أيضًا باسم تقنية تخطيط DIV+CSS، يمكنها وضع النص والصور بدقة، وفصل البيانات والتنسيق، وتقليل كمية البيانات على صفحة الويب بشكل كبير. يعد CSS صعبًا بعض الشيء بالنسبة للمبتدئين، ولكنه بالفعل طريقة تخطيط جيدة وهي الآن تقنية تخطيط صفحات الويب الأكثر استخدامًا.