آموزش تگ pre در HTML
آموزش تگ pre در HTML
با عرض سلام خدمت کاربران سایت پاسخ وردپرس . در این آموزش مرحله به مرحله html قصد داریم به آموزش تگ pre در html .
تگ pre که از کلمه ( PreFormatted ) گرفته شده است، در لغت به معنی ( پیش فرمت ) می باشد، تگی است که با استفاده از آن میتوان یک متن سفارشی یا مثلا یک متن با فرمت دلخواه را درون یک صفحه وب ایجاد کرد.
همونطور که میدونید در زبان HTML در حالت عادی ما نمیتونیم متنی را بصورت دلخواه با فرمت دلخواه ایجاد نماییم، بفرض مثال ما نمیتونیم در یک پاراگراف هرچقدر که بخوایم بین کلمات فاصله بندازیم یا مثلا نمیتونیم اینتر بزنیم و سطر رو بشکنیم بریم سطر بعد و…
حال ما با استفاده از تگ pre به راحتی میتونیم هرمتنی را با هرنوع فرمتی که بخوایم در یک صفحه وب ایجاد نماییم. ( یعنی کلا هرچی داخلش بنویسید در خروجی هم دقیقا همونجوری نشونش میده )
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora sint quod, laborum excepturi minima nisi tenetur nesciunt nam repellat enim commodi error similique accusantium exercitationem necessitatibus molestiae dolorum quos odio.</p> <pre style="color: red;"> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora sint quod, laborum excepturi minima nisi tenetur nesciunt nam repellat enim commodi error similique accusantium exercitationem necessitatibus molestiae dolorum quos odio. </pre> <pre> style="color: red;" </pre> </body> </html> |
نکته ها و ترفندها
نکته: از عنصر <pre> هنگام نمایش متن در یک حالت غیر معمول یا به نوعی نمایش کد کامپیوتری داخل صفحه HTML استفاده می شود.
خصیصه های سراسری Global Attributes
تگ <pre> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <pre> از خصیصه رویداد در HTML پشتیبانی می کند.
برای نصب نرم افزار برای کد نویسی html از لینک زیر استفاده فرمایید.
آموزش نرم افزار های مورد نیاز طراحی وب سایت
در صورت که به طراحی وب آشنایی ندارید میتوانید از آموزش زیر استفاده فرمایید .
در صورت که میخواهید به صورت حرفه ای طراحی وب را فرا بگیرید از لینک زیر استفاده فرمایید .
آموزش css html آموزش HTML5 CSS3
در یافت تمام جلسات آموزش مرحله به مرحله html از لینک زیر استفاده فرمایید.
سلام همه ی فیلم های اموزشی خیلی خوب و پر محتوا بوده ممنون بابت تدریس عالیتون 🌹🙏🏼
سلام خدمت شما دوست گرامی خواهش میکنم خیلی خوشحالم که برای شما مفید بوده منتظر جلسات آینده باشید موفق و پیروز باشید در تمام جنبه ها زندگی