طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهی
طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهیطراحی سایت ، سئو سایت ، طراحی سایت فروشگاهی
طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهیآموزش تگ select در Html
آموزش تگ select در Html
برای ایجاد یک لیست بازشو یا کشویی که به صورت drop-down باشد و شامل چندین عنصر, از تگ select نیز استفاده می شود. (طراحی سایت , سئو سایت , طراحی سایت )
عناصر موجود در تگ select درون تگ option قرار داند و هرکدام دارای یک value می باشند که مقادیر درون لیست کشویی را شامل می شود. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
تگ select می تواند برای سنجش تعداد ورودی های کاربران هم مفید باشد و در واقع به عنوان کنترل فرم به کار برود.
قطعه کد زیر نحوه به کارگیری تگ select را نشان می دهد:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <!DOCTYPE html> <html> <body> <select> <option value="محصول اول">محصول اول</option> <option value="محصول دوم">محصول دوم</option> <option value="محصول سوم">محصول سوم</option> <option value="محصول چهارم">محصول چهارم</option> </select> </body> </html> |
خصوصیت های تگ select در form:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| autofocus | autofocus | توسط این خصوصیت می توانیم مشخص نماییم که مکان نمای موس هنگام لود شدن صفحه در محل فیلد پیش فرض باشد. پشتیبانی از Html5 |
| disabled | disabled | با استفاده از این خصوصیت می توانیم لیست کشویی را غیر فعال نشان دهیم. |
| form | ٰform_id | توسط این خصوصیت فرم یا فرم هایی را که به فیلد موردنظر مربوط می باشد را مشخص می کنیم. پشتیبانی از Html5 |
| multiple | multiple | با استفاده از این خصوصیت به کاربر این اجازه را می دهیم که به تواند مقادیر مختلفی را انتخاب کند. |
| name | name | توسط این ویژگی یک نام می توان برای لیست کشویی خود قرار دهیم. |
| required | required | با استفاده از این خصوصیت از کاربر خواسته می شود که حتما فیلد مورد نظر را پر کند. پشتیبانی از Html5 |
| size | number | توسط این خصوصیت می توانید تعداد مقادیر موجود درون لیست کشویی را مشخص نمایید. |
تگ select تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
پشتیبانی مرور گرها از تگ select در Html:
تمامی مرور گر ها را پشتیبانی می کند.
آموزش تگ optgroup در Html
آموزش تگ optgroup در Html
با آموزش تگ 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 پشتیبانی می کند.
خصوصیت های تگ optgroup در Html:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| disabled | disabled | با استفاده از این خصوصیت مشخص می نماییم که این قسمت از option-group باید به صورت غیر فعال باشد. |
| label | text | توسط این خصوصیت می توانید برای هر قسمت از option-group خود یک اسم یا برچسب قرار دهید. |
پشتیبانی مرور گرها از تگ optgroup در Html:
تمامی مرور گر ها را پشتیبانی می کند.
آموزش تگ center در html :
آموزش تگ center در html :
در این مقاله با آموزش تگ center در html در خدمت شما همراهان سئوراز هستیم:)
تگ center برای وسط چین کردن یک عبارت یا متن به کار میرود.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
ساختار تگ <center> :
1 | <center>a sample text....</center> |
برای مثال:
1 | <center>یک متن نمونه برای نشان دادن تگ center</center> |
خروجی قطعه کد بالا:
یک متن نمونه برای نشان دادن تگ center
پشتیبانی مرورگر ها از تگ <center> در HTML :
در تمامی مرورگر ها پشتیبانی میشود.
نکات تگ <center> :
- تگ <center> را html5 پشتیبانی نمیکند و به جای میتوانید از css با دستور text-align:center; کمک بگیرید.
آموزش تگ cite در Html :
آموزش تگ cite در Html :
در این نوشته با آموزش تگ cite در Html در خدمت شما همراهان سئوراز هستیم:
تگ cite برای معرفی کردن عنوان یک اثر به کار میرود! این اثر میتواند آهنگ، موسیقی، تصویر، فیلم، نقاشی یا هر چیز دیگیری باشد.
توجه! تگ <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 استفاده کنید.
پشتیبانی مرورگر ها از تگ <cite> در HTML :
تمامی مرورگرها از این تگ پشتیبانی می کنند.
نکات تگ <cite> :
- این تگ هیچ خصوصیت خاصی ندارد.
- در html5 به عنوان یا نام یک اثر اشاره میکند.
- در html4.01 به نوشته آورده شده از یک سایت دیگر اشاره دارد، مانند یک نقل و قل یا منبع استفاده شده در متن.
- تگ <cite> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
- تگ <cite> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.
آموزش تگ code در Html :
آموزش تگ 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> :
- تگ <code> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
- تگ <code> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.