این آموزش در تاریخ ۱۳۹۹/۱۱/۱۴ آپدیت شده است.
آموزش صفت Align در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Align در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Align در HTML
صفت align مشخص میکند که یک عنصر در کجای یک صفحه از نظر موقعیت یا همون ترازبندی افقی قرار بگیرد. بفرض مثال یک متن در وسط صفحه قرار بگیرد یا در سمت راست یا چپ.
این صفت در HTML5 منسوخ شده و پشتیبانی نمیشود – باید از CSS استفاده نمایید.
Free-Learn
مثال از صفت Align در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
|
1 2 3 4 5 |
<body> <p align="center">Salam Khobi? Man Sadegh Hastam.</p> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت align در HTML پشتیبانی میکنند یا خیر.
| نام صفت | Chrome | Firefox | Opera | Safari | IE |
| align | بله | بله | بله | بله | بله |
Free-Learn
نکات و توضیحات
این صفت در HTML5 منسوخ شده و پشتیبانی نمی شود, لذا نباید از این صفت استفاده نمایید و باید از دستورات CSS بجای این صفت استفاده نمایید.
برای استفاده از دستورات CSS نیز میتوانید از روش خطی یا Inline استفاده نمایید که برای مشاهده آموزش استفاده از CSS خطی لطفا اینجا کلیک نمایید.
Free-Learn
مثال های بیشتر
در ادامه میتوانید چند مثال از این صفت که از دستورات CSS ایجاد شده است را مشاهده نمایید.
|
1 2 3 4 5 6 7 |
<body> <p style="text-align:left;">Free-Learn</p> <p style="text-align:center;">Free-Learn</p> <p style="text-align:right;">Free-Learn</p> </body> |
مثال شماره ۲ : (قرار دادن عکس/تصویر در وسط صفحه)
|
1 2 3 4 5 6 7 |
<body> <div style="text-align:center;"> <img src="images/girls-1.jpg" width="300" height="194"> </div> </body> |
