طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهی

طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهی

طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهی

طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهی

آموزش تگ br در Html

آموزش تگ br در Html

با آموزش تگ br در Html در خدمت شما هستیم:

در html برای اینکه مرور گرها بتوانند فاصله های پشت سرهم که ایجاد می شود را ایجاد نمایند از تگ br استفاده می کنند. (طراحی سایت , سئو سایت , طراحی سایت )

تگ br درواقع یک خط اجباری برای ایجاد فاصله بین خطوط می باشد. (طراحی سایت فروشگاهی , طراحی سایت شرکتی ساخت سایت , قیمت طراحی سایت )


همیشه باید دقت داشته باشید که از این تگ برای رفتن به خط جدید استفاده کنید و هرگز درون پاراگراف ها از آن استفاده نکنید.

این تگ از جمله عناصری است که دارای تگ پایانی نمی باشد و یک عنصر تهی به حساب می آید.

این تگ می تواند برای نوشتن اشعار و یا ایجاد آدرس استفاده شود.

کد زیر یک نمونه استفاده از تگ br را نشان می دهد:

خروجی کد بالا به شکل زیر خواهد بود: 

To break lines
in a text,
use the br element.

این تگ تمامی ویژگی های عمومی و رویدادهای عمومی را در Html پشتیبانی می کند.

پشتیبانی مرور گرها از تگ br در Html:

تمامی مرور گر ها را پشتیبانی می کند.

آموزش تگ bdi در html :

آموزش تگ bdi در html :

در این مقاله با آموزش تگ bdi در html در خدمت علاقه مندان به یادگیری html هستیم. (طراحی سایت , سئو سایت , طراحی سایت )

تگ bdi مخفف شده عبارت Bi-Directional Isolation به معنی جداسازی دوطرفه میباشد. (طراحی سایت فروشگاهی , طراحی سایت شرکتی ساخت سایت , قیمت طراحی سایت )

اگر خیلی کوتاه و مختصر بخوایم کاربرد تگ <bdi> رو توضیح بدم باید بگم که فکر کنید زبان سایت شما انگلیسی هستش و یک عبارت فارسی یا عربی در آن به کار میبرید و ظاهر جمله بندی شما به هم میریزد.

این تگ برای جهت دهی به این چنین عباراتی ساخته شده است که بتواند به عبارت غیر مرتبط با زبان اصلی سایت شما را جهت دهی کند و ظاهر آن حفظ شود.

 

ساختار تگ <bdi> :

برای مثال عبارت زیر را در نظر بگیرید:

My country is ایران in the Middle East.

خروجی قطعه کد بالا:

My country is ایران in the Middle East.

 

پشتیبانی مرورگر ها از تگ <bdi> در HTML :

تمامی مرورگرها به جز IE از این تگ پشتیبانی می کنند.

 

نکات تگ <bdi> :

  • تگ <bdi> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
  • تگ <bdi> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.

آموزش تگ hr در Html

آموزش تگ hr در Html

تگ hr از آن دسته تگ هایی است که جزو عناصر تهی به شمار می رود و برای ایجاد خط بین دو مبحث جدا در صفحات Html از آن استفاده می شود. (طراحی سایت , سئو سایت , طراحی سایت )

توجه داشته باشید که این تگ در Html5 برای جداکردن دو موضوع و در Html4 برای کشیدن یک خط استفاده شده است. (طراحی سایت فروشگاهی , طراحی سایت شرکتی ساخت سایت , قیمت طراحی سایت )

از نکات دیگری که باید گفته شود اینست که چون در html5 تمام خصوصیت های تگ hr قابل پشتیبانی نیست بنابراین باید از CSS برای ایجاد این خصایص کمک گرفته شود.

در زیر قطعه کدی مشاهده می کنید که در آن از تگ hr برای ایجاد فاصله بین دو پاراگراف تگ p ایجاد شده است:

خروجی کد بالا به شکل زیر می باشد:

تیتر اول

پاراگراف اول.


تیتر دوم

پاراگراف دوم.

خصوصیت های تگ hr در Html:

 

خصوصیتمقدارتوضیحات
alingleft
center
right
justify
این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود.
با استفاده از این خصوصیت می توانید نحوه سرتیر و عنوان بندی را تغییر دهید.
این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود.
با استفاده از این خصوصیت می توانید نحوه ترازبندی عنوان را تغییر دهید.
noshadenoshadeاین خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود.
با استفاده از این خصوصیت تگ hr بدون سایه و تنها با یک رنگ به نمایش در می آید.
sizepixelsاین خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود.
توسط این خصوصیت می توانید ارتفاع تگ hr را تغییر دهید.
widthpixels
%
این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود.
توسط این خصوصیت می توانید ارتفاع تگ hr را تغییر دهید.

 

تگ hr تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی می کند.

پشتیبانی مرور گرها از تگ hr در Html:

تمامی مرور گر ها را پشتیبانی می کند.

آموزش تگ bdo در Html :

آموزش تگ bdo در Html :

در این مقاله با آموزش تگ bdo در Html همراه علاقه مندان به یادگیری HTML هستیم. (طراحی سایت , سئو سایت , طراحی سایت )

تگ bdo در واقع مخفف شده عبارت Bi-Directional Override هست و به عنوان متن برگردان عمل میکند.(طراحی سایت فروشگاهی , طراحی سایت شرکتی ساخت سایت , قیمت طراحی سایت )

برای آشنایی بیشتر با تگ <bdo> با ما همراه باشید.

 

ساختار تگ <bdo> :

برای مثال:

خروجی قطعه کد بالا:

متن نمونه یک پاراگراف فارسی که از راست به چپ است
متن نمونه یک پاراگراف فارسی که از راست به چپ است

 

پشتیبانی مرورگر ها از تگ <bdo> در HTML :

تمامی مرورگرها از این تگ پشتیبانی می کنند.

 

خصوصیات تگ <bdo> :

خصوصیاتمقدارتوضیحات
dirltr
rtl
استفاده از این خصوصیت برای این تگ لازم و ضرروری است و عدم استفاده از آن عملا باعث بی خاصیت شدن این تگ میشود.

 

نکات تگ <bdo> :

  • تگ <bdo> بدون خصوصیت dir خود هیچ معنی و مفهومی ندارد!!!!!!!!!!!
  • تگ <bdi> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
  • تگ <bdi> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.

آموزش تگ کامنت در Html

آموزش تگ کامنت در Html

با آموزش تگ کامنت در Html همراه شما هستیم:

وقتی شما یک صفحه Html  ایجاد می کنید پس از درج کدهای طولانی و تو در تو ممکن است پس از مدتی برای تغییرات در کدهایتان دچار مشکل شوید. چون آنقدر تعداد خطوط کد هایی که وارد کرده اید زیاد است نمی توانید برای تغییر خط حاوی کد مورد نظر خود اقدام لازم را انجام دهید، در نتیجه دچار سردرگمی می شوید.(طراحی سایت , سئو سایت , طراحی سایت )

تگ کامنت به شکل <–…–!> در صفحات Html قرار می گیرد.

تگ کامنت از این رو می تواند برای نشانه گذاری قسمت های مختلف کد html شما استفاده شود. (طراحی سایت فروشگاهی , طراحی سایت شرکتی ساخت سایت , قیمت طراحی سایت )


همیشه سعی کنید بجا و به موقع ازین تگ استفاده کنید تا افرادی که بعد از شما می خواهند به ویرایش کد ها بپردازند به مشکل برنخورند.

یکی دیگر از کاربردهای مفید تگ کامنت، مخفی کردن بخشی از کدهای شمااست. برای این منظور تنها کافی است قطعه کد مورد نظر خود را در وسط تگ کامنت قرار دهید.

تگ های کامنت می توانند هم به صورت مشروط استفاده شوند و هم در یک نرم افزار ت

قطعه کد زیر نحوه کامنت گذاری در صفحات Html را نشان می دهد: 

تگ کامنت هیچ یک از ویژگی های عمومی و رویداد های عمومی را پشتیبانی نمیکند.


پشتیبانی مرور گرها از تگ کامنت در Html:

تمامی مرور گر ها را پشتیبانی می کند.