در این مقاله با آموزش تگ del در Html در کنار شما همراهان عزیز سئوراز هستیم:
تگ del برای خط زدن روی یک کلمه یا عبارت که از متن اصلی حذف شده است به کار میرود.
تگ del و تگ ins مکمل های همدیگر می باشند و تگ ins متن جایگزین عبارت حذف شده توسط 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!
تمامی مرورگرها از این تگ پشتیبانی می کنند.
| خصوصیت | مقدار | توضیحات |
| cite | URL | این خصوصیات به مرورگر ها نشان میدهد که عبارتی که در این تگ وجود دارد با توجه به آدرس این منبع حذف شده است. |
| datetime | YYYY-MM-DDThh:mm:ssTZD | تاریخ و زمان حذف و تغییر عبارت را مشخص میکنید. |
در این مقاله با آموزش تگ code در Html در خدمت شما همراهان عزیز سئوراز هستیم:)
تگ code از تگ های عبارتی میباشد و برای نشان داده یک قطعه کد کامپیوتری یا نرم افزاری به کار میرود.
متنی که در این تگ قرار میگیرد در مرورگر ها به صورت پیش فرض با فونت monospace نمایش داده میشود. مگر اینکه خودتان در css از کد دیگری استفاده کرده باشید. (طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
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
تمامی مرورگرها از این تگ پشتیبانی می کنند.
در این نوشته با آموزش تگ cite در Html در خدمت شما همراهان سئوراز هستیم:
تگ cite برای معرفی کردن عنوان یک اثر به کار میرود! این اثر میتواند آهنگ، موسیقی، تصویر، فیلم، نقاشی یا هر چیز دیگیری باشد.
توجه! تگ <cite> برای نام خالق اثر به کار برده نمیشود و فقط برای نام خود اثر به کار میرود. (طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
1 | <cite>نام اثر</cite> توضیحات اثر |
برای مثال:
1 2 | <img src="https://seoraz.com/wp-content/uploads/2018/07/HarryPotter.svg_.png"/><br> The <cite>Harry Potter<cite> logo, used first in American editions of the novel series and later in films |
خروجی قطعه کد بالا:

The Harry Potter logo, used first in American editions of the novel series and later in films
به Harry Potter نام اثر لوگو میباشد، دقت کنید که به حالت ایتالیک یا مورب در آمده است! برای برطرف کردن این حالت میتوانید از خصویت text-decoration در style استفاده کنید.
تمامی مرورگرها از این تگ پشتیبانی می کنند.
در این مقاله با آموزش تگ center در html در خدمت شما همراهان سئوراز هستیم:)
تگ center برای وسط چین کردن یک عبارت یا متن به کار میرود.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
1 | <center>a sample text....</center> |
برای مثال:
1 | <center>یک متن نمونه برای نشان دادن تگ center</center> |
خروجی قطعه کد بالا:
یک متن نمونه برای نشان دادن تگ center
در تمامی مرورگر ها پشتیبانی میشود.
با آموزش تگ optgroup در Html همراه شما هستیم:
از تگ optgroup برای لیستها ی کشویی که دارای تعداد عناصر زیادی هستند استفاده می شود.(طراحی سایت , سئو سایت , طراحی سایت )
استفاده از این تگ موجب سهولت در انتخاب کاربر خواهد بود و بیشتر مورد توجه قرار می گیرد. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
تگ optgroup درون تگ select قرار دارد و با lable مقداردهی می شود و شامل عناصر option می باشد.
قطعه کد زیر نمونه ای از استفاده از این تگ در صفحات Html را نشان می دهد:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!DOCTYPE html> <html> <body> <select> <optgroup label="Swedish Cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> </optgroup> <optgroup label="German Cars"> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </optgroup> </select> </body> </html> |
تگ optgroup تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی می کند.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| disabled | disabled | با استفاده از این خصوصیت مشخص می نماییم که این قسمت از option-group باید به صورت غیر فعال باشد. |
| label | text | توسط این خصوصیت می توانید برای هر قسمت از option-group خود یک اسم یا برچسب قرار دهید. |
تمامی مرور گر ها را پشتیبانی می کند.