درس چهارم: پیوندها و تصاویر (روحِ دنیای وب)

🔗 ۱. ایجاد پیوند با تگ <a>

تگ <a> (مخفف Anchor) برای ایجاد لینک استفاده می‌شود. مهم‌ترین ویژگی این تگ href است که آدرس مقصد را مشخص می‌کند.

<a href="https://cslearn.ir">مشاهده سایت سی‌اس لرن</a>

💡 باز شدن در تب جدید: اگر بخواهید لینک شما در یک تب جدید باز شود، باید ویژگی target="_blank" را اضافه کنید:

<a href="https://google.com" target="_blank">گوگل</a>

🖼️ ۲. اضافه کردن تصاویر با تگ <img>

تگ <img> برای نمایش عکس به کار می‌رود. این تگ “تک‌قلو” است (تگ بسته ندارد). دو ویژگی اصلی آن عبارتند از:

• src: آدرس یا مسیر فایل عکس (Source).
• alt: متن جایگزین؛ اگر عکس لود نشود این متن نشان داده می‌شود (حیاتی برای سئو).

<img src="logo.png" alt="لوگوی آموزشی سی‌اس لرن" width="200">

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