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

در این مقاله با آموزش تگ code در Html در خدمت شما همراهان عزیز سئوراز هستیم:)

تگ code از تگ های عبارتی میباشد و برای نشان داده یک قطعه کد کامپیوتری یا نرم افزاری به کار میرود.

متنی که در این تگ قرار میگیرد در مرورگر ها به صورت پیش فرض با فونت monospace نمایش داده میشود. مگر اینکه خودتان در css از کد دیگری استفاده کرده باشید. (طراحی سایت , سئو سایت , طراحی سایت )

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

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

1	<code>A piece of computer code</code>

برای مثال:

1 2 3

<code> <p style="color:red">An example is a red paper</p> </code>

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

<p style="color: red;">An example is a red paper</p>

خروجی معمولی بدون استفاده از تگ code:

An example is a red paper

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

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

نکات تگ <code> :

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

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

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

تگ del برای خط زدن روی یک کلمه یا عبارت  که از متن اصلی حذف شده است به کار میرود.

تگ del و تگ ins مکمل های همدیگر می باشند و تگ ins متن جایگزین عبارت حذف شده توسط del را مشخص میکند.(طراحی سایت , سئو سایت , طراحی سایت )

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

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

1	<del cite="url" datetime="<i>YYYY-MM-DDThh:mm:ssTZD</i>">عبارت مورد نظر</del>

برای مثال:

1	<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

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

My favorite color is blue red!

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

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

خصوصیات تگ <del> :

خصوصیت	مقدار	توضیحات
cite	URL	این خصوصیات به مرورگر ها نشان میدهد که عبارتی که در این تگ وجود دارد با توجه به آدرس این منبع حذف شده است.
datetime	YYYY-MM-DDThh:mm:ssTZD	تاریخ و زمان حذف و تغییر عبارت را مشخص میکنید.

نکات تگ <del> :

1. با استفاده از تگ <ins> به مرورگرها متن جایگزین را معرفی میکنید.
2. تگ <del> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
3. تگ <del> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.

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

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

تگ dfn مخفف شده کلمه define میباشد و برای تعریف کردن یک کلمه یا عبارت به کار میرود.

اگر قصد تعریف کردن یک کلمه را دارید از تگ dfn معمولا برای اولین کلمه از آن به کار میرود.

به عنوان مثال شما میخواهید کلمه HTML را تعریف کنید و در متن از آن 10بار تکرار شده است. بهتر از برای اولین کلمه HTML در متن از تگ dfn استفاده کنید.(طراحی سایت , سئو سایت , طراحی سایت )

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

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

1	<dfn>کلمه مورد نظر</dfn> ادامه متن ...

برای مثال:

1	<p><dfn>HTML</dfn> is the standard markup language for creating web pages.</p>

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

HTML is the standard markup language for creating web pages.

مثال دوم: اگر از خصوصیت title در تگ dfn استفاده کنید، عبارتی که در title وجود دارد را به صورت تولتیپ نمایش میدهد.

1	<p><dfn title="HyperText Markup Language">HTML</dfn> is the standard markup language for creating web pages.</p>

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

HTML is the standard markup language for creating web pages.

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

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

خصوصیات تگ <dfn> :

خصوصیت	مقدار	توضیحات
title	متن و عبارت	استفاده از این خصوصیت به تگ dfn یک تولتیپ میدهد.

نکات تگ <dfn> :

1. استایل پیشفرض تگ <dfn> به صورت ایتالیک میباشد
   
   
   

   1 2 3

   dfn {     font-style: italic; }

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

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

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

برای عبارت های مورد تاکید بکار میبرند که ظاهر آن را نیز مورب یا ایتالیک میکند.(طراحی سایت , سئو سایت , طراحی سایت )

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

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

1	<em>متن مورد تاکید</em>

برای مثال:

1	<em>Emphasized text</em>

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

Emphasized text

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

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

نکات تگ <em> :

1. تگ <em> و تگ <i> از نظر ظاهری مشابه هم دیگر هستند.
2. تگ <em> برای عبارت هایی که میخواهیم روی آنها تاکید کنیم به کار میرود.
3. اما تگ <i> فقط برای کلماتی که میخواهیم ظاهر آنها را ایتالیک کنیم به کار میرود و به ارزش کلمه کاری ندارد.
4. تگ <em> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
5. تگ <em> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.

آموزش تگ option در Html

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

هرگاه شما بخواهید در لیست کشویی خود گزینه هایی را اضافه کنید باید از این تگ استفاده نمایید.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

علاوه بر تگ select تگ detiles هم می تواند شامل تگ option باشد.

از ویژگی هایی که تگ option دارد این است که می تواند هیچ خصوصیتی را بکار نبرد ولی برای کدنویسی بهتر لازم است تا از خصوصیت value برای شناساندن گزینه مورد نظر به سرور استفاده شود.

قطعه کد زیر نمونه ای از استفاده از تگ option را نشان می دهد:

1 2 3 4 5 6

<select>   <option value="محصول اول">محصول اول</option>   <option value="محصول دوم">محصول دوم</option>   <option value="محصول سوم">محصول سوم</option>   <option value="محصول چهارم">محصول چهارم</option> </select>

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

خصوصیت	مقدار	توضیحات
disabled	disabled	با استفاده از این خصوصیت می توانید option مورد نظر را غیر فعال نمایید.
label	text	توسط این خصوصیت می توانیم یک برچسب کوتاه برای option موردنظر داشته باشیم.
selected	selected	اگر این خصوصیت برای تگ option قرار داده شود گزینه ها به طور پیش فرض بعد از لود صفحه انتخاب شده اند.
value	text	بامقدار دهی به این خصوصیت می توانیم به سرور بفهمانیم چه مقداری در انتخاب شده است.

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

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

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