۴ شهریور ۱۳۹۶ آموزش کاربردی۰ نظر
بخش چهارم: لینک‌ها

آموزش HTML

بخش چهارم: لینک‌ها

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

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

قرار دادن لینک در صفحه تگ <a>

لینک‌ها یکی از پراستفاده‌ترین المان‌های اچ‌تی‌ام‌ال هستند و در واقع این لینک‌ها هستند که کاربران شما را به جایی که شما می‌خواهید هدایت می‌کنند. به مثال زیر دقت کنید:

HTML

نتیجه‌ای که مرورگر نمایش خواهد داد:

html

برای قرار دادن لینک در اچ تی ام ال مراحل زیر را طی می‌کنیم.

html

مرحله اول: برای اضافه کردن لینک به بخشی از صفحه, ابتدا علامت مخصوص آن، یعنی <a> را قرار داده‌ایم.

مرحله دوم: سپس یک کلمه دیگر به نام href را در کنار لینک قرار داده‌ایم که در واقع مقصد لینک شما را معین می‌کند.

مرحله سوم: در بین تگ‌های <a href="link"></a> کلمه یا متنی که قرار است  نماینده لینک در صفحه باشد را نوشته‌ایم.

مرحله چهارم:  در نهایت تگ a را  بسته‌ایم <a/>.

html

نکته: هر چند نیازی به دانستن این موضوع در این لحظه نیست ولی شاید دوست داشته باشید بدانید که کلمه href که در کنار کلمه a در تگ لینک قرار می گیرد چیست و چه نقشی دارد.

در واقع برخی تگ‌های اچ تی ام ال از جمله تگ لینک, عکس و بسیاری دیگر به صورت پیش فرض برای تعریف شدن و تکمیل شدن به یک مشخصه (Attribute) نیاز دارند که آن‌ها را توضیح می‌دهد و تکمیل می‌کند. در این مثال, کلمه href که مقصد لینک در تگ a را مشخص می‌کند یک صفت تکمیل کننده برای تگ a است.

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

خلاصه قسمت چهارم:

در این قسمت چیزهایی که یادگرفته‌ایم را به صورت کاملا خلاصه مرور می‌کنیم.

  • در قسمت چهارم از آموزش اچ تی ام ال, نحوه لینک گذاری در صفحات اچ‌تی‌ام‌ال را نیز آموختیم.
  • تگ لینک به صورت <a/> متن لینک <"آدرس صفحه مقصد در لینک"=a href> نوشته می‌شود.

منبع

0 0 آرا
رتبه بندی متن
اشتراک در
اطلاع از
guest
0 دیدگاه
بازخورد درون خطی
مشاهده همه نظرات