آموزش HTML - قسمت 6

از style ها هم مختصری فهمیدیم ، در جلوتر مثال های بیشتری از این قسمت حل می کنیم . 

HTML Link

لینک ها آدرس هایی هستند که به مکانی در وب اشاره می کنند.  

یک لینک می تواند به هر منبعی در وب اختصاص داده شود ، یک صفحه HTML یا یک عکس یا یک فایل صوتی و ... 

با این اصطلاح هم آشنا بشید : anchor 

تا حالا براتون پیش اومده که بخواهید در داخل یک متن به قسمت خاصی از آن برید ؟!! 

با anchor شما می توانید لینکی در داخل متن به قسمت خاصی از متن ایجاد کنید ، یعنی با کلیک بر روی این لینک صفحه شما به آن قسمت خاص می رود . 

پس anchor یک اصطلاح است برای تعریف کردن یک لینک از یک متن به درون خود آن متن  

تگ <a> هم برای Hyperlink  و هم برای anchor مورد استفاده قرار می گیرد . 

نترسید با انجام مثال ها همه چیز برای شما روشن می شود. 

+try  

<a href="url">Link text</a>

در تگ آغازی و در بین علامت نقل قول شما آدرس صفحه یا فایل مورد نظر خود را می نویسید . 

و در قسمت Link text شما باید اسمی را بنویسید که دوست دارید لینک مورد نظرتون با آن نام به نمایش درآید. 

اگه توجه کرده باشید تگ دارای یک مشخصه (attribute) که وظیفه آن تعریف آدرس لینک است. 

شما دوست دارید وقتی روی لینک کلیک شد ، آن در صفحه اصلی باز شود و یا در صفحه ای جدا باز شود . 

شما می توانید از مشخصه target برای مشخص کردن این کار استفاده کنید . این مشخصه تعریف می کند که لینک شما در کجا باز شود . 

به این مثال توجه کنید :  

<a href="www.anticom.ir" target="blank">Visit AntiCom.ir</a>

با این مشخصه" target="_blank لینک شما در صفحه ای جدید باز می شود.   

+ try 

Anchor 

حالا فرض کنید که ما در صفحه HTML مورد نظرمون یک متن طولانی داریم و لازم داریم مثلا برای تعریف یک اصطلاح ، با کلیک بر روی صفحه ، صفحه به قسمتی برود که تعریف این اصطلاح در آن جا قرار دارد. 

با anchor ما توانایی انجام این کار را داریم. 

برای این کار لازم است در کد HTML مون در ابتدای خطی که قراره با کلیک روی آن اصطلاح به آن جا بریم ، ترکیب زیر را قرار بدیم .  

<a name="label">Any content</a>

به جای name  ما می توانیم هر عبارتی قرار دهیم ، این فقط یه اسم است .

و به جای any content محتوای مورد نظر ما ، که در مثال تعریف اصطلاح مد نظرمونه ، قرار می گیره .

در مرحله بعد ما باید در ابتدای کلمه مورد نظرمون ، ترکیب زیر را قرار دهیم .   

<a href="#label">Any content</a>  

به مثال پایین توجه کنید  ، خیلی آسونه

+ try