الدرس: كيفية إنشاء رابط في هتمل؟

قبل إنشاء رابط في هتمل، تحتاج إلىلمعرفة ما هو عليه وما هي أنواعها. يبدأ أي رابط بعلامة <a> ويتم إغلاقه بعلامة </a>. يعرض المستخدم فقط ما هو محاط بين هذه العلامات. لا يعرض المتصفح الرابط نفسه. ويمكن أن ينظر إليه عن طريق تحوم في شريط الحالة.

ويمكن تقسيم جميع الروابط وفقا لمعايير وأنواع مختلفة. على سبيل المثال، يمكنك تقسيم الروابط حسب الغرض:

• ضمن الوثيقة؛
• إلى صفحة ويب أخرى؛
• على ملفات مختلفة؛
• إلى العناوين البريدية.

وبالإضافة إلى ذلك، يمكن تقسيم البنود 2 و 3 إلى عناوين المطلقة والنسبية. حول هذا قليلا في وقت لاحق. الآن النظر في أبسط حالة.

كيف في هتمل لجعل الارتباط؟ للقيام بذلك، يمكنك فتح المفكرة أو أي محرر آخر والكتابة فوق التعليمات البرمجية أعلاه.

والنتيجة هي التالية.

ماذا يتكون الرابط؟

تذكر أن أي رابط مطلوب:

• فتح وإغلاق العلامة؛
• نص الرابط؛
• سمة هريف، التي تحدد العنوان الذي سيتم إرسال المستخدم إليه.

كما ترون، يظهر الشكل الأول صفحات الارتباط / about.html. هذا مرجع نسبي. في الشكل أعلاه، يبدأ الارتباط ب هتب: //. في هذه الحالة، يتم استخدام المرجع المطلق.

إذا لم تحدد علامة إغلاق، فكل ذلكوستكون المرحلة التالية أيضا استمرارا لهذه الصلة. كن حذرا. عند كتابة التعليمات البرمجية، وضع فورا علامة الافتتاح والختام. لذلك فمن أكثر أمانا.

كيفية جعل صورة رابط في هتمل؟

بدلا من النص في العلامات <a> ... </a>، يمكنك تحديد الصور. وهذا هو، إذا نقر المستخدم على الصورة، وقال انه سوف انقر على الرابط الخاص بك.

وتستخدم هذه الطريقة في كثير من الأحيان. خصوصا في القائمة على المواقع الجميلة. ويعتقد مصممو الماكياج دائما كيفية إنشاء رابط إلى صفحة في هتمل قبل إنشاء تصميم موقع ويب. وبشكل أدق، في شكل كل هذا يتم. في الدورة هي كل الطرق التي يملكها سيد الويب. ونحن سوف ننظر أبعد قليلا.

كيف في هتمل لجعل رابط إلى ملف؟

في السمة هريف، يمكنك تحديد مراجع للملفات. يحدث ذلك عادة عند تحديد رابط لتنزيل ملف (أرشيف أو فيلم أو موسيقى أو كتاب أو ملف نصي وما إلى ذلك).

وبعبارة أخرى، يمكنك تحديد أي شيء في العنوان. إذا لم تكن صفحة ويب، فإن المتصفح محاولة لتحميل البرنامج.

المراجع الداخلية

بالتأكيد قمت بزيارة مرة واحدة على الأقل"ويكيبيديا". هناك محتوى المقال. وعند النقر على عنصر، يمكنك الانتقال إلى العنوان الفرعي المقابل. وتسمى هذه الروابط المراجع ضمن وثيقة أو إشارات مرجعية.

كيف في هتمل لجعل رابط داخل الصفحة؟

انها بسيطة جدا. نحدد الروابط في النص مع السمة <a>، ولكن لا تحدد هريف. يجب كتابة السمة نيم وتحديد اسم فريد ضمن المستند. وفي المكان الذي تحدد فيه مراجع لهذه الملاحظات داخل المستند، في السمة هريف نكتب أولا شعرية، ومن ثم هذا الاسم الفريد.

بمجرد أن يرى المتصفح الحرف # في العنوان، فإنه يفهم أنه من الضروري الرجوع إلى عنصر ضمن نفس المستند.

روابط إلى البريد الإلكتروني

في بعض الأحيان تحتاج إلى تحديد رابط إلى البريد الإلكتروني. يمكنك القيام بذلك.

بعد النقر على هذا الرابط من المستخدمسيتم فتح تطبيق لإدارة البريد. وعادة ما يكون هذا هو أوتلوك القياسي. ولكن عادة لا يتم تخصيص هذا البرنامج. ولذلك، عادة ما يشار إلى عنوان البريد الإلكتروني في شكل نص.

سمات

إذا كنت تفهم كيفية إنشاء رابط في هتمل، فمن المستحسن أن تدرس السمات المتبقية من <a> تاج. هذه معلومات مهمة جدا. النظر في أبسط:

• تؤدي السمة تيتل - إلى إنشاء تلميح منبثق عند التمرير فوق أحد الروابط. هذا هو مريحة للغاية. وبفضل هذا، يمكنك تقديم معلومات إضافية للمستخدم.
• السمة الهدف هي المكان الذي سيتم تحميل المستند الجديد (صفحة ويب). هنا يمكن أن تكون القيم التالية:
  • _blank - سيتم فتح نافذة متصفح جديدة؛
  • _self - فتح في النافذة الحالية، وهذا هو القيمة الافتراضية، فإنه ليس من الضروري تحديده؛
  • _parent - التحميل في الإطار الرئيسي، إذا لم يكن هناك أي شيء، فإن السمة تأخذ القيمة_self؛
  • _top - يلغي جميع الإطارات ويحمل الصفحة إلى الحجم الكامل للمتصفح. إذا لم يكن هناك إطارات، ثم هناك تشبيه مع _self.
• سمة التنزيل. بفضل ذلك يمكنك تحميل الملف المحدد في سمة هريف بقوة. لا تحتوي هذه المعلمة على قيمة. نذكر فقط <a href="img/photo.jpg"> رابط الملف </a>. إذا لم تحدد المتصفح ببساطة يفتح الصورة. في هذه الحالة، سيتم تحميلها إلى الكمبيوتر.

تصميم الروابط

إذا كنت تفهم كيفية جعل مرجع الصورة فيهتمل، فمن المرغوب فيه لرعاية حقيقة أنه يبدو طبيعيا. بشكل افتراضي، في جميع أنحاء الصورة، وهو رابط، يظهر إطار. يبدو خشنة وقبيحة. منذ سمكه هو 3 بكسل.

أنه لم يكن، فمن الضروري تحديد الحدود = "0". أي أن الحدود ستكون صفرا. هنا هو رابط من الصورة سوف تبدو لطيفة ومقبولة. وإلا، سوف تخيف جميع زوار الموقع.

استنتاج

الروابط، للوهلة الأولى، هي علامة بسيطة جدا. ولكن إذا ذهبت أعمق والنظر في جميع أنواع الروابط والصفات، اتضح أن ليس كل شيء من السهل جدا وغيوم.

تذكر، الروابط هي العمود الفقري للشبكة العالمية. وبدونها، لن تكون موجودة.