طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهی
طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهیطراحی سایت ، سئو سایت ، طراحی سایت فروشگاهی
طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهیآموزش تگ lable در Html
آموزش تگ lable در Html
با استفاده از تگ lable می توانید برای input ها یک برچسب ایجاد نماییم. این تگ به شکل خاصی برای کاربرانی که می خواهند اطلاعات خود را ارسال کنند ارایه نمی شود ولی قابلیت افرادی را که از موس برای اریال اطلااعات استفاده می نمایند را بالا می ببرد.
وقتی کاربر تنها روی اسم lable شده کلیک می نمایند کنترل متن خیلی راحت به فیلد مربوطه ارسال می شود. و دیگر نیاز نیست حتما روی گزینه درون inputموس قرار بگیرود.(طراحی سایت , سئو سایت , طراحی سایت )
همیشه دقت داشته باشید که برای ایجاد ارتباط تگ lable با تگ های دیگر مقدار for در تگ lable را برابر مقدار id در عناصر دیگر قرار دهید.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
همچنین می توانید با استفاده از خصوصیت for در تگ lable آن را محدود کنید.
قطعه کد زیر نمونه ای ازاستفاده تگ lable را نمایش می دهد:
1 2 3 4 5 6 7 | <form action="demo_form.asp"> <label for="male">Male</label> <input type="radio" name="sex" id="male" value="male"><br> <label for="female">Female</label> <input type="radio" name="sex" id="female" value="female"><br> <input type="submit" value="Submit"> </form> |
خصوصیت های تگ lable در form:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| for | element_id | بااستفاده از این خصوصیت می توانید id کنترلی را که در تگ lable وجود دارد را مشخص نمایید. |
| form | form_id | توسط این خصوصیت تعداد فرم هایی را که lable به آن ها تعلق دارد را مشخص می کند. پشتیبانی Html5 |
تگ select تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
پشتیبانی مرور گرها از تگ select در Html:
تمامی مرور گر ها را پشتیبانی می کند.
آموزش تگ fieldset در Html
آموزش تگ fieldset در Html
با آموزش تگ fieldset در Html همراه شما هستیم:
با استفاده از تگ fieldset می توان یک کادر جداکننده در اطراف فرم خود ایجاد کنیم.
عناصر به کارفته در لیست با قرار دادن تگ fieldset به صورت دسته بندی و دارای چارچوب قرار می گیرند.(طراحی سایت , سئو سایت , طراحی سایت )
با استفاده از تگ legend نیز می توانید یک عنوان برای تگ fieldset انتخاب نمایید.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
قطعه کد زیر نمونه ای از چگونگی استفاده از تگ fieldset می باشد:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html> <body> <form> <fieldset> <legend>Personalia:</legend> Name: <input type="text"><br> Email: <input type="text"><br> Date of birth: <input type="text"> </fieldset> </form> </body> </html> |
خروجی قطعه کد بال به شکل زیر می باشد:
خصوصیت های تگ fieldset در form:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| disabled | disabled | با استفاده از این خصوصیت می توانیم مشخص کنیم که گروهی از عناصر در ارتباط باهم دریک فرم باید غیر فعال شوند. |
| form | form_id | توسط این خصوصیت می توانیم تعداد یک یا بیشتر فرم هایی را که fieldset به آن ها متعلق است را مشخص نماییم. |
| name | text | با استفاده از این خصوصیت می توانیم یک نام برای تگ fieldset خود مشخص نماییم. |
تگ fieldset تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
پشتیبانی مرور گرها از تگ fieldset در Html:
تمامی مرور گر ها را پشتیبانی می کند.
آموزش تگ font در Html :
آموزش تگ font در Html :
در این مقاله با آموزش تگ font در Html کنار شما همراهان سئوراز هستیم:
همانطور که از اسم تگ مشخص است، تگ فونت برای نوشته های ما به کار میرود و میتواند مقادیری مانند رنگ(color)، اندازه(size) و ظاهر فونت (face) را تغییر دهد.
البته تگ <font> در HTML5 پشتیبانی نمیشود و بهتر است که از تگ font در css استفاده کرد.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
ساختار تگ <font> :
1 | <font color="" size="" face="">This is some text!</font> |
برای مثال:
1 2 3 | <font color="Blue">This is some text!</font> <font color="#ef0909" size="5">This is some text!</font> <font color="rgb(45, 228, 74)" face="monospace">This is some text!</font> |
خروجی قطعه کد بالا:
This is some text!
This is some text!
This is some text!
پشتیبانی مرورگر ها از تگ <font> در HTML :
تمامی مرورگرها از این تگ پشتیبانی می کنند. اما دیگر در HTML5 پشتیبانی نمیشود و باید از css استفاده کرد.
خصوصیات اختیاری تگ <font> در html:
| خصوصیت | مقدار | توضیحات |
| size | اعداد بین 1 الی 7 | مشخص کننده سایز فونت میباشد که در زیر مشخصات و معنی هر عدد را مشاهده میکنید: 1- x-small:10px |
| color | XXXXXX# rgb(x,x,x) نام رنگ (red,blue,yellow….) | رنگ نوشته را مشخص میکند. |
| face | font_family | فونت نوشته را مشخص میکند. |
نکات تگ <font> :
- از تگ <font> در html5 استفاده نمشود و به جای از css استفاده میکنند.
- تگ <font> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
- تگ <font> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.
آموزش تگ i در Html :
آموزش تگ i در Html :
در این نوشته با آموزش تگ i در Html در سایت سئوراز در کنار شما علاقه مندان به آموزش html هستیم:
تگ <i> از تگ های inline و درون متنی میباشد و فقط برای مورب کردن نوشته بین این تگ کاربرد دارد.
نوشته بین دو تگ <i> و تگ <em>، مورب میشوند اما تگ <em> علاوه بر مورب کردن، به آن نوشته تاکید هم دارد که میتواند به موتور های جستجو کمک کند ولی تگ <i> صرفا نوشته را مورب میکند و فاقد ارزش دیگری است.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
ساختار تگ <i> :
1 | <i>italic word</i> |
برای مثال:
1 | در این نوشته میتوانید تفاوت <i>نوشته مورب</i> با نوشته معمولی را مشاهده کنید. |
خروجی قطعه کد بالا:
در این نوشته میتوانید تفاوت نوشته مورب با نوشته معمولی را مشاهده کنید.
پشتیبانی مرورگر ها از تگ <i> در HTML :
تمامی مرورگرها از این تگ پشتیبانی می کنند.
نکات تگ <i> :
- کاربرد تگ <i> با تگ <em> متفاوت است.
- تگ <i> برای مورب کردن به کار میرود.
- تگ <em> برای تاکید کردن به کار میرود.
- تگ <i> در HTML5 کاربرد و مفهومی ندارد و میتوان به راحتی با تگ css آن را پیاده سازی کرد.
- تگ <i> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
- تگ <i> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.
آموزش تگ ins در Html :
آموزش تگ ins در Html :
در این نوشته با آموزش تگ ins در Html در خدمت شما هستیم:
در بعضی مواقع شما نیاز دارید مطالب خود را به دلایل زیاد و مختلفی به روز کنید، بخشی از متن را پاک کنید و قسمت های جدیدی به متن اضافه کنید.
شما با استفاده از تگ <ins> به موتور های جستجو و خزنده ها اعلام میکنید که این بخش از متن، نوشته جدید می باشد.
تگ <ins> بیشتر با تگ <del> به کار میرود تا هم بخش حذف شده را به موتورهای جستجو اعلام کنید و هم بخش اضافه شده (جدید، جایگزین) را اعلام کنید.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
ساختار تگ <ins> :
1 | <ins cite="url" datetime="YYYY-MM-DDThh:mm:ssTZD">new text</ins> |
برای مثال:
1 | <p>My favorite color is <del>blue</del> <ins>red</ins>!</p> |
خروجی قطعه کد بالا:
My favorite color is blue red!
پشتیبانی مرورگر ها از تگ <ins> در HTML :
تمامی مرورگرها از این تگ پشتیبانی می کنند.
خصوصیات اختیاری تگ <ins> در html:
| خصوصیت | مقدار | توضیحات |
| cite | URL | منبعی که با استدلال آن باعث شده تا شما متن را تغییر بدهید معرفی میکند. |
| datetime | YYYY-MM-DDThh:mm:ssTZD | تاریخ و زمان تغییر متن را مشخص میکند. |
نکات تگ <ins> :
- تگ <ins> برای معرفی کردن قسمتی از متن که جدید نوشته شده یا به تازگی اصلاح شده است به کار میرود.
- تگ <ins> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
- تگ <ins> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.