HTML و CSS

آموزش برنامه نویسی HTML – خاصیت align در تگ img

سلام ! با یکی دیگر از سری پست های آموزشی زبان HTML در خدمت شما هستیم.
نکته: برای فراگیری این بخش از آموزش لازم است شما با تگ img آشنایی داشته باشید در صورت آشنا نبود به مطالب مرتبط این صفحه مراجعه کرده تا شما را به پست آشنایی با تگ img منتقل کند.
در پست یا جلسه قبل ما یک تصویر داشتیم که انواع حالت هابی اون رو در HTML و تگ بسیار پر کاربرد img بررسی کردیم اما یک حالت مهم که یکی از پر کابرد ترین خاصیت برای تگ img به شمار می رود خاصیت align هست align عنوان خاصیتی فوقالعاده حیاطی در زمینه HTML هست با آن در ادامه آشنا می شیم.
align تگی است که با قرار گرفتن رون عکس می تواند آن را به چپ و راست متن یا پایین و بالای متن و حتی هم خط با متن قرار دهد که به تک تک این خاصیت ها می پردازیم. توجه داشته باشید که این تگ مهم در بسیاری از سایت ها نادیده و کم اهمیت جلوه داده شده که ما به مراتب یادگیری ان را لازم می دانیم.
align left
این خاصیت متن در سمت راست تصویر و به صورت روزنامه ای قرار می گیرد. یعنی تصویر به سمت چپ منتقل شده و جایگیری می کند. برای درگ بهتر این مطلب به تصویر زیر که همراه با کد در ویژوال و مرورگر سافاری نمایش داده شده است.
آموزش برنامه نویسی HTML - خاصیت align در تگ img

align right
این خاصیت متن در سمت چپ تصویر و به صورت روزنامه ای قرار می گیرد. یعنی تصویر به سمت راست منتقل شده و جایگیری می کند.
آموزش برنامه نویسی HTML - خاصیت align در تگ img

align bottom
در این خاصیت اولین خط از متن در سمت کنار و پایین عکس قرار می گیرد. برای دقت این مطلب به تصویر زیر دقت کنید.
آموزش برنامه نویسی HTML - خاصیت align در تگ img

 

align top
اولین خط از متن در بالا و کنار عکس شروع به خودنمایی می کند. برای درک بهتر منظور تصویر زیر را مشاهده کنید.
آموزش برنامه نویسی HTML - خاصیت align در تگ img

align middle
این خاصیت از خاصیت های align که متن را به وسط و کنار تصویر منتقل می کند از این روش مامولا برای متن های موتا و تک خطی استفاده می شود. به تصویر زیر دقت کنید.
آموزش برنامه نویسی HTML - خاصیت align در تگ img

2 دیدگاه در “آموزش برنامه نویسی HTML – خاصیت align در تگ img

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *