آموزش ساخت لینک و تصویر در HTML

شاید بلد نباشید یه لینک و یه عکس بسازید برای این که کافیه به ادامه مطلب دقت کنید تا بتونید یه تصویر لینک دار رو بسازید.

برای آزمایش کد ها هم می تونید از باکس مثال اول استفاده کنید.

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

همون طور که میدونید برای ساخت یک لینک باید از تگ (tag) لینک (link) استفاده کرد که برای این کار باید از حرف a استفاده نمود.
به این صورت که یک تگ همیشه با کلمه اول آن شناسایی می شود. مثلا تگ لینک را با a و تگ تصویر یا عکس را با img نشان می دهند.
شما با ترکیب این تگ ها می تونید کاری کنید که کاربر با کلیک روی عکس به آدرس موجود در لینک انتقال پیدا کنه ؛ حتی می تونید کاری کنید که کاربر در صفحه جدید به لینک انتقال پیدا کنه.

برای وارد کردن آدرسی که کاربر با کلیک روی اون جا انتقال پیدا کنه به آسونی نوشتن کلمه href هست.
همونطور که می بینید شما باید به جای --address-- آدرس لینکی که می خواید کاربر با بردن ماوس روی اون انتقال پیدا کنه رو مشخص می کنید و به جای --name-- عنوانی که کاربر اونو می بینه رو مشخص می کنید.
شما می تونید به جای --name-- از تگ عکس استفاده کنید تا کاربر به جای متن عکسی رو ببینه و روش کلیک کنه.

توجه کنید که همیشه http:// یا چنین چیزایی رو در قسمت --address-- بذارین وگرنه رایانه کاربر این آدرس رو ادامه آدرسی که کاربر در اون هست فکر می کنه. یعنی اگر شما در صفحه ای با آدرس http://moisrex.r98.ir/conect هستید و لینکی در آن صفحه وجود داشته باشد که آدرس آن کلمه register باشد ، کاربر با کلیک روی اون به صفحه ای با آدرس http://moisrex.r98.ir/register  انتقال پیدا می کنه. در صورتی که شما به جای --address-- لینکی را که در اولش از اسلش (/) استفاده شده ، استفاده کنید مرورگر کاربر احساس می کنه که کلمه بعد از اسلش ادامه صفحه اصلی سایت هست. یعنی زمانی که کاربر در صفحه ای با آدرس http://moisrex.rozblog.com/tag/HTML  هست و روی لینکی با آدرس /register کلیک کنه به آدرس http://moisrex.rozblog.com/register  انتقال پیدا می کنه.

پس چطوری کاربر رو به یه تب جدید انتقال بدیم؟

شما با استفاده از خاصیت target می تونید کاربر رو به تب جدید یا حتی پنجره جدید انتقال بدید.

گزینه	توضیحات
_blank	باز شدن در تب جدید یا در بعضی از مرورگرها باز شدن در پنجره جدید.
_self	در این لینک در فریمی که در آن قرار دارد باز می شود. (این حالت به صورت پیش فرض برای فریم ها می باشد.)
_parent	لینک در قالب اصلی باز می شود. (اگر در فریم باشد در قالب اصلی باز می شود. - دقیقا بر عکس _self)
_top	این لینک در پنجره جدیدی باز می شود.
نام فریم	باز شدن در فریمی با این نام.

عکس رو چطوری میسازن؟ آموزش بده دیگه ...

تصاویر هم از تگ img درست میشن. تگ img باید در اون از خاصیت src استفاده کرد تا مرورگر بفهمه که آدرس تصویر چیه. حتما در عکس هایی که کدشو می نویسین از خاصیت alt برای سئو استفاده کنید چون در جستجو گری مثل گوگل به این خاصیت اهمیت میده. این خاصیت مشخص کننده متنی هست که اگر تصویر خراب بود یا چنین آدرسی اصلا تصویر نبود یا در هر صورتی که تصویر نشون داده نشه ، نشون داده میشه.  برای مثال:


شما به جای --address-- می بایست آدرس تصویر رو بذارید و به جای --Replace text-- می بایست متن جایگزین رو بذارید.

برای تغییر اندازه تصویر می تونید از خاصیت width برای عرض و از خاصیت height برای ارتفاع عکس استفاده کنید.