دسته ها
دسته‌ها
- php (1)
- امنیت (6)
- اندروید (3)
- اینترنت (2)
- برنامه نویسی (14)
- بوت استرپ (1)
- پایتون (1)
- تازه ها (22)
- ترفند ها (30)
- تکنولوژی های جدید (1)
- جاوا (2)
- جاوا اسکریپت (2)
- سئو (1)
- سخت افزار (4)
- صنعت بازی (1)
- صنعت رباتیک (1)
- طراحی وب (14)
- عکاسی (1)
- فضاهای ذخیره سازی (1)
- فلاتر (1)
- گوشی های هوشمند (1)
- متفرقه (1)
- موبایل (3)
- نرم افزار (17)
- هوش مصنوعی (4)
- وب (1)
- وردپرس (7)
- ویدئو های آموزشی (24)
لینک ها
در درس قبل، با عناصر اصلی آشنا شدیم و تعدادی از آنها ، یعنی هدر ها و پاراگراف را بررسی کردیم. در این درس نیز با موستانگ بمانید تا لینک ها در html را یاد بگیریم.
چطور لینک تعریف کنیم؟
یک لینک (anchor) ، پاره ای از متن است که کاربر را به قسمتی متفاوت از صفحه و یا به صفحه ای دیگر هدایت می کند. وقتی یک لینک می سازید، باید مکانی را که مایلید کاربر به آنجا هدایت شود توسط ویژگی href مشخص کنید.
بطور مثال:
<a href="https://www.google.com">A link to Google</a>
اگر بخواهید لینکی بسازید که به قسمتی متفاوت از همان صفحه هدایت شود، باید از علامت هشتک (#) به همراه ID عنصری که می خواهید به آنجا بروید استفاده کنید. برای مثال:
<a href="#faq">Click here to read the Frequently Asked Questions</p>
ID عنصر با استفاده از ویژگی id مشخص می شود:
<h3 id="faq">Frequently asked questions</h3>
<p>The first rule about fight club is that you do not talk about fight club.</p>
بیایید امتحان کنیم:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>My First Page</h1>
<p>This is my first page.</p>
<a href="#faq">Click here to read the Frequently Asked Questions</a>
<hr/>
<h3 id="faq">Frequently asked questions</h3>
<p>The first rule about fight club is that you do not talk about fight club.</p>
<p>However, if you do have questions, please e-mail me at foo@bar.com</p>
</body>
</html>
در نهایت
[*] محتوای این درسمان، بسیار ساده و البته مهم بود. در این درس، با نحوه ساختن لینک ها در html آشنا شدیم و دیدیم که لینک ها می توانند کاربر را به قسمتی از همان صفحه و یا به صفحه ای دیگر ببرند. در درس آینده با موستانگ همراه باشید تا لیست ها را به شما معرفی نماید.
[*] سوالات و نظرات خود را می توانید در پایین این نوشته و در قسمت دیدگاه ها ثبت کنید. موستانگ از بازخوردهای شما استقبال خواهد کرد. برای تمرین کدنویسی نیز حتماً سری به مانژ بزنید. 🙂
