تبلیغات
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 online safely
چهارشنبه 11 مهر 1397 07:25 ق.ظ

Regards! An abundance of advice!

cialis dosage recommendations cialis soft tabs for sale cialis for sale south africa cialis farmacias guadalajara cialis without a doctor's prescription cialis coupons 200 cialis coupon generic cialis with dapoxetine effetti del cialis generic low dose cialis
where to buy cialis online
دوشنبه 9 مهر 1397 06:02 ق.ظ

You made your position extremely effectively..
cialis online nederland sialis when will generic cialis be available cialis super acti canada discount drugs cialis enter site 20 mg cialis cost legalidad de comprar cialis generic cialis pro enter site 20 mg cialis cost cialis great britain
cialisvbuy.com
چهارشنبه 28 شهریور 1397 04:19 ق.ظ

Cheers, Loads of content.

cheap cialis cialis 5 mg effetti collateral cialis authentique suisse cialis 5 mg purchasing cialis on the internet ou trouver cialis sur le net cialis patent expiration generic cialis at walmart cialis generico online buy cialis cheap 10 mg
http://cialisda.com/
پنجشنبه 15 شهریور 1397 07:54 ب.ظ

You mentioned that well.
cialis 10 doctissimo cialis for bph cialis 100 mg 30 tablet buy cheap cialis in uk cialis sicuro in linea get cheap cialis cialis generic tadalafil buy wow cialis 20 cialis generico online cialis professional yohimbe
http://cialissv.com/
دوشنبه 12 شهریور 1397 11:47 ق.ظ

Regards. I enjoy it.
generico cialis mexico cialis 10mg prix pharmaci where do you buy cialis cialis canada cialis coupons cialis prezzo di mercato cialis et insomni dosagem ideal cialis cheap cialis sialis
http://cialisvonline.com/
یکشنبه 11 شهریور 1397 07:51 ب.ظ

You expressed it superbly!
look here cialis order on line cialis 5 mg buy buy cialis online legal cialis prezzo al pubblico wow cialis tadalafil 100mg cialis tablets click here cialis daily uk cialis diario compra canadian discount cialis cialis y deporte
viabiovit.com/where-can-i-buy-sildenafil-online.html
سه شنبه 23 مرداد 1397 07:49 ق.ظ

Awesome knowledge. Kudos.
buy online pharmacy how can i get viagra uk buy generic sildenafil buy viagra in malaysia buy viagra super active buy viagra online uk next day delivery viagra pharmacy viagra viagra pharmacy uk generic viagra cheap online pharmacy uk
Ronald
یکشنبه 7 مرداد 1397 03:45 ق.ظ
It's very effortless to find out any matter on web as compared to textbooks, as I found this paragraph at this web page.
Viagra Online bestellen rezeptfrei per nachnahme
جمعه 15 تیر 1397 10:04 ق.ظ
Spot on with thіs wгite-up, I actually believе thіs amazing site needѕ far more attention. I'll proƄably be Ƅack
again to read tһrough moгe, thanks forr thе info!
luciano
شنبه 2 تیر 1397 06:27 ق.ظ
It's hard tο cοme byy experienced people in thіs particulɑr topic, ƅut you seem ⅼike ʏou know what ʏou'rе talking аbout!
Thanks
Stone Jana
جمعه 1 تیر 1397 05:50 ب.ظ
Hey I know this iѕ off topic Ьut I was wondering іf youu қnew of any widgets
Ι could add to my blog tһat automatically tweet mу neweѕt twitter updates.
Ӏ've Ƅeеn lookinjg for a plug-іn ⅼike this ffor quitе somе timе
and waѕ hoping maybe you ѡould have somе experience witһ
ѕomething likke this. Pleɑѕe ⅼet me ҝnow
if you гᥙn іnto anythіng. I truⅼy enjoy reading yօur blog and I look forward to yoսr new updates.
Cialis canada
دوشنبه 7 خرداد 1397 12:11 ب.ظ

Incredible a lot of beneficial knowledge.
cialis coupon cialis en mexico precio where to buy cialis in ontario acheter du cialis a geneve usa cialis online cialis cuantos mg hay cialis generisches kanada cialis para que sirve click here take cialis cialis tablets for sale
eye Lashes
دوشنبه 31 اردیبهشت 1397 12:52 ب.ظ
Hello, I thonk your site might be having browser compatibility issues.
When I look at your blog in Chrome, it looks fine but when opening in Internet Explorer, it has some
overlapping. I just wanted to give you a quick heads up!
Otheer then that, superb blog!
choc
یکشنبه 16 اردیبهشت 1397 05:21 ب.ظ
Hey there just wanted to give you a quick heads up and let you
know a few of the pictures aren't loading correctly. I'm not sure why
but I think its a linking issue. I've tried it in two different browsers and both show the same results.
chocolate
سه شنبه 11 اردیبهشت 1397 09:24 ق.ظ
Oh my goodness! Awesome article dude! Thanks, However
I am going through problems with your RSS. I don't know
why I cannot join it. Is there anyone else getting
identical RSS issues? Anybody who knows the answer can you kindly respond?
Thanx!!
Viagra lowest price
چهارشنبه 5 اردیبهشت 1397 09:52 ق.ظ

With thanks. A good amount of data.

generic viagra uk online viagra price uk viagra or sildenafil sildenafil viagra online pharmacy sildenafil to buy viagra buy viagra without a prescription viagra pharmacy viagra buy viagra viagra 100mg buy viagra canada
depforce price
جمعه 31 فروردین 1397 09:04 ب.ظ
At his ttime iit seems lijke Movable Type is the brst
bloging platfoirm avawilable righyt now. (from wha I've read) Is thawt what you're
sing onn your blog?
getroman
جمعه 24 فروردین 1397 03:34 ق.ظ
Saved as a favorite, I love yoᥙr website!
Buy generic cialis
شنبه 18 فروردین 1397 06:56 ب.ظ

Well voiced of course! !
cialis alternative i recommend cialis generico does cialis cause gout click now buy cialis brand does cialis cause gout cialis therapie cialis without a doctor's prescription discount cialis cialis y deporte canadian cialis
mezo
دوشنبه 6 فروردین 1397 11:18 ب.ظ
Today, I went to the beach ᴡith my children. І foᥙnd a sea shell
and gaᴠe it tto my 4 year old daughter ɑnd saіd "You can hear the ocean if you put this to your ear." Shhe ppaced the shell to
her ear and screamed. Ƭhere was a hermit cfab inside and it pinched her ear.

Shе never wantѕ t᧐ ցⲟ baϲk! LoL I know thiѕ is totally
off topic but I hadd tօo tell someone!
Buy generic cialis
یکشنبه 5 فروردین 1397 12:31 ق.ظ

Wonderful material. With thanks!
200 cialis coupon cialis therapie 40 mg cialis what if i take achat cialis en suisse cialis lilly tadalafi sublingual cialis online cialis 20 mg cut in half does cialis cause gout cialis taglich canadian discount cialis
Cialis online
پنجشنبه 2 فروردین 1397 09:32 ب.ظ

Valuable material. With thanks!
cialis 20mg cialis 30 day trial coupon india cialis 100mg cost tadalafil 20 mg prices on cialis 10 mg order cialis from india ou acheter du cialis pas cher cialis usa cost enter site natural cialis cialis generika in deutschland kaufen
travel french press coffee maker
چهارشنبه 2 اسفند 1396 04:49 ب.ظ
Hey! I'm at work surfing around your blog from my new iphone 4!

Just wanted to say I love reading your blog
and look forward to all your posts! Carry on the
excellent work!
mr coffee 12 cup programmable
سه شنبه 1 اسفند 1396 11:53 ب.ظ
I quite like reading through an article that can make people think.

Also, thanks for allowing for me to comment!
small travel coffee maker
سه شنبه 1 اسفند 1396 02:43 ب.ظ
Right away I am ready to do my breakfast, after having my breakfast coming yet again to read further news.
perculator coffee pot
پنجشنبه 19 بهمن 1396 07:06 ق.ظ
Fantastic website. A lot of helpful info here. I'm sending it to
some friends ans additionally sharing in delicious. And obviously,
thanks for your sweat!
makita battery powered coffee machine
جمعه 1 دی 1396 09:12 ق.ظ
Incredible points. Great arguments. Keep up the great spirit.
mittiesiefker.hatenablog.com
یکشنبه 15 مرداد 1396 04:44 ب.ظ
Hello there! Do you use Twitter? I'd like to follow you if that would be ok.
I'm definitely enjoying your blog and look forward to new updates.
nanciedumphy.wordpress.com
جمعه 6 مرداد 1396 07:21 ب.ظ
Hello There. I discovered your blog the use of msn. That is
a really well written article. I'll make sure to bookmark it and come back to
learn extra of your helpful info. Thanks for the post.
I will certainly comeback.
Devon
دوشنبه 25 اردیبهشت 1396 03:06 ب.ظ
Thanks for finally writing about >expression blend - پیوند های HTML <Liked it!
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر
نمایش نظرات 1 تا 30


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






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