لینکها

 <a>تگ: anchor tag

لینکها بخش جدایی ناپذیر از صفحه وب هستند. شما با اضافه کردن لینکها به متن یا عکس  میتوانید با کلیک بر روی انها به فایل یا صفحه وب مور نظر بروید. در html  لینکها توسط تگ <a> تعریف میشوند.  این تگ دارای یک ویژگی به نام href است که  آدرس مقصد لینک را تعریف میکند.

در مثال زیر ما یک لینکی به آدرس http://sufra.ir داریم . وقتی یه اجرا از این کد بگیریم عنوان لینک آموزش لینک  نمایش داده میشود که وقتی بر روی آن کلیک کنیم وارد آدرسی که به عنوان مقدار در ویژگی href قرار دایم میشویم. href  ویژگی مهمی است چون اگر متنی بین تگ <a> بدون تعریف این ویژگی قرار بگیرد، متن قابلیت کلیک را از دست میدهد.

 <a href=" http://sufra.ir">آموزش لینک</a>

02ure

ویژگی target

برای باز کردن سند مرتبط میباشد، این ویژگی مقادیر مختلفی میگیره که به بررسی برخی از آنها میپردازیم:

<a target=”_blank|_self”>
مقدار توضیح
_blank سند لینک داده شده در یک پنجره یا تب جدید باز میشود.
_self سند لینک داده شده تو همون صفحه که لینک هست باز میشود و این مقدار به صورت پیش فرض هست.

Ca012pture

_blank

Cap025ture

_self

Capt321ure

عکسها

 <img> تگ

از این تگ برای وارد کردن عکس به صفحه استفاده میشود. یک ویژگی اصلی داره و تگ بسته هم ندارد.

ادرس عکس میتواند در ویژگی src تعریف شود:

<img src=”01.jpg” />

Image مکان

ما برای مقدار صفت src به مکان عکس نیاز داریم که بین ” ” قرار میگیرد. در مثال اگر اسم عکس ما ۱٫jpg باشد در پوشه ای که فایل html مان قرار دارد و همچنین خصوصیات زیر را هم داشته باشد:

 

خصوصیات title, alt ، height ،  width

ویژگی width و height: برای عکس در نظر گرفتیم که عکس را به هر اندازه که بخواهیم در صفحه قرار میدهیم،

خصوصیت alt :یک متنی را جایگزین عکس میکند هنگامی که بنا به دلایلی مثلا سرعت پایین نت مرورگر نتواند عکس را نمایش دهد با این ویژگی کاربران میفهمند عکس چه موضوعی را را به تصویر میکشیده است

خصوصیت title :حاویمتنی است که با رفتن ماوس بر رو روی عکس به نمایش در می اید.

کد ما باید شبیه به مثال زیر باشد:

 

 

 <html>
 <head>
 <title>sufra.ir</title>
 </head>
 <body> 
 <img src="C:\Users\Desktop\01.jpg" height="100px" width="200px" alt="" title ="عکس از گربه"/>

 </body>
</html>

Cap584ture