آموزش طراحی وب سایت با زبان برنامه نویسی HTML قسمت دوم

سفارشی سازی دسترسی پوشه
آموزش سفارشی سازی دسترسی پوشه کنترل شده – Controlled folder access
آبان ۲۲, ۱۳۹۶
تابع LEN
آموزش نحوه ی استفاده از تابع LEN در اکسل – LEN Function
آبان ۲۴, ۱۳۹۶
نمایش همه
HTML قسمت دوم

HTML

آموزش طراحی وب سایت با زبان برنامه نویسی HTML قسمت دوم:

HTML قسمت دوم: در این قسمت از آموزش نخست تگ لنگر (Anchor) را بررسی می کنیم. در مبحث سئو سایت لینک های درونی و بیرونی خیلی حائز اهمیت هستند. لینک های درونی به مطالب سایت موجب میشود کاربر زمان بیشتری در وب سایت برای خواندن مطالب مورد نظر خود صرف کند.. همچنین باعث ویزیت صفحات گوناگون وب سایت میشود.

تگ a

تگ لینک را بدین صورت خواهیم شناخت: <a/>لینک <a>.

این عنصر همانطور که گفتیم برای ایجاد یک لینک به یک صفحه وب دیگر یا یک مکان دیگر در همان صفحه وب سایت می باشد. لینک های ایجاد شده توسط عنصر لنگر به متن، تصویر یا سایر محتوای HTML که بین برچسب یا تگ های باز و بسته<a>، اعمال میشود.

نحوه ی کاربرد یا Syntax

هر عنصر می تواند یکسری خصیصه یا خصوصیات داشته باشد. در اینجا سعی می کنیم تمامی خصوصیات را بیان کنیم اما در خصوص خصیصه های مهم و کاربردی بیشتر توضیح خواهیم داد.

خصیصه نوضیحات مثال
hreflang لینک به زبان خاصی را مشخص می کند. <a href=”https://es.wikipedia.org/wiki/Flamenco” hreflang=”es”>Flamenco</a>
download مرورگر را برای دانلود از منبع به جای باز کردن آن هدایت می کند. <a href=”http://parsia.net/wp-content/uploads/2017/10/HTML-01.png” download>دانلود تصویر</a>
target منبع مرتبط را مشخص میکند که چگونه باز خواهد شد. <a href=”#” target=”_blank”>صفحه اصلی در برگه دیگری باز خواهد شد.</a>
title عنوان یک لینک را تعریف می کند. برای کاربر بصورت بالون نمایش داده میشود. <a href=”/” title=”HTML قسمت دوم”>پارسیا IT</a>
href سند، منبع و یا آدرس مرتبط را مشخص می کند. <a href=”https://parsia.net”>Parsia IT</a>
name منسوخ شده، بجای آن از id یا title استفاده کنید.

 

نکته: شما می توانید از “href=”#top یا قطعه خالی “#”=href برای لینک به بالای صفحه جاری استفاده کنید.

برو پایین

برو بالا

مثال ساده:

باز کردن لینک در پنجره ی جدید

بازنشانی پنجره جدید

در اینجا چندین پیوند یا لینک را در یک پنجره جدید باز می کنیم. اما به جای اینکه پنجره جدیدی با هر پیوند باز شود، پنجره جدید با لینک اول باز میشود، سپس لینک های زیر محتویات خود را در آن پنجره ی اولی بارگذاری می کنند. این کار با دادان ویژگی هدف با نامی که وجود ندراد ساخته میشود.

تگ br

در مثال بالا از تگ br استفاده شده است. اگر ما بخواهیم یک شکست “break” به خط دیگر داشته باشیم از این تگ استفاده می کنیم. این تگ تنها در پایان خط می آید و نیازی به باز و بسته شدن نیز ندارد. تنها به این بصورت <br> می آید.

لینک تصویر

در این مثال یک لینک مرتبط برای تصویر ایجاد کرده ایم.


HTML 01 آموزش طراحی وب سایت با زبان برنامه نویسی HTML قسمت دوم

تگ img

از تگ img برای قرار دادن تصویر در صفحه HTML استفاده می کنیم. مشخصه و خصیصه آن src می باشد. می توان برای یک تصویر اندازه، کادر و… تعریف کرد.

No-Follow

در اینجا از rel=”nofollow” برای ایجاد لینک “nofollow” استفاده می کنیم. یعنی تایید نکردن محتویات لینک آمده شده در ادامه برای موتورهای جستجو که معمولا این خصیصه برای لینک های پرداخت و تبلیغات استفاده می شود.

نکته: توجه داشته باشید “nofollow tag” یک تگ یا یک خصیصه و مشخصه نیست. بلکه تنها یک مقدار از ویژگی rel می باشد.


منبع: فناوری اطلاعات پارسیا

لطفا برای بهبود کیفیت پاسخگویی، سوالات خود را در انجمن های گفتگو مطرح کنید.

مطالب مرتبط

بازدیدها 32
آموزش طراحی وب سایت با زبان برنامه نویسی HTML قسمت اول...
آموزش طراحی وب سایت با زبان برنامه نویسی HTML : HTML قسمت اول : شاید ساخت یک وب سایت بسیار دشوار بنظر آید. اما باید گفت...

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code