سلام خدمت دوستان و همراهان عزیز هولوسن

این دوره برنامه نویسی فرانت اند (front-end) تحت وب، با زبان های HTML و CSS را شامل میشود.

در جلسه اول با معرفی آموزش فرانت اند رایگان در خدمتتان بودیم. و در جلسات گذشته با زبان HTML آشنا شدیم و همینطور با ساخت اولین صفحه HTML  و اکستنشن‌های VSCode و Chrome در خدمتتان بودیم . در این جلسه که آشنایی با لینک‌ها و تصاویر میباشد در خدمتتان هستیم.

در این جلسه آموزشی قصد داریم تا با تگ های زیر در زبان اچ تی ام ال آشنا شویم :

✅ A
✅ Img

جهت دانلود فایل‌های این جلسه اینجا کلیک کنید

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

در HTML اکثر تگ‌ها خصوصیات یا Attribute دارند. بعضی از این خصوصیات عمومی و برای اکثر تگ‌‌ها قابل استفاده هستند، مثل خصوصیت style و برخی از خصوصیات قابل استفاده فقط برای یک تگ خاص است.

یکی از خصوصیات اصلی تگ a خصوصیت href است که مخفف hyper reference می‌باشد. برای لینک کردن باید این خصوصیت را مقداردهی کنیم.

تگ بعدی تگ Img است که برای تصاویر از آن استفاده می‌کنیم.

تگ Img هم خصوصیت src را دارد که با آن می‌توانیم آدرس تصویر را به طرق مختلف به آن بدهیم.

ترتیب پیشنهادی برای یادگیری طراحی سایت

پیشنهاد میکنیم از دیگر آموزش های هولوسن هم دیدن فرمایید