Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

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

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

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

مثال


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

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

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

attention
توجه کنید که همیشه 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 برای سئو استفاده کنید چون در جستجو گری مثل گوگل به این خاصیت اهمیت میده. این خاصیت مشخص کننده متنی هست که اگر تصویر خراب بود یا چنین آدرسی اصلا تصویر نبود یا در هر صورتی که تصویر نشون داده نشه ، نشون داده میشه.  برای مثال:

<img src=" --address-- " alt=" --Replace text-- " />

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

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

سلام من کد و قالب برای وبلاگ میسازم ولی متاسفانه بلد نیستم توی وبم قرار بدم وقتی پستشون میکنم کل فضا رو اشغال میکنن خواهش میکنم کمکم کنید
پاسخ : اسماعیل : نمیدونم چطوری میگید...یعنی باکسشون کل صفحه رو میگیره؟؟
اگه اینطوریه به استایل اون باکس max-height و max-width اضافه کن...
با تشکر

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
کلاس های آنلاین فعال

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

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4371
تعداد اعضا : 36612
افراد آنلاین : 5
بازدید امروز : 1,104
بازدید دیروز : 1,060
گوگل امروز : 80
گوگل دیروز : 127
بازدید هفته : 5,757
بازدید ماه : 28,113
بازدید سال : 373,712
بازدید کلی : 10,768,188