جستجو برای:
سبد خرید 0
  • خانه
  • دوره هاداغ
    • آموزش صفر تا صد html css
    • هوش برنامه نویسی نوین
    • آموزش تدوین ویدیو
    • همه ی محصولات
  • دوره ی حضوری
    • آموزش وردپرس
    • آموزش html css
    • آموزش php
    • آموزش جاوا اسکریپت
  • ویدیو های آموزشی
  • تماس با ما
    • تبریز - نصف راه روبروی شهرداری جنب نمایندگی ایران خودرو ساختمان مهدیه طبقه ی 6 واحد B (ملاقات حضوری فقط با هماهنگی قبلی)

      09338776735

      info@wppush.ir

      اینستاگرام
      کانال آپارات
  • آموزش رایگان

برای یاد گیری طراحی سایت از اینجا شروع کن

روز
ساعت
دقیقه
ثانیه
جشنواره فروش ویژه دوره ی html css به پایان رسید
مشاهده ی دوره

ورود

گذرواژه خود را فراموش کرده اید؟

ارسال مجدد رمز عبور یکبار مصرف (00:30)

ثبت نام

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

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

ارسال مجدد رمز عبور یکبار مصرف (00:30)
  • 09338776735
  • info@wppush.ir
0
آموزش طراحی سایت در تبریز | آموزش وردپرس در تبریز | 09141107278 | آموزش وردپرس pdf
  • خانه
  • دوره هاداغ
    • آموزش صفر تا صد html css
    • هوش برنامه نویسی نوین
    • آموزش تدوین ویدیو
    • همه ی محصولات
  • دوره ی حضوری
    • آموزش وردپرس
    • آموزش html css
    • آموزش php
    • آموزش جاوا اسکریپت
  • ویدیو های آموزشی
  • تماس با ما
    • تبریز - نصف راه روبروی شهرداری جنب نمایندگی ایران خودرو ساختمان مهدیه طبقه ی 6 واحد B (ملاقات حضوری فقط با هماهنگی قبلی)

      09338776735

      info@wppush.ir

      اینستاگرام
      کانال آپارات
  • آموزش رایگان
آخرین اطلاعیه ها
جهت نمایش اطلاعیه باید وارد سایت شوید
عضویت و وورد

وبلاگ

آموزش طراحی سایت در تبریز | آموزش وردپرس در تبریز | 09141107278 | آموزش وردپرس pdfوبلاگآموزش html cssآموزش تگ a در HTML

آموزش تگ a در HTML

20 شهریور 1401
ارسال شده توسط علی نریمانی
آموزش html css
آموزش تگ a در HTML+وردپرس پوش

آموزش تگ a در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ a در HTML به صورت کامل آشنا بشید.

تگ a در HTML

تگ a که از کلمه انگلیسی ( Anchor ) گرفته شده است، تگی است که ما با بکار بردن آن میتوانیم یک لینک را در یک صفحه ی وبسایت ایجاد کنیم. و این لینک این امکان را به کاربر میدهد تا از یک صفحه به صفحه ای دیگر در یک وبسایت یا در کل فضای اینترنت منتقل شود.

بصورت از پیش تعیین شد یک لینک دارای سه حالت کلی زیر است:

  • لینکی که هنوز روش کلیک انجام نشد _ ( زیر آن یک خط کشید شد و رنگش آبی است )
  • لینکی که روش کلیک انجام شد – ( زیر آن یک خط کشید شد و رنگش بنفش است )
  • لحظه ی کلیک روی لینک – ( زیر آن یک خط کشید شد و رنگش قرمز است )

زمانی که ماوس بروی یک لینک قرار میگیرد معمولا علامت کرسر آن به شکل یک دست تبدیل می شود، اما باز به سیستم عامل و تِم سیستم تون بستگی داره و ممکنه شکل اون کمی متغیر باشه.

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.

مثال از تگ a در HTML

در ادامه ی آموزش html و css میتوانید یک مثال از این تگ را مشاهده کنید.

اولین مثال : ایجاد یک لینک به سایت وردپرس پوش

<body>
 <a href="https://wppush.ir/">برو به سایت وردپرس پوش</a> 
</body>

دومین مثال : ایجاد تصویر لینک دار ( تصویری که بتوان بروی آن عملیات کلیک را انجام داد )

<body>
<p>بروی تصویر زیر کلیک کنید</p>
<a href="https://https:/wppush.ir/">
 <img src="images/logo-1.png">
</a>
</body>

سومین مثال : لینک به ایمیل

<body> 
 <a href="mailto:info@wppush.ir?subject=test&body=test" target="_top">
  ارسال ایمیل
 </a>
</body>

چهارمین مثال : لینک به شماره تماس ( تلفن )

<body>
 <a href="tel:09338776735">تماس تلفنی با ما</a>
</body>

پنجمین مثال : لینک داخل صفحه ای برای انتقال کاربر از آخر صفحه به اول صفحه

<!DOCTYPE html>
<html id="Top">
 <body>
  <a href="#Top">برو بالای صفحه</a>
 </body>
</html>

شیشمین مثال : نحوه ایجاد کردن یک لینک نوفالو ( nofollow ) – زمانی که ربات های جستجوگر ببینن یک لینک نوفالو است، دیگه به دنبالش نمیرن و در نتیجه هیچ رابطه ای از نظر اون ربات بین سایت شما و اون لینک [ سایت ] موجود نخواهد بود. بیشتر کاربرد سئو داره.

<body>
 <a href="https://wppush.ir/" rel="nofollow">wppush.ir</a>
</body>

هفتمین مثال : ساخت لینک جذاب و زیبا – وقتی ماوس برروی لینک قرار بگره یه خط از وسط به دو طرفش کشید میشه

<div style="text-align:center;">
 <a href="https://wppush.ir/">سایت وردپرس پوش</a>
 <a href="https://wppush.ir/">سایت وردپرس پوش</a>
 <a href="https://wppush.ir/">سایت وردپرس پوش</a>
</div>

هشتمین مثال : باز شدن لینک در حالت های نمایشی مختلف

<body>
 <a href="https://wppush.ir/" target="_self">Self</a> <br>
 <a href="https://wppush.ir/" target="_blank">Blank</a> <br>
 <a href="https://wppush.ir/" target="_parent">Parent</a> <br>
 <a href="https://wppush.ir/" target="_top">Top</a> 
</body>

پشتیبانی مرورگرها

در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ a در HTML پشتیبانی میکنند یا خیر.

 

جدول پشتیبانی مرورگرها+وردپرس پوش

 

جدول صفات تگ a در HTML

در جدول زیر میتوانید مشاهده کنید که چه صفات و چه مقادیری را میتوان در این تگ استفاده کرد.

 

جدول صفات تگ a در HTML+وردپرس پوش

 

پشتیبانی از صفات و رویدادهای عمومی

تگ a قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی را در HTML دارد.

نکات و توضیحات

  • صفات download, hreflang, media, rel, target و type تنها در صورتی کار خواهند کرد که در تگ a صفت href موجود باشد.
  • یک لینک بشکل از پیش تعیین شده زمانی که بروی آن کلیک شود در همان صفحه ی جاری صفحه را باز میکند. ولی ما با بکاربردن صفت Target میتوانیم این حالت را به دلخواه و سلیقه ی خود تغییر بدهیم. ( همانند مثال شماره هشت )

دستورات CSS پیش فرض

غالبا مرورگرها تگ a را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.

a:link, a:visited {
  color: (internal value);
  text-decoration: underline;
  cursor: auto;
}
a:link:active, a:visited:active {
  color: (internal value);
}

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

ما سعی کردیم در این دوره از مثال های کوچک و کاربردی استفاده شود تا مطالب به صورت کامل برای شما عزیزان قابل فهم باشه این دوره درواقع سطح پیشرفته تر و کامل تر برای دوره html & css میباشد.

 

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها: آموزش cssآموزش css3آموزش htmlآموزش html cssآموزش html css پروژه محورآموزش html و cssآموزش html و css رایگانآموزش html5آموزش تگ aآموزش تگ a در HTMLتگ aتگ a در HTML
قبلی آموزش تگ colgroup در HTML
بعدی آموزش تگ code در HTML

دیدگاهتان را بنویسید لغو پاسخ

تمامی حقوق این وبسایت متعلق به وردپرس پوش می باشد.
اشتراک گذاری در شبکه های اجتماعی
ارسال به ایمیل
https://wppush.ir/?p=10715
ورود ×
کد تأیید
لطفا کد تأیید ارسال شده به را وارد کنید
ثبت
ورود با رمز عبور یکبار مصرف
ارسال مجدد رمز عبور یکبار مصرف(00:30)
حساب کاربری ندارید؟
ثبت نام

ارسال مجدد رمز عبور یکبار مصرف (00:30)
بازگشت به ورود
  • (+93) Afghanistan
  • (+355) Albania
  • (+213) Algeria
  • (+1) American Samoa
  • (+376) Andorra
  • (+244) Angola
  • (+1) Anguilla
  • (+1) Antigua
  • (+54) Argentina
  • (+374) Armenia
  • (+297) Aruba
  • (+61) Australia
  • (+43) Austria
  • (+994) Azerbaijan
  • (+973) Bahrain
  • (+880) Bangladesh
  • (+1) Barbados
  • (+375) Belarus
  • (+32) Belgium
  • (+501) Belize
  • (+229) Benin
  • (+1) Bermuda
  • (+975) Bhutan
  • (+591) Bolivia
  • (+599) Bonaire, Sint Eustatius and Saba
  • (+387) Bosnia and Herzegovina
  • (+267) Botswana
  • (+55) Brazil
  • (+246) British Indian Ocean Territory
  • (+1) British Virgin Islands
  • (+673) Brunei
  • (+359) Bulgaria
  • (+226) Burkina Faso
  • (+257) Burundi
  • (+855) Cambodia
  • (+237) Cameroon
  • (+1) Canada
  • (+238) Cape Verde
  • (+1) Cayman Islands
  • (+236) Central African Republic
  • (+235) Chad
  • (+56) Chile
  • (+86) China
  • (+57) Colombia
  • (+269) Comoros
  • (+682) Cook Islands
  • (+225) Côte d'Ivoire
  • (+506) Costa Rica
  • (+385) Croatia
  • (+53) Cuba
  • (+599) Curaçao
  • (+357) Cyprus
  • (+420) Czech Republic
  • (+243) Democratic Republic of the Congo
  • (+45) Denmark
  • (+253) Djibouti
  • (+1) Dominica
  • (+1) Dominican Republic
  • (+593) Ecuador
  • (+20) Egypt
  • (+503) El Salvador
  • (+240) Equatorial Guinea
  • (+291) Eritrea
  • (+372) Estonia
  • (+251) Ethiopia
  • (+500) Falkland Islands
  • (+298) Faroe Islands
  • (+691) Federated States of Micronesia
  • (+679) Fiji
  • (+358) Finland
  • (+33) France
  • (+594) French Guiana
  • (+689) French Polynesia
  • (+241) Gabon
  • (+995) Georgia
  • (+49) Germany
  • (+233) Ghana
  • (+350) Gibraltar
  • (+30) Greece
  • (+299) Greenland
  • (+1) Grenada
  • (+590) Guadeloupe
  • (+1) Guam
  • (+502) Guatemala
  • (+44) Guernsey
  • (+224) Guinea
  • (+245) Guinea-Bissau
  • (+592) Guyana
  • (+509) Haiti
  • (+504) Honduras
  • (+852) Hong Kong
  • (+36) Hungary
  • (+354) Iceland
  • (+91) India
  • (+62) Indonesia
  • (+98) Iran
  • (+964) Iraq
  • (+353) Ireland
  • (+44) Isle Of Man
  • (+972) Israel
  • (+39) Italy
  • (+1) Jamaica
  • (+81) Japan
  • (+44) Jersey
  • (+962) Jordan
  • (+7) Kazakhstan
  • (+254) Kenya
  • (+686) Kiribati
  • (+965) Kuwait
  • (+996) Kyrgyzstan
  • (+856) Laos
  • (+371) Latvia
  • (+961) Lebanon
  • (+266) Lesotho
  • (+231) Liberia
  • (+218) Libya
  • (+423) Liechtenstein
  • (+370) Lithuania
  • (+352) Luxembourg
  • (+853) Macau
  • (+389) Macedonia
  • (+261) Madagascar
  • (+265) Malawi
  • (+60) Malaysia
  • (+960) Maldives
  • (+223) Mali
  • (+356) Malta
  • (+692) Marshall Islands
  • (+596) Martinique
  • (+222) Mauritania
  • (+230) Mauritius
  • (+262) Mayotte
  • (+52) Mexico
  • (+373) Moldova
  • (+377) Monaco
  • (+976) Mongolia
  • (+382) Montenegro
  • (+1) Montserrat
  • (+212) Morocco
  • (+258) Mozambique
  • (+95) Myanmar
  • (+264) Namibia
  • (+674) Nauru
  • (+977) Nepal
  • (+31) Netherlands
  • (+687) New Caledonia
  • (+64) New Zealand
  • (+505) Nicaragua
  • (+227) Niger
  • (+234) Nigeria
  • (+683) Niue
  • (+672) Norfolk Island
  • (+850) North Korea
  • (+1) Northern Mariana Islands
  • (+47) Norway
  • (+968) Oman
  • (+92) Pakistan
  • (+680) Palau
  • (+970) Palestine
  • (+507) Panama
  • (+675) Papua New Guinea
  • (+595) Paraguay
  • (+51) Peru
  • (+63) Philippines
  • (+48) Poland
  • (+351) Portugal
  • (+1) Puerto Rico
  • (+974) Qatar
  • (+242) Republic of the Congo
  • (+40) Romania
  • (+262) Runion
  • (+7) Russia
  • (+250) Rwanda
  • (+290) Saint Helena
  • (+1) Saint Kitts and Nevis
  • (+508) Saint Pierre and Miquelon
  • (+1) Saint Vincent and the Grenadines
  • (+685) Samoa
  • (+378) San Marino
  • (+239) Sao Tome and Principe
  • (+966) Saudi Arabia
  • (+221) Senegal
  • (+381) Serbia
  • (+248) Seychelles
  • (+232) Sierra Leone
  • (+65) Singapore
  • (+1) Sint Maarten
  • (+421) Slovakia
  • (+386) Slovenia
  • (+677) Solomon Islands
  • (+252) Somalia
  • (+27) South Africa
  • (+82) South Korea
  • (+211) South Sudan
  • (+34) Spain
  • (+94) Sri Lanka
  • (+1) St. Lucia
  • (+249) Sudan
  • (+597) Suriname
  • (+268) Swaziland
  • (+46) Sweden
  • (+41) Switzerland
  • (+963) Syria
  • (+886) Taiwan
  • (+992) Tajikistan
  • (+255) Tanzania
  • (+66) Thailand
  • (+1) The Bahamas
  • (+220) The Gambia
  • (+670) Timor-Leste
  • (+228) Togo
  • (+690) Tokelau
  • (+676) Tonga
  • (+1) Trinidad and Tobago
  • (+216) Tunisia
  • (+90) Turkey
  • (+993) Turkmenistan
  • (+1) Turks and Caicos Islands
  • (+688) Tuvalu
  • (+1) U.S. Virgin Islands
  • (+256) Uganda
  • (+380) Ukraine
  • (+971) United Arab Emirates
  • (+44) United Kingdom
  • (+1) United States
  • (+598) Uruguay
  • (+998) Uzbekistan
  • (+678) Vanuatu
  • (+58) Venezuela
  • (+84) Vietnam
  • (+681) Wallis and Futuna
  • (+212) Western Sahara
  • (+967) Yemen
  • (+260) Zambia
  • (+263) Zimbabwe
مرورگر شما از HTML5 پشتیبانی نمی کند.

سوالی دارید؟ از ما بپرسید، کارشناسان ما همین حالا با شما تماس می گیرند.

تماس با ما

پاسخگوی شما هستیم

  • 09338776735
  • همه روزه از ساعت 9 صبح تا 12 شب
  • info@wppush.ir
question