جلسه ۸۱ : آموزش کار با تگ pre در HTML

• جزئیات
• نوع محتواآموزشی

مقدمه

سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته آموختیم که تگ picture چیست و چه کاربردی دارد؛ تگ picture تگی است که در مشخص کردن منابع تصویری انعطاف پذیری بیشتری به وب می دهد.
در جلسه فعلی به آموزش کار با تگ pre در HTML می پردازیم.

آموزش کار با تگ pre در HTML

به مثال زیر توجه نمایید.
در این مثال از تگ pre استفاده شده است.

تعریف و کاربرد

تگ pre وظیفه تعریف یک متن سفارشی را در یک صفحه وب بر عهده دارد.
یک متن در تگ pre در یک پهنای فونت ثابت (Courier)، و حفظ مقدار فضای خالی  و پرش به خط بعد نمایش داده می شود.

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

عنصر
<pre>	بله	بله	بله	بله	بله

نکات و توصیه ها

توصیه

هنگام نمایش متن با قالب بندی غیرمعمول یا نوعی کد رایانه ی ناشناخته، از تگ  pre استفاده نمایید.

تفاوت بین HTML 4.01 و HTML5

خصیصه “width” در HTML5 پشتیبانی نمی شود.

خصیصه ها

خصیصه های سراسری Global Attributes

تگ <pre> از خصیصه های سراسری در HTML پشتیبانی می کند.

 خصیصه رویداد Event Attributes

تگ <pre> از خصیصه رویداد در HTML پشتیبانی می کند.

تنظیمات پیش فرض CSS

بیشتر مرورگرها عنصر <pre> را با مقادیر پیش فرض زیر نمایش می دهند:

کلام آخر

در این جلسه به کار با تگ pre پرداختیم؛ این تگ یک متن سفارشی را در یک صفحه وب تعریف می نماید.
در جلسه آتی شما را با تگ progress و نحوه کار با آن آشنا می نماییم.
با پی وی لرن همراه باشید.