تبلیغات
expression blend - پیوند های HTML
expression blend

هوش و استعاد ایرانی ها فوق العاده است

پیوند های HTML

سه شنبه 25 آبان 1389

نوع مطلب :HTML، 

HTML برای پیوند به پرونده های دیگر در وب از فرا پیوندها استفاده می کند.


مثالها

ایجاد فراپیوند
این مثال نشان می دهد که چگونه می توان، در متن نوشته شده، فراپیوندی ایجاد کرد.

عکس، به عنوان فراپیوند
این مثال عکسی را به یک فراپیوند تبدیل می کند.

(مثالهای بیشتر، در انتهای این صفحه آمده است)


برچسب Anchor و موجودیت Href

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

<a href="url"> متنی که نمایش داده می شود </a>

در هنگام ساختن یک Anchor باید مکانی که پیوند به آن پرونده اشاره میکند را مشخص کرد. برای نمایش آدرس پرونده از موجودیت href استفاده می شود.کلمات بین بر چسب آغازو پایان Anchor به عنوان فرا پیوند نمایش داده می شود.    
این Anchor یک پیوند به html.ir را معرفی می کند:

<a href="http://www.html.ir"> html.ir را ملاقات کنید </a>

خط بالا شبیه این نشان داده خواهد شد :

html.ir را ملاقات کنید


موجودیت Target

با موجودیت هدف شما می توانید معرفی کنید که پرونده های پیوند داده شده کجا باز شوند. خط زیر پرونده ای را در یک پنجره مرورگر جدید باز خواهد کرد.

<a href="http://www.html.ir/" target="_blank"> html.ir را ملاقات کنید </a>


برچسب Anchor و موجودیت نام

موجودیت نام برای ساخت یک Anchor نام دار استفاده می شود. هنگامی که ما از یک Anchor نام دار استفاده می کنیم، می توانیم پیوندهایی بسازیم که مستقیما بتواندبه یک بخش خاص در صفحه برود. در ست به جای آنکه بگذاریم  کاربر در صفحه بگردد. در پایین طریقه نوشتن یک Anchor نام دار آمده است.

<a name="lable">متنی که نوشته می شود</a>

از موجودیت نام برای ساخت یک Anchor نام دار استفاده می شود. نام یک Anchor می تواند هر متنی که شما بخواهید باشد.خط زیر یک Anchor نام دار را معرفی می کند.

<a name="tips"> بخش اطلاعات مفید </a>

شما باید توجه کنید که یک Anchor نام دار، در یک حالت خاص نشان داده نمی شود. برای پیوند مستقیم به بخش "Tips" یک علامت "#" و نام آن Anchor را به انتهای آن url اضافه کنید:

<a href="http://www.html.ir/links.html#Tips"> پرش به بخش اطلاعات مفید </a>

یک فرا پیوند به بخش نکات مفید از میان فایل "Links.html" شبیه به این خواهد بود

<a href="#Tips"> پرش به بخش نکات مفید </a>


نکات پایه ای - اطلاعات مفید

همیشه یک علامت "/" به منابع زیر پوشه ها اضافه کنید. اگر شما پیوندی مثل این درست کنید

href="http://www.html.ir/links.html"

شما دو تقاضا برای سرور درست کرده اید ، چون سرور یک علامت "/" به انتهای آدرس اضافه کرده و یک تقاضای جدید درست می کند. مثل این:

href="http://www.html.ir/links.html/"

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

مثالهای بیشتر

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

پیوند به محلی در همین متن
فرض کنید در ابتدای متن، فهرستی از محتوای متن نوشته اید. اگر بخواهیم با کلیک روی هر یک از سرفصلها، به آن سرفصل مراجعه کنیم، چگونه عمل می کنیم؟ فراپیندهای این مثال، چگونگی این کار را نشان می دهند.

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

فراپیوند Email
در صورتیکه آدرس فراپیوند شما، از شماهای دیگری غیر از http، مانند mailto و یا ftp استفاده کند، چه می شود. این مثال نمونه ای را نمایش می دهد.

فراپیوند Email (نوعی دیگر)
در این مثال نمونه دیگری از فراپیوند نوع mailto را می بینید.


برچسب Anchor

برچسب ها توضیحات
<a> یک Anchor را معرفی می کند


Buy cialis
یکشنبه 2 تیر 1398 11:28 ب.ظ

You made the point.
cialis 30 day sample buy cialis online nz cialis generika in deutschland kaufen cialis rezeptfrei sterreich female cialis no prescription female cialis no prescription order generic cialis online we like it cialis soft gel only now cialis for sale in us viagra vs cialis
Generic cialis
یکشنبه 2 تیر 1398 07:59 ق.ظ

Terrific postings, Thanks!
cialis arginine interactio ou acheter du cialis pas cher buy cialis cialis 5 mg effetti collateral generic cialis at the pharmacy if a woman takes a mans cialis buy cialis prezzo di cialis in bulgaria cialis generico en mexico sialis
Online cialis
شنبه 1 تیر 1398 04:45 ب.ظ

Beneficial advice. Kudos!
cialis 10mg prix pharmaci cialis 20mg prix en pharmacie cialis billig enter site 20 mg cialis cost click here to buy cialis cialis 20 mg best price cialis for sale south africa fast cialis online cialis y deporte effetti del cialis
cialis generique
جمعه 31 خرداد 1398 11:55 ب.ظ

Appreciate it, Plenty of postings.

deutschland cialis online deutschland cialis online click here cialis daily uk where do you buy cialis cialis 100 mg 30 tablet generic low dose cialis cialis coupons cialis uk only best offers 100mg cialis cialis venta a domicilio
Cialis 20 mg
جمعه 31 خرداد 1398 07:56 ق.ظ

Many thanks. A good amount of forum posts.

we recommend cheapest cialis weblink price cialis cialis for daily use tadalafil 5mg side effects for cialis cialis pills boards cilas look here cialis cheap canada cialis online holland tesco price cialis
Cialis online
پنجشنبه 30 خرداد 1398 02:53 ب.ظ

Truly a lot of valuable info.
cialis generico online price cialis best acquisto online cialis cialis en mexico precio recommended site cialis kanada price cialis best get cheap cialis acquistare cialis internet cialis canada on line viagra or cialis
http://caxiru.strikingly.com/
چهارشنبه 29 خرداد 1398 08:55 ب.ظ

You made the point!
cialis 5 effetti collaterali tadalafil miglior cialis generico cuanto cuesta cialis yaho cialis sale online order a sample of cialis cialis 10mg prix pharmaci comprar cialis navarr callus cialis 30 day trial coupon
http://palytop.strikingly.com/
چهارشنبه 29 خرداد 1398 04:38 ق.ظ

Wow plenty of terrific data.
200 cialis coupon cialis en mexico precio cialis y deporte cialis from canada cialis generico en mexico side effects of cialis cialis 5 mg scheda tecnica 5 mg cialis pharmacie en ligne what is cialis tadalafil 10 mg
Buy generic cialis
سه شنبه 28 خرداد 1398 05:57 ق.ظ

Great info. Thank you.
generic cialis review uk we choice free trial of cialis estudios de cialis genricos online prescriptions cialis opinioni cialis generico safe site to buy cialis online cialis rezeptfrei cialis italia gratis online prescriptions cialis cialis savings card
Buy generic cialis
دوشنبه 27 خرداد 1398 03:00 ب.ظ

Thank you. I appreciate this!
cialis coupon cialis pills boards cialis for bph cialis cuantos mg hay cialis daily dose generic walgreens price for cialis cialis tablets tadalafilo cialis reviews buy cialis cheap 10 mg
http://thrifacclas.strikingly.com/
شنبه 25 خرداد 1398 08:48 ب.ظ

Info certainly used..
buy brand cialis cheap cialis daily reviews cialis purchasing buy original cialis low cost cialis 20mg cipla cialis online buying cialis overnight cialis 20 mg effectiveness india cialis 100mg cost cialis rezeptfrei sterreich
http://doverbe.strikingly.com/
شنبه 25 خرداد 1398 06:42 ق.ظ

You said it adequately.!
the best site cialis tablets where to buy cialis in ontario cialis pills price each cialis prices cost of cialis per pill weblink price cialis cialis tablets price cialis wal mart pharmacy cialis dosage recommendations cialis for sale
Buy generic cialis
جمعه 24 خرداد 1398 02:00 ق.ظ

Whoa quite a lot of fantastic advice!
cialis daily reviews miglior cialis generico cialis lowest price cialis online cialis kaufen india cialis 100mg cost best generic drugs cialis generic cialis in vietnam cialis dosage cialis 100mg suppliers
http://eladut.strikingly.com/
پنجشنبه 23 خرداد 1398 12:21 ب.ظ

Many thanks. A lot of facts!

cialis canada cialis dosage cialis usa cost generic cialis at walmart cialis en 24 hora we recommend cialis best buy cialis sale online link for you cialis price generic cialis at walmart click here cialis daily uk
http://tiluve.strikingly.com/
چهارشنبه 22 خرداد 1398 10:19 ب.ظ

Awesome posts. Appreciate it!
generic cialis at the pharmacy cialis 5mg prix cialis generico milano cialis italia gratis cialis 10 doctissimo cialis rckenschmerzen cialis super kamagra cialis without a doctor's prescription cialis 20 mg effectiveness cialis without a doctor's prescription
http://cialisvie.com/
دوشنبه 20 خرداد 1398 11:32 ب.ظ

With thanks. An abundance of posts!

cialis pills cialis farmacias guadalajara cialis generico cialis tablets australia cialis savings card costo in farmacia cialis where do you buy cialis cialis generic availability cialis 20 mg cut in half how to purchase cialis on line
http://cialisvie.com/
یکشنبه 19 خرداد 1398 05:48 ب.ظ

Factor effectively applied.!
callus prezzo di cialis in bulgaria tadalafil 20 mg 5 mg cialis pharmacie en ligne cialis 30 day trial coupon cialis pills price each enter site 20 mg cialis cost cialis for daily use cialis pas cher paris cialis herbs
cialisvie.com
شنبه 18 خرداد 1398 12:18 ب.ظ

Wonderful material. Thanks a lot.
cialis generico en mexico generic for cialis tadalafil tablets cialis pills price each cialis 5 effetti collaterali overnight cialis tadalafil how do cialis pills work cialis kaufen free cialis cialis 20 mg best price
viagra online usa
شنبه 18 خرداد 1398 05:33 ق.ظ

I read this piece of writing completely on the topic of the difference of newest and previous technologies, it's amazing article.
редуктор 1Ц2У-350н
دوشنبه 16 اردیبهشت 1398 07:21 ق.ظ
Компания "Промтеплострой" предоставляет на рынок в пределах России и СНГ большой
выбор пром. оборудования, в том числе широкий выбор редукторов различного назначения.
Для изготовления и сборки используются только качественные и надёжные
материалы. Специалисты помогут правильно подобрать и купить
с доставкой подходящий редуктор по выгодной цене.

редуктор 1Ц2У-350н редуктор 1Ц2У-350н
http://sewingbymoonlight.com/road-trip-quilt-along/
یکشنبه 1 اردیبهشت 1398 05:22 ب.ظ
ブランド ルイヴィトン スーパーコピー
http://www.reedstargetshootingclub.co.uk/
یکشنبه 1 اردیبهشت 1398 05:21 ب.ظ
弊社の ロレックスコピー時計,ロレックスレプリカ,ロレックス偽物時計は海外高品質ロレックス 時計コピー代引き専門店です,
http://www.michelemerlin.fr/joomla1.5/contact/12-contacts/3-contact-scene.html
چهارشنبه 28 فروردین 1398 04:30 ق.ظ
ブランド時計コピー
http://canadianpharmacyes.com/
شنبه 24 فروردین 1398 06:32 ق.ظ

You have made your stand pretty effectively..
canadian pharmacy world pharmacy times canadianpharmacy cialis canadian pharmacy canada online pharmacies northwest pharmacies online canadian discount pharmacies buy vistagra usa online drug store online pharmacies tech school
ordering cialis online in canada
جمعه 2 فروردین 1398 04:27 ب.ظ
My brother recommended I might like this website.

He was once entirely right. This put up actually made my
day. You cann't consider just how a lot time I had spent for this info!
Thank you!
ordering cialis online in canada brand cialis online usa
best buy cialis online
جمعه 2 فروردین 1398 11:51 ق.ظ
bookmarked!!, I love your web site!
best buy cialis online cialis online
билеты шоу
دوشنبه 27 اسفند 1397 03:45 ق.ظ
Наш сайт является современным сервисом, позволяющим выбрать и купить билеты в режиме онлайн.
У нас представлены все культурные мероприятия: спектакли,

концерты, шоу, мюзиклы и фестивали.
Вы найдете информацию и о проектах федерального значения, и о камерных представлениях.

Воспользоваться предложением могут как жители столицы, так и граждане, проживающие в других населенных пунктах России, и иностранцы.
По Москве и
Подмосковью заказанные билеты доставляются нашей курьерской службой.

Иногородние клиенты могут получить
билеты в кассах, в день
мероприятия, или же купить электронный билет — E-Ticket.

Для оплаты билетов на мероприятия можно воспользоваться наличными деньгами
и банковскими картами. Конкретный вариант зависит от способа покупки.

На нашем сайте представлена подробная афиша мероприятий в Москве.

Для каждого концерта, спектакля, мюзикла или шоу дается подробное описание и
схема рассадки зрителей.


Для упрощения поиска подходящего события можно использовать фильтры.
На нашем портале предусмотрена сортировка по цене, дате,
жанру мероприятия,
а также концертной площадке.

Изменения, которые вносятся в афишу Москвы, незамедлительно появляются на сайте,
поэтому вы всегда будете в курсе событий.


билеты шоу билеты на экскурсии
kamagra oral jelly
یکشنبه 12 اسفند 1397 03:29 ب.ظ
I do not even understand how I ended up right here, however I assumed this post used to be
great. I do not recognise who you're but definitely
you are going to a well-known blogger in the event you aren't already.
Cheers!
Buy Kamagra Oral Jelly
یکشنبه 12 اسفند 1397 05:55 ق.ظ
Greetings from Ohio! I'm bored to death at work so I decided to check out your website on my iphone during lunch break.
I really like the information you present here and can't wait
to take a look when I get home. I'm surprised at
how fast your blog loaded on my cell phone ..

I'm not even using WIFI, just 3G .. Anyhow, superb site!
paper writing service
جمعه 10 اسفند 1397 03:26 ب.ظ
WOW just what I was looking for. Came here by searching
for پیوند
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر
نمایش نظرات 1 تا 30


فهرست وبلاگ
پیوندهای روزانه
طبقه بندی
آرشیو
نویسندگان
صفحات جانبی
نظرسنجی
    آیا شما برای آموزش اکسپرشن بلند ویدئوی آموزشی را مفید می دانید؟






آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
جستجو
آخرین پستها
اَبر برچسبها