آموزش تگ 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:
تمامی مرور گر ها را پشتیبانی می کند.
آموزش تگ 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:
تمامی مرور گر ها را پشتیبانی می کند.
آموزش تگ option در Html
آموزش تگ 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:
تمامی مرور گر ها را پشتیبانی می کند.
آموزش تگ em در Html :
آموزش تگ em در Html :
در این مقاله با آموزش تگ em در Html در کنار شما همراهان عزیز سئوراز هستیم:
برای عبارت های مورد تاکید بکار میبرند که ظاهر آن را نیز مورب یا ایتالیک میکند.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
ساختار تگ <em> :
1 | <em>متن مورد تاکید</em> |
برای مثال:
1 | <em>Emphasized text</em> |
خروجی قطعه کد بالا:
Emphasized text
پشتیبانی مرورگر ها از تگ <em> در HTML :
تمامی مرورگرها از این تگ پشتیبانی می کنند.
نکات تگ <em> :
- تگ <em> و تگ <i> از نظر ظاهری مشابه هم دیگر هستند.
- تگ <em> برای عبارت هایی که میخواهیم روی آنها تاکید کنیم به کار میرود.
- اما تگ <i> فقط برای کلماتی که میخواهیم ظاهر آنها را ایتالیک کنیم به کار میرود و به ارزش کلمه کاری ندارد.
- تگ <em> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
- تگ <em> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.
آموزش تگ dfn در Html :
آموزش تگ 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> :
- استایل پیشفرض تگ <dfn> به صورت ایتالیک میباشد123dfn {font-style: italic;}
- تگ <dfn> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
- تگ <dfn> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.