آموزش تگ pre در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ pre در HTML با من همراه باشید.

آموزش تگ pre در HTML

Free-Learn

تگ Pre در HTML

تگ pre تگی است که با استفاده از آن میتوان یک متن سفارشی یا مثلا یک متن/محتوا با فرمت دلخواه را درون یک صفحه وب ایجاد کرد.

همونطور که میدانید در زبان HTML در حالت عادی ما نمیتونیم متنی را بصورت دلخواه با فرمت دلخواه ایجاد نماییم، بفرض مثال ما نمیتوانیم در یک پاراگراف در حالت عادی هرچقدر که بخوایم بین کلمات فاصله بندازیم یا دیگر موارد.

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

Free-Learn

مثال از تگ pre در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

امتحان کنید

مثال شماره ۲ : سفارشی سازی تگ pre با استفاده از CSS

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ pre در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

جدول صفات تگ pre در HTML

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

(علامتیعنی در HTML5 پشتیبانی نمی شود.)

نام صفت مقدار توضیح
width number تعداد کاراکترهایی که میتوان در هر سطر وارد کرد را مشخص میکند. ()

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ pre از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

صفت width که درون تگ pre مورد استفاده قرار میگیرد در HTML5 پشتیبانی نمیشود لذا باید بجای این صفت از CSS استفاده نمایید.

صفت width از نظر ظاهری هیچ اثر بصری یا ظاهری ندارد، و در کل سعی کنید برای مشخص کردن اندازه عرض تگ pre از CSS استفاده نمایید.

Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ pre را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.


Free-Learn