آموزش تگ kbd در Html :

در این نوشته با آموزش تگ kbd در Html در خدمتش شما همراهان سئوراز هستیم:

تگ <kbd> مخفف کلمه keyboard میباشد و برای نمایش ورودی صفحه کلید مانند کلید های ترکیبی مینابر مانند ctrl+v و امثال اینها به کار میرود.(طراحی سایت , سئو سایت , طراحی سایت )

(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

ساختار تگ <kbd> :

برای مثال:

خروجی قطعه کد بالا:

To copy this post, you must press ctrl+c and use the ctrl+v buttons to paste.

پشتیبانی مرورگر ها از تگ <kbd> در HTML :

تمامی مرورگرها از این تگ پشتیبانی می کنند.

نکات تگ <kbd> :

1. فونت پیشفرض تگ <kbd> مانند تگ <code>، فونت monospace میباشد.
2. استفاده تگ <kbd> پیشنهاد نمیشود، برای رسیدن به نتیجه مشابه میتوانید از css استفاده کنید.
3. تگ <kbd> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
4. تگ <kbd> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.

آموزش تگ mark در Html :

در این نوشته با آموزش تگ mark در Html در خدمت شما همراهان سئوراز هستیم:

از تگ mark برای برجسته کردن(بُلد کردن نه!!!) یا هایلایت(Highlight) یک متن و نوشته به کار میرود.

تگ <mark> از تگ های جدید HTML5 میباشد.(طراحی سایت , سئو سایت , طراحی سایت )

 (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

ساختار تگ <mark> :

برای مثال کد زیر را مشاهده کنید:

خروجی قطعه کد بالا:

Do not forget you to buy milk today!!!

پشتیبانی مرورگر ها از تگ <mark> در HTML :

تمامی مرورگرها از این تگ پشتیبانی می کنند.

نکات تگ <mark> :

1. تگ <mark> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
2. تگ <mark> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.

آموزش تگ meter در Html :

در این مقاله با آموزش تگ meter در Html که از تگ های جدید در html5 میباشد خدمت شما باشیم:

از تگ meter برای اندازه گیری عددی در یک بازه مشخص استفاده میشود.

نکته ای که بسیار حائز اهمیت است، تگ meter به دلیل شباهتی که با تگ progress دارد، نباید به جای هم استفاده شوند.(طراحی سایت , سئو سایت , طراحی سایت )

 (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

ساختار تگ <meter> :

برای مثال کد زیر را مشاهده کنید:

پشتیبانی مرورگر ها از تگ <meter> در HTML :

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

خصوصیت های تگ <meter> :

نکات تگ <meter> :

1. تگ <meter> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
2. تگ <meter> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.

آموزش تگ pre در Html :

در این مقاله قصد داریم با آموزش تگ pre در Html در کنار شما علاقه مندان به یادگیری Html همراه باشیم:

تگ pre مخفف شده کلمه preformatted میباشد و به معنی پیش فرمت شده است.

با به کارگیری تگ <pre> تمام فاصله ها و اینتر ها و تب ها را در متن لحاظ میکند و به همان شکلی که هستند نمایش میدهد.(طراحی سایت , سئو سایت , طراحی سایت )

 (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

ساختار تگ <pre> :

برای مثال:

خروجی قطعه کد بالا:

خروجی قطعه که بالا بدون استفاده از تگ <pre> :

Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks

پشتیبانی مرورگر ها از تگ <pre> در HTML :

تمامی مرورگرها از این تگ پشتیبانی می کنند.

خصوصیت تگ <pre> :

نکات تگ <pre> :

1. تگ <pre> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
2. تگ <pre> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.

آموزش تگ legend در Html

با آموزش تگ legend در Html همراه شما هستیم:

با استفاده از این تگ می توان یک عنوان برای کادر fieldset نوشت. این تگ به صورت دو تگ باز و بسته ی </legend><legend> می باشد.

متنی که در بین دو تگ باز و بسته ی legend قرار می گیرد عنوان fieldset را مشخص می کند.

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

قطعه کد زیر نحوه نمایش تگ legend را نمایش می دهد:

خروجی کد بالا به شکل زیر می باشد:

(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

خصوصیت های تگ legend در form:

تگ legend تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.

پشتیبانی مرور گرها از تگ legend در Html:

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