آموزش HTML5 و CSS3 جلسه ۴ خواص یا صفات المان های HTML

بنام خدا ,

آموزش HTML5 و CSS3 جلسه ۴ خواص یا صفات المان های HTML

جهت سند HTML یا همان صفحه وب بصورت پیشفرض از چپ به راست (LTR: Left to Right) است و نیازی به مشخص کردن آن نیست اما برای ما فارسی زبان ها نیاز است تا جهت صفحه را بوسیله ویژگی dir تبدیل به راست به چپ (RTL) کنیم.

در خدمت شما هستم با جلسه ۴ آموزش HTML5 و CSS3 ما توی جلسات قبلی آموختیم که چطور توی صفحات HTML از فایلهای استایل استفاده کنیم .

فارسی نوشتن در HTML:

مراحل فارسی نویسی به طور خلاصه:

۱. ابتدا کد <“meta charset=”utf-8> را در بین تگ <head></head> قرار می‌دهیم. این کار باعث می‌شود تا حروف فارسی دیده شوند و انکودینگ صفحه به صورت کامل و صحیح انجام شود.

۲. با یکی از روش‌هایی که در این مطلب آموزش خواهیم داد، المان‌های خود را از راست به چپ بنویسید.

حالا در ادامه هر کدام از این مراحل را با جزئیات بیشتری برایتان شرح خواهیم داد.

آموزش html

نوشتن کد meta charset

نکته بسیار مهمی که در هنگام نوشتن فارسی یا عربی دقت داشته باشید که حتما کد <“meta charset=”utf-8> را در بین تگ <head></head> قرار دهید. در غیر این صورت حروف شما به صورت ناخوانا و به هم ریخته نمایش داده می‌شوند به مثال زیر نگاه گنید .

بیشتر بخوانید :
آموزش HTML5 و CSS3 جلسه 2 برسی تگ های P و H1 تا H6

آموزش راست به چب کردن html

آموزش راست به چپ کردن جهت متن:

برای نوشتن فارسی در اچ تی ام ال باید به صفحه بگویید که قصد این کار را دارید. یکی از خصیصه هایی که از آن برای این کار استفاده می‌شود direction است. با کمک این المان شما می‌توانید المان‌های خود را از راست به چپ یا از چپ به راست مرتب کنید.

و معمولا این کار را با تعیین کردن این ویژگی برای عنصر html بصورت زیر انجام می دهیم:

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

بیشتر بخوانید :
آموزش جامع html و css به صورت فیلم آموزشی کاملا رایگان به زبان ساده جلسه 1

خوب یک چند مثال را در مورد راست به چپ کردن حل کنیم تا خوب جا بیافته

مرحله اول:

ابتدا تگ <p> یا تگ دلخواه را باز می‌کنیم. در این مثال ما باز هم تگ <p> را انتخاب کرده‌ایم.

در این مرحله

بین دو ” ” استایل مورد نظر = direction را انتخاب می‌کنیم.
روبروی direction; کلمه rtl برای نوشتن از راست به چپ (فارسی و عربی ) و ltr (انگلیسی و …) برای نوشتن از چپ به راست را درج می‌کنیم.

نکته: شما همچنین می‌توانید بدون نوشتن مشخصه Style کلمه dir را به صورت مستقیم هم در کنار نام المان بنویسید. این موضوع در تمامی مرورگرها قابل استفاده است. فقط دقت کنید که بعد از کلمه dir، علامت مساوی و دابل کوتیشن (“”=) قرار دارد. این در حالی است که شیوه نوشتن استایل متفاوت است.

 آموزش زبان html

آموزش خاصیت lang در تگ html:

خاصیت html lang برای تعریف زبان محتوای متن در وب سایت است. این اطلاعات کمک میکند تا موتورهای جتسجو نتایج خاص زبان شما رو به سایت شما ارجاع دهند.
برای استفاده از این تگ کافی است برای تگ html ، خاصیت lang را به کار ببرید.

بیشتر بخوانید :
آموزش html و css آموزش طراحی باکسهای برچسب و تبلیغات 120*240

برای مثال :

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

برای مثال:

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

در اینجا به برخی از کد های برای نمایش زبان های دیگر اشاره شده است.

آموزش اچ تی ام ال

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

منتظر نظرات با ارزش شما هستم موفق پیروز باشید توی زندگی

یک برنامه نویس آزاد که علاقه زیادی به اشتراک گذاری اطلاعات خود با دیگران داردم. همیشه به وردپرس فکر می کنم و عاشق وردپرس هستم. من یک web developer هستم و هدف من آسان کردن ورود سایر دوستان به این شغل جذاب هست. زبان برنامه نویسی محبوب من PHP هست.

لینک کپی شد!

نظر شما در این‌باره چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *