<a href = عنوان المورد> نص الرابط </a>
1. الرابط المحلي
قوة الطريق ①absolute:
<a href = c: /emages/article.jpg> رابط قوة الطريق المطلق للصور المحلية </a>
② الترابط لو جين
<a href = article2.jpg> رابط Lujin النسبي للصور المحلية </a>
③ Link إلى الدليل السابق
<a href = ../test.htm> رابط إلى الدليل السابق </a>
2. رابط URL
النموذج: اسم البروتوكول: //host.domain الاسم/lujin/اسم الملف
يشمل الاتفاقية:
ملف ملف النظام المحلي
HTTP WWW Server
خادم FTP FTP
البروتوكول القائم على Telnet
البريد الإلكتروني mailto
أخبار مجموعة الأخبار
خادم Gopher Gopher
خادم WAIS WAIS
على سبيل المثال: <a href = http: //www.baidu.com> baidu </a>
3. رابط الدليل
قم أولاً بتعيين فقرة على موضع الارتباط ، التنسيق هو:
<a name = link locial name> </a>
ثم اتصل بالملف في جزء الرابط هذا لتحديد الرابط:
<a href = file name#link link name> نص الرابط </a>
بالطبع ، إذا قفزت في ملف ، فيمكن حذف اسم الملف وعدم كتابته.
2. إطارات النوافذ متعددة الرؤيةيمكن أن تقسم ملفات HTML المصممة مع بنية الإطارات النافذة بأكملها إلى العديد من النوافذ الصغيرة المستقلة ، ويمكن لكل نافذة صغيرة تحميل ملفات مختلفة والتواصل مع بعضها البعض.
1. الهيكل الأساسي:
<html>
<head>
<title> </title>
</head>
<sprameet>
<الإطار src = url>
<الإطار src = url>
...
</frameet>
</html>
2. إعدادات الحجم لكل نافذة
نقسم النافذة إلى عدة قطع ، ونستخدم سمة الصفوف أفقياً ونستخدم سمة Cols رأسيًا. يمكن تحقيق حجم كل قطعة من خلال قيم هاتين الخصائص.
<الإطارات cols =#>
<إطارات صفوف =#>
قيمة # هي زوج من السلاسل المرفقة في اقتباسات. تمثل الأرقام الموجودة في السلسلة الحجم الذي تشغله كل نافذة ، مفصولة بفواصل في الوسط. يمكن أيضًا استبدال الأرقام الموجودة فيه *، مما يشير إلى أن الحجم يتم تخصيصه تلقائيًا بواسطة المتصفح. يحب
<الإطارات Cols = 100،200،300>
<إطارات صفوف = 10 ٪ ، 20 ٪ ، 70 ٪>
<الإطارات cols = 100 ،*،*> توزيع النوافذ بخلاف 100 بكسل بالتساوي
3. قابلية التشغيل البيني بين Windows
① يتم استخدام سمة SRC للإطار لتحديد المحتوى المراد ربطه ، وتحدد سمة الاسم اسم النافذة ، وتحدد السمة الهدف النافذة التي يظهر فيها الملف المرتبط. يمكن أن تكون قيمتها هي الاسم المحدد بالاسم ، أو يمكن أن يكون الأنواع الأربعة التالية من القيم:
<a href = url target = _blank> يعرض نافذة جديدة
<a href = url target = _self> يعرض في نفس النافذة
<a href = url target = _parent> تُظهر الملف السابق في الإطارات
<a href = url target = _top> يعرض عبر نافذة المتصفح
② خصائص أخرى من الإطار
<Frame FrameBorder = #> #= نعم ، لا
يحدد FrameBorder إعدادات كل حدود نافذة: نعم يعني أن هناك حدود ، لا توجد وسيلة لا توجد حدود
<marginWidth =# marginheight =#>
قيمة # هي نقطة بكسل. يتم استخدام هذه الخاصية لتعيين عرض الحدود العلوية والسفلية واليسار واليمنى للنافذة. إذا لم يتم تعيينه ، فسيتم تحديده تلقائيًا بواسطة المتصفح.
<الإطار التمرير =#>#= نعم ، لا ، تلقائي
إعدادات scrollbar ، نعم يعني نعم يعني لا ، يعني تلقائي يعني تلقائيا من قبل المتصفح ، والقيمة الافتراضية هي تلقائي.
<الإطار noresize = noresize>
تحدد خاصية Noresize أنه لا يمكن للمستخدم تغيير حجم الإطار. بشكل افتراضي ، يمكن تغيير حجم الإطار عن طريق سحب الجدران بين الإطارات ، والتي يمكن أن تقفل حجم الإطار.
3. ورقة النمط1. وظيفة الأوراق الأكثر أهمية هي توفير طريقة للحفاظ على أنماط جميع صفحات الويب متسقة.
المستويات الثلاثة من ورقة الأنماط هي من المستوى الأدنى إلى المستوى الأعلى:
ورقة نمط بنيت (مضمّن): مناسبة لمحتوى عنصر واحد
②. ورقة نمط مستوى المستند: مناسبة لجسم المستند بأكمله
③. ورقة النمط الخارجية: يمكن تطبيقها في جسم المستندات المتعددة
عند استخدامها ، فإن أوراق الأنماط ذات المستوى المنخفض لها أولوية عند الاستخدام إذا كان هناك تعارض.
2. قضايا يجب ملاحظتها عند استخدام CSS:
① قد لا تدعم بعض المتصفحات قيم سمة معينة. في هذا الوقت ، يتجاهل المتصفح قيم السمات هذه أو يحل محل قيمة اختيارية.
② يتكيف النمط المدمج فقط مع عنصر واحد ، والذي يتعارض بالفعل مع نية التصميم الأصلية لصفائح الأنماط ، لذلك يجب استخدامها بحذر.
③ يظهر وصف نمط طبقة المستند في رأس المستند وهو مناسب لجسم المستند بالكامل. لذلك هذه هي الطريقة التي يمكن أن يكون النمط العام لبناء موقع الويب متسقًا.
④ ورقة الأنماط الخارجية ليست جزءًا من المستند الذي يستخدمه. يجب تخزين ورقة النمط الخارجي بشكل منفصل ويجب تفسيرها عند استخدامها. يمكن كتابة أوراق النمط الخارجية في ملفات نصية باستخدام Text/CSS من نوع MIME ، والتي يمكن تخزينها على أي جهاز كمبيوتر على الإنترنت ، ويحصل المتصفح على أوراق نمط خارجية كما لو كانت وثيقة. يمكن أيضًا استخدام عنصر <ink> على رأس صفحة الويب لتحديد ورقة نمط خارجية. في <link> ، يتم استخدام سمة REL لتحديد العلاقة بين المستند المرتبط والمستند الذي يحتوي على الرابط المعدل ، ويتم استخدام سمة HREF لتحديد عنوان عنوان URL لمستند ورقة النمط. يحب
<link rel = typesheet type = text/css href = temes/autotheme/style.css> </ink>
4. span و divاستخدام <span>
في بعض الحالات ، يتعين على بعض خصائص الخطوط الخاصة أن تنطبق فقط على جزء من نص الفقرة بأكملها ، مثل تعيين كلمة أو عبارة على خط أو خلفية مختلفة ، وما إلى ذلك. هذا يتيح لك استخدام <span> عناصر ، مثل:
<p> أحب حقًا <span style = font-size: 24pt ؛ font-family: Bold ؛ Color: Red> Programming </span> ، وهو أمر ممتع للغاية. </p>
استخدام <viv>
في صفحات الويب ، تكون الأقسام نموذجًا شائعًا جدًا ، يتكون كل قسم من عدة فقرات. إذا كان في التصميم ، فمن المأمول أنه لا يمكن تصميم كل فقرة فحسب ، بل يمكن أيضًا تصميم الأقسام الموجودة في صفحة الويب. في هذا الوقت ، يمكنك استخدام <viv> ، والذي يستخدم بشكل أساسي لتحديد تفاصيل مظهر قسم أو منطقة في صفحة الويب.