تگ hr از آن دسته تگ هایی است که جزو عناصر تهی به شمار می رود و برای ایجاد خط بین دو مبحث جدا در صفحات Html از آن استفاده می شود. (طراحی سایت , سئو سایت , طراحی سایت )
توجه داشته باشید که این تگ در Html5 برای جداکردن دو موضوع و در Html4 برای کشیدن یک خط استفاده شده است. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
از نکات دیگری که باید گفته شود اینست که چون در html5 تمام خصوصیت های تگ hr قابل پشتیبانی نیست بنابراین باید از CSS برای ایجاد این خصایص کمک گرفته شود.
در زیر قطعه کدی مشاهده می کنید که در آن از تگ hr برای ایجاد فاصله بین دو پاراگراف تگ p ایجاد شده است:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!DOCTYPE html> <html> <body> <h2>تیتر اول</h2> <p>پاراگراف اول.</p> <hr> <h2>تیتر دوم</h2> <p>پاراگراف دوم.</p> </body> </html> |
خروجی کد بالا به شکل زیر می باشد:
پاراگراف اول.
پاراگراف دوم.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| aling | left center right justify | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه سرتیر و عنوان بندی را تغییر دهید. این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه ترازبندی عنوان را تغییر دهید. |
| noshade | noshade | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت تگ hr بدون سایه و تنها با یک رنگ به نمایش در می آید. |
| size | pixels | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید ارتفاع تگ hr را تغییر دهید. |
| width | pixels % | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید ارتفاع تگ hr را تغییر دهید. |
تگ hr تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی می کند.
تمامی مرور گر ها را پشتیبانی می کند.
در این مقاله با آموزش تگ bdi در html در خدمت علاقه مندان به یادگیری html هستیم. (طراحی سایت , سئو سایت , طراحی سایت )
تگ bdi مخفف شده عبارت Bi-Directional Isolation به معنی جداسازی دوطرفه میباشد. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
اگر خیلی کوتاه و مختصر بخوایم کاربرد تگ <bdi> رو توضیح بدم باید بگم که فکر کنید زبان سایت شما انگلیسی هستش و یک عبارت فارسی یا عربی در آن به کار میبرید و ظاهر جمله بندی شما به هم میریزد.
این تگ برای جهت دهی به این چنین عباراتی ساخته شده است که بتواند به عبارت غیر مرتبط با زبان اصلی سایت شما را جهت دهی کند و ظاهر آن حفظ شود.
1 | <bdi>txt</bdi> |
برای مثال عبارت زیر را در نظر بگیرید:
My country is ایران in the Middle East.
1 | My country is <bdi>ایران</bdi> in the Middle East. |
خروجی قطعه کد بالا:
My country is ایران in the Middle East.
تمامی مرورگرها به جز IE از این تگ پشتیبانی می کنند.
با آموزش تگ br در Html در خدمت شما هستیم:
در html برای اینکه مرور گرها بتوانند فاصله های پشت سرهم که ایجاد می شود را ایجاد نمایند از تگ br استفاده می کنند. (طراحی سایت , سئو سایت , طراحی سایت )
تگ br درواقع یک خط اجباری برای ایجاد فاصله بین خطوط می باشد. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
همیشه باید دقت داشته باشید که از این تگ برای رفتن به خط جدید استفاده کنید و هرگز درون پاراگراف ها از آن استفاده نکنید.
این تگ از جمله عناصری است که دارای تگ پایانی نمی باشد و یک عنصر تهی به حساب می آید.
این تگ می تواند برای نوشتن اشعار و یا ایجاد آدرس استفاده شود.
کد زیر یک نمونه استفاده از تگ br را نشان می دهد:
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html> <body> <p> To break lines<br>in a text,<br>use the br element. </p> </body> </html> |
خروجی کد بالا به شکل زیر خواهد بود:
To break lines
in a text,
use the br element.
این تگ تمامی ویژگی های عمومی و رویدادهای عمومی را در Html پشتیبانی می کند.
تمامی مرور گر ها را پشتیبانی می کند.
در این مقاله با آموزش تگ b در html د رخدمت شما علاقه مندان به مبحث html هستیم:
تگ <b> برای ضخیم کردن یک کلمه یا عبارت در متن به کار میرود.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
1 | <b> متن مورد نظر </b> |
برای مثال:
1 | This is a normal text. This is a <b>Bold</b> text. |
خروجی قطعه کد بالا:
This is a normal text. This is a Bold text.
تمامی مرورگرها از این تگ پشتیبانی می کنند.
با آموزش تگ p در Html در خدمت شما هستیم:
برای ایجاد متون در صفحات Html از تگ p نیز استفاد می شود. این تگ می تواند حامل تعریف یک پاراگراف نیز باشد. (طراحی سایت , سئو سایت , طراحی سایت )
برای استفاده از این تگ باید از دو تگ باز و بسته به صورت <p></p> نیز استفاده کرد.
وقتی شما یک پاراگراف را با تگ p ایجاد می نمایید یعنی به موتورهای جستجو می فهمانید که در این قسمت با یک پاراگراف مواجه هستند. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
تگ p به تنهایی عضو عناصر بلاکی یا (block level) می باشد.
وقتی شما یک پاراگراف را با تگ p ایجاد می نمایید مرور گر به طور خود کار یک فضای خالی در قسمت پایین و بالای پاراگ راف شما ایجاد می نمایند که برای رفع این مشکل با استفاده از css ریست می توان به نتیجه مطلوب رسید.
در قسمت زیر یک نمونه از پاراگراف ایجاد شده با استفاده از تگ p را مشاهده می کنید:
1 2 3 4 5 6 7 8 9 | <html> <body> <p>پاراگراف نمونه یک.</p> <p>پاراگراف نمونه دو.</p> <p>پاراگراف نمونه سه.</p> </body> </html> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| aling | left right center justify | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه جهت دهی به متن پاراگراف را تغییر دهید. توسط این خصوصیت پاراگراف در قسمت وسط قرار می گیرد. با استفاده از این خصوصیت می توانید نحوه ترازبندی پاراگراف را تغییر دهید. |
تمامی مرور گر ها را پشتیبانی می کند.