در این نوشته با آموزش تگ ins در Html در خدمت شما هستیم:
در بعضی مواقع شما نیاز دارید مطالب خود را به دلایل زیاد و مختلفی به روز کنید، بخشی از متن را پاک کنید و قسمت های جدیدی به متن اضافه کنید.
شما با استفاده از تگ <ins> به موتور های جستجو و خزنده ها اعلام میکنید که این بخش از متن، نوشته جدید می باشد.
تگ <ins> بیشتر با تگ <del> به کار میرود تا هم بخش حذف شده را به موتورهای جستجو اعلام کنید و هم بخش اضافه شده (جدید، جایگزین) را اعلام کنید.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
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!
تمامی مرورگرها از این تگ پشتیبانی می کنند.
| خصوصیت | مقدار | توضیحات |
| cite | URL | منبعی که با استدلال آن باعث شده تا شما متن را تغییر بدهید معرفی میکند. |
| datetime | YYYY-MM-DDThh:mm:ssTZD | تاریخ و زمان تغییر متن را مشخص میکند. |
در این نوشته با آموزش تگ i در Html در سایت سئوراز در کنار شما علاقه مندان به آموزش html هستیم:
تگ <i> از تگ های inline و درون متنی میباشد و فقط برای مورب کردن نوشته بین این تگ کاربرد دارد.
نوشته بین دو تگ <i> و تگ <em>، مورب میشوند اما تگ <em> علاوه بر مورب کردن، به آن نوشته تاکید هم دارد که میتواند به موتور های جستجو کمک کند ولی تگ <i> صرفا نوشته را مورب میکند و فاقد ارزش دیگری است.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
1 | <i>italic word</i> |
برای مثال:
1 | در این نوشته میتوانید تفاوت <i>نوشته مورب</i> با نوشته معمولی را مشاهده کنید. |
خروجی قطعه کد بالا:
در این نوشته میتوانید تفاوت نوشته مورب با نوشته معمولی را مشاهده کنید.
تمامی مرورگرها از این تگ پشتیبانی می کنند.
در این مقاله با آموزش تگ font در Html کنار شما همراهان سئوراز هستیم:
همانطور که از اسم تگ مشخص است، تگ فونت برای نوشته های ما به کار میرود و میتواند مقادیری مانند رنگ(color)، اندازه(size) و ظاهر فونت (face) را تغییر دهد.
البته تگ <font> در HTML5 پشتیبانی نمیشود و بهتر است که از تگ font در css استفاده کرد.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
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!
تمامی مرورگرها از این تگ پشتیبانی می کنند. اما دیگر در HTML5 پشتیبانی نمیشود و باید از css استفاده کرد.
| خصوصیت | مقدار | توضیحات |
| size | اعداد بین 1 الی 7 | مشخص کننده سایز فونت میباشد که در زیر مشخصات و معنی هر عدد را مشاهده میکنید: 1- x-small:10px |
| color | XXXXXX# rgb(x,x,x) نام رنگ (red,blue,yellow….) | رنگ نوشته را مشخص میکند. |
| face | font_family | فونت نوشته را مشخص میکند. |
با استفاده از تگ 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> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| for | element_id | بااستفاده از این خصوصیت می توانید id کنترلی را که در تگ lable وجود دارد را مشخص نمایید. |
| form | form_id | توسط این خصوصیت تعداد فرم هایی را که lable به آن ها تعلق دارد را مشخص می کند. پشتیبانی Html5 |
تگ select تمام ویژگی های عمومی و رویداد های عمومی را در 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> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| disabled | disabled | با استفاده از این خصوصیت می توانید option مورد نظر را غیر فعال نمایید. |
| label | text | توسط این خصوصیت می توانیم یک برچسب کوتاه برای option موردنظر داشته باشیم. |
| selected | selected | اگر این خصوصیت برای تگ option قرار داده شود گزینه ها به طور پیش فرض بعد از لود صفحه انتخاب شده اند. |
| value | text | بامقدار دهی به این خصوصیت می توانیم به سرور بفهمانیم چه مقداری در انتخاب شده است. |
تگ option تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
تمامی مرور گر ها را پشتیبانی می کند.