ایجاد لینک در html

تگ  های HTML

                                                  ادیتور آنلاین اینجا کلیک کنید

                                                  ادیتور آنلاین اینجا کلیک کنید2

تگ < a > :

از لینک ها در HTML ، برای پیوند به یک صفحه دیگر در هر جای وب ، پیوند به نقطه یا مکانی در داخل همان صفحه یا صفحه دیگر و یا یک فایل خارجی مثل عکس ،موسیقی ، فیلم و ... به سند وب استفاده می شود . شکل کلی ایجاد یک پیوند در (HyperLink) در HTML به صورت زیر است :

< a href="URL" > متن عنوان پیوند < /a >

خاصیت href که از نوع URL است برای تعیین مقصد پیوند به کار می رود .این خاصیت شامل آدرس صفحه یا فایلی است که با کلیک بر روی آن پیوند باز خواهد شد . متن عنوان ، متنی است رنگی و خط زیر دار که نشان دهنده پیوند است .

Example
کد	خروجی
< a href="http://www.DeveloperStudio.ir/Default.aspx" > Click to visit HomePage < /a >	Click to visit HomePage

ایجاد یک لنگر با استفاده از < a > :

تعریف لنگر : لنگر نقطه ای از یک صفحه است که با تگ < a > مشخص می شود ، که می توان به وسیله کلیک بر روی یک پیوند ، مستقیما به آن نقطه پرش کرد .
با استفاده از تگ < a > می توان هر نقطه ای از صفحه را به صورت یک لنگر مشخص کرد و سپس با کلیک برروی یک پیوند مستقیما به آن نقطه در صفحه پرش کرد.
برای این منظور در هر نقطه ای از صفحه که می خواهیم به صورت لنگر در بیاید ، یک تگ < a > قرار می دهیم . سپس به وسیله خاصیت Name ، یک نام به آن لنگر اختصاص داده که به این کار در اصطلاح (Bookmark) می گویند .سپس در خاصیت Href یک پیوند دیگر آدرس لنگر مورد نظر را داده ، که از این به بعد با کلیک بروی آن پیوند ، مستقیما به مکان آن لنگر در صفحه پرش می کنیم .
نحوه آدرس دهی درِیک لنگر به صورت زیر است :

href=" نام لنگر مورد نظر در صفحه # نام صفحه مورد نظر "
مثال : < a href="http://www.DeveloperStudio.ir/HTML/Base_Tag1.aspx#ptag >

خواص مهم
نام خاصیت	نوع خاصیت	شرح
Charset	Charset - encoding	مشخص کننده نوع کدینگ کاراکترهای صفحه مقصد است .
Coords		ابتدا به خاصیت shape توجه کنید . مشخص کننده مختصات نقاط مختلف یک چند ضلعی (مربع ، مستطیل و ... ) برای تعیین قسمتی از یک عکس یا نقشه به عنوان ناحیه ای قابل کلیک شدن برای ایجاد پیوند است که دارای حالت های زیر است :  rect : مربع . تعیین کننده مختصات چهار نقطه مختلف یک مربع یا مستطیل  coords =left,top,right,bottom circ : دایره . مشخص کننده نقطه مرکز و شعاع یک دایره  coords=center X, center Y ,radius poly : چند ضلعی مشخص کننده مختصات انواع نقاط مختلف یک چند ضلعی  coords = X1 Y1, X2 Y2, ... , Xn Yn
href	URL  مسیر و نام فایل	برای تعیین آدرس کامل صفحه یا فایل مقصد پیوند به کار می رود .
hreflang	language نام زبان	مشخص کننده زبان اصلی و پیش فرض صفحه مقصد پیوند است .
name	text  نام منحصر به فرد	برای تعیین یک نام برای ایجاد لنگر به کار می رود .
rel	alternate designates stylesheet start next prev contents index glossary chapter section appendix help bookmark	تعیین کننده نوع ارتباط بین صفحه جاری و صفحه مقصد پیوند است که می تواند یکی از حالت های زیر باشد :  alternate : یک در میان  designates : انتخاب شده  stylesheet : صفحه قالب دهی (CSS)  start : ابتدا  next : بعدی  pre : صفحه قبلی  contents : صفحه محتویات  index : صفحه آغازین  chapter : بخش  section : بخشی از برنامه  appendix : ضمیمه  help : صفحه یا فایل راهنما  bookmark : یک لنگر در همان صفحه یا صفحه ای دیگر
rev		تعیین کننده نوع ارتباط بین صفحه مقصد پیوند و صفحه جاری است (بر عکس rel ) و دارای همان مقادیر است.
shape	rect rectangle circ circle poly polygon	چنانچه پیوند ناحیه ای از یک عکس یا نقشه تصویری باشد که قابل کلیک شدن است ، نوع شکل ناحیه قابل کلیک شدن را مشخص می کند ، که مختصات آن توسط خاصیت coords در همین تگ مقدار دهی می شود . انواع اشکال ممکن عبارتند از : rect , rectangle : مربع یا مستطیل  circ , circle : دایره یا بیضی  poly , polygon : چند ضلعی
target	_blank _parent _self _top	نحوه باز شدن و نمایش پنجره صفحه مقصد را تعیین می کند که دارای حالت های زیر است : - blank : لینک در یک پنجره جدید باز خواهد شد .  - self : لینک در همان پنجره یا قابی که کلیک شده است باز خواهد شد .  -parent : لینک در قاب اصلی یا مادر باز خواهد شد .  -top : لینک در همان پنجره ای که کلیک شده است به طور کامل باز خواهد شد .

 

 

تگ < link > :

تگ لینک برای برقراری ارتباط بین صفحه جاری و یک صفحه یا فایل خارجی مورد استفاده قرار می گیرد . تگ لینک تگ پایانی ندارد و با علامت / در همان تگ ابتدایی بسسته می شود .این تگ می تواند به دفعات دلخواه و برای مقاصد مختلف ، در قسمت Head مورد استفاده قرار بگیرد .
برای مثال از تگ link می توان برای اتصال صفحه به یک فایل قالب دهی ( Style Sheet CSS ) ، فایل حاوی دستورات اسکریپتی مثل js و ... استفاده کرد .
مثال : استفاده از تگ لینک برای برقراری ارتباط بین صفحه جاری و یک فایل CSS :

< head > 
< link rel ="Stylesheet" type ="text/css" href="../themes.css" / >

نام خاصیت	نوع خاصیت	شرح
charset	charset	شیوه و متد کدینگ صفحه مقصد پیوند را مشخص می کند .
href	URL	آدرس کامل اینترنتی صفحه یا فایل مقصد پیوند را تعیین می کند .
hreflang	نام زبان language	زبان پیش فرض و پایه صفحه مقصد پیوند را مشخص می کند .
media	screen tty ty projection handheld print braille auarl all	مشخص کننده نوع وسیله ای است که قرار است صفحه مقصد پیوند را نمایش دهد که ذکر آن آن در این قسمت برای کمک به مرورگر برای اعمال تنظیمات متناسب با نوع خروجی است ، که می تواند انواع حالات زیر را داشته باشد : screen : صفحه نمایش کامپیوترهای معمولی . tty : ماشین تحریر راه دور ، تله تایپ ( برای ماشین هایی که دارای نحوه نمایش ثابت هستند ) .  tv : وسایلی همچون تلویزیون با رزولیشن پایین . projection : برای نمایش در پروژکتورها . handheld : برای کامپیوتر های دستی و جیبی . barille : در اسناد مخصوص به افراد نابینا ( بریل ) .  print : برای پرینت در دستگاه های چاپگر . auarl : برای سیستم های صوتی . all : برای همه نوع سیستم ها .
rel	alternate designates stylesheet start next prev contents index glossary chapter section appendix help bookmark	تعیین کننده نوع ارتباط بین صفحه جاری و صفحه مقصد پیوند است که می تواند یکی از حالت های زیر باشد :  alternate : یک در میان  designates : انتخاب شده  stylesheet : صفحه قالب دهی (CSS)  start : ابتدا  next : بعدی  pre : صفحه قبلی  contents : صفحه محتویات  index : صفحه آغازین  chapter : بخش  section : بخشی از برنامه  appendix : ضمیمه  help : صفحه یا فایل راهنما  bookmark : یک لنگر در همان صفحه یا صفحه ای دیگر
rev		تعیین کننده نوع ارتباط بین صفحه مقصد پیوند و صفحه جاری است (بر عکس rel ) و دارای همان مقادیر است.
target	_blank _parent _self _top	نحوه باز شدن و نمایش پنجره صفحه مقصد را تعیین می کند که دارای حالت های زیر است: - blank : لینک در یک پنجره جدید باز خواهد شد .  - self : لینک در همان پنجره یا قابی که کلیک شده است باز خواهد شد .  -parent : لینک در قاب اصلی یا مادر باز خواهد شد .  -top : لینک در همان پنجره ای که کلیک شده است به طور کامل باز خواهد شد .
type	MIME_Type text/css text/javascript text/vbscript text/asp text/xml images/gif	نوع MIME صفحه یا فایل مقصد را مشخص می کند که چند حالت آن عبارتند از :  text/css : از نوع متن و برای استفاده در صفحات قالب دهی به صفحات CSS . text/javascript : از نوع متن و حاوی دستورات اسکریپتی نوشته شده با زبان javascript .  text/vbscript : از نوع متن و حاوی دستورات اسکریپتی نوشته شده با زبان vbscript . text/asp : از نوع متن و حاوی صفحه اینترنتی نوشته شده با زبان ASP . text/xml : از نوع متن و حاوی دستورات اسکریپتی نوشته شده با زبان XML . image/gif : از نوع تصویر و با پسوند gif .

 

 

 

لینک های HTML

تگ < Object > :

این تگ برای پیوند یک شی خارجی ( مثل فایل های صوتی ، تصویری ، انواع فایل های برنامه و ... ) به صفحه HTML استفاده می شود . این تگ به برنامه نویس اجازه می دهد که اطلاعات و پارامترهای لازم را برای عناصر وارد شده به صفحه HTML تعیین کرده و کد مورد نظر را برای نمایش و مدیریت استفاده از فایل در صفحه درج نماید . این اطلاعات پیش گفته به مرورگر در نمایش بهتر شی خارجی کمک می کند . تگ < param > در درون این تگ به دفعات دلخواه می تواند استفاده شود که تعیین کننده تنظیمات نمایش شی در هنگام اجرا است . 
نکته : یک تگ < object > هم می تواند در قسمت < head > و هم در قسمت < body > قرار بگیرد . متنی که که بین تگ باز و بسته < object > قرار بگیرد ، به عنوان یک متن هشدار دهنده در مرورگرهای قدیمی که این تگ را پشتیبانی نمی کنند ، به جای شی مورد نظر نمایش داده خواهد شد . 
نکته : برای نمایش تصاویر از تگ < img > به جای < object > استفاده می شود .

نام خاصیت	نوع خاصیت	شرح
archive	URL	یک لیست از تعدای URL است که نگهدارنده منابع و فایل های مربوط به تگ < object > مورد نظر است .
align	left right top bottom	تراز بندی قرار گیری متن را به دور شی مورد نظر تعیین می کند که می تواند حالت های زیر را داشته باشد :  left : چپ  right : راست  top : بالا  bottom : پایین
border	pixels	تعیین کننده یک حاشیه به دور شی است .
ClassID	رده کلاس شی  Class ID	مشخصئ کننده Class ID برای شی مورد نظر است که در تنظیمات رجیستری ویندوز و یا در یک URL است .
data	URL	مسیر کامل محل نگهداری اطلاعات تگ < object > مورد نظر را مشخص می کند .
declare	declare	درصورتی که مقدار این خاصیت برابر declare تنظیم شود ، مشخص می کند که فایل فقط باید معرفی شود و تا زمانی که نیاز نیست ایجاد یا نصب نشود .
height	pixels % درصد	ارتفاع شی را تعیین می کند .
hsapce	pixels	مشخص کننده یک فاصله خالی افقی به دور شی مورد نظر است .
name	unique name  نام	نام منحصر به فرد را برای شی تعیین می کند .
stand by	text	یک متن پیش فرض است که در مدت زمانی که فایل در حال لود شدن است ، به جای شی مورد نظر نمایش داده می شود .
type	MIME_type	نوع MIME داده ای شی را تعیین می کند . در این مورد در تگ link توضیح داده شده است .
usemap	URL	مشخص کننده مسیر کامل یک فایل یا نقشه تصویری بر روی کامپیوتر Client است که باید همراه با شی مورد نظر استفاده شود .
vspace	pixels	مشخص کننده یک فاصله خالی عمودی ( از بالا و پایین ) به دور شی است .

 

---

تگ < param > :

این تگ تنظیمات زمان اجرای برنامه را برای استفاده از شی وارد شده در صفحه تعیین می کند . این تگ به دفعات مورد نیاز ( هر بار برای تعیین مقدار یک تنظیم یا خاصیت ) باید در درون تگ object استقاده شود .

مثال
منبع مثال : www.w3schools.com\tags\tag_param.aspx
کد	خروجی
< object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" width="100" height="50" > < param name="BorderStyle" value="1" /> < param name="MousePointer" value="0" />  < param name="Enabled" value="1" />  < param name="Min" value="0" />  < param name="Max" value="10" />  < /object >

 

نام خاصیت	نوع خاصیت	شرح
name	unique name نام	یک نام منحصر به فرد برای پارامتر تعیین می کند .
type	MIME-type	نوع فایل MIME شی را در اینترنت مشخص می کند .
value	value  مقدار	یک مقدار و ارزش برای پارامتر تعیین می کند .
value type	data ref object	نوع داده ای شی را تعیین می کند که می تواند حالت های زیر را داشته باشد :  - data :  - ref :  - object :