آموزش HTML : خواص شیوه نامه ها خواص متنی

آموزش HTML

سری آموزش های HTML فصل پنچم:

آموزش HTML:شیوه نامه ها انواع و خواص

سلام  خدمت همراهان عزیز  یکشنبه ها و پنج  شنبه ها با آموزش زبان برنامه نویسی (HTML)و (PHP) همراه شما هستیم. برای اطلاعات بیشتر به مقاله ی هفته ی قبل مراجعه فرمایید .

Cover.crop_605x454_1,0

عنوان آموزش امروز:

خواص متنی:

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

خاصیت word-spacingاین خاصیت فاصله بین کلمات را تعیین می کند مقدار normal از حالت پیش فرض مرورگر استفاده می کند فاصله بین کلمات را می توان با اینچ (in)، سانتیمتر (cm)، میلی متر (mm)، نقاط (pt)، پیکاس (pc)، میزان (em) و پیکسل (px) تعیین کرد. بسیاری از مرورگر ها از این خاصیت پشتیبانی نمی کنند.

word-spacing : 10pt

word-spacing : 1cm

خاصیت letter-spacing: این خاصیت میزان فاصله بین حروف را تعیین می کند . مقدار normal این فاصله را به عهده مرورگر می گذارد فاصله را می توان برحسب اینچ (in) ، سانتیمتر (cm) و سایر مواردی که در word-spacing گفته شد تعیین کرد:

letter-spacing : 0.2em

letter-spacing : 2 px

خاصیت vertical-align:  این خاصیت موقعیت عمودی متن و تصویر را نسبت به خط پایه مشخص می کند مقادیری را که این خاصییت می تواند بپذیرد عبارتند از baseline، sub، super ، top، text ، middle ، bottom ، bottom- text و مقادیر در صد . این مقادیر را می توانید با صفت ALIGN مربوط به دستور <IMG> مقایسه کنید . مقدار پیش فرض این خاصیت ، baseline است . دستورات زیر را ببینید:

vertical-align : text-top

vertical-align : sub ; font-size : 75%

خاصیت text-align : این خاصیت متن موجود در دستورات بلوکی مثل <P> و <P/> را تنظیم می کند مقادیر این خاصیت عبارتند : left، right ، center ، و justify. دستورات زیر را ببینید:

text-align : justify

text-align : center

خاصیت text-indent: این خاصیت تو رفتگی اولین خط از متن را در دستورات بلوکی مثل <P> تعیین می کند . مقادیر آن برحسب pt، px ،cm و غیره اند:

text-indent : 2em

text-indent : 50px

این خاصیت می تواند مقادیر منفی را بپذیرد که منجر به بیرون رفتگی متن می شود:

text-indent : -10px ; background : yellow
معرفی سایت های آموزش زبان HTML
https://codecademy.com
https://html.com

خاصیت line-height:  این خاصیت فاصله بین خطوط متن را در دستورات بلوکی مثل <P> تعیین می کند . مقادیر این صفت می تواند به صورت تعداد خطوط (1.4) طول (14pt) یا در صدی از ارتفاع خط بیان شود (مثل 200%) بنابراین ، برای اینکه فاصله خطوط دو برابر شود از دستورات زیر استفاه می گردد:

line-height : 2

line-height : 200%

خاصیت text-decoration: این خاصیت جلوه ای را بر روی متن ایجاد میکند. مقدار blink متن را چشمک زن line-through خطی را بر روی متن رسم می کند overline خط را بر بالای متن و underline خطی را در زیر متن رسم می کند و none جلوه ای ندارد . معمولا این خاصیت با دستور <A> به کار می رود تا وضعیت پیوند را مشخص کند:

text-decoration: line through

text-decoration: blink

خاصیت text-transform :  این خاصیت حروف متن را به حروف کوچک یا بزرگ تبدیل می کند . مقادیر این خاصیت عبارتند از capitalize ، uppercase ، lowercase ، و none توجه کنید که مقدار capitalize  ممکن است تمام کمات را به حروف بزرگ تبدیل نماید. دستورات زیر را ببینید:

text-transform: capitalize

text-transform: uppercase

برگرفته از :

کتاب راهنمای جامع (HTML, BHTML, XML)

دکتر عین الله جعفر نژاد قمی

پاسخ به سوال دوستان :

شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟

دلیل اینکه می‌گوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از

تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.

یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر می‌کنند نیاز به وب سایت ندارند.

توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش می‌رود و نداشتن وب سایت

برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید

آدرس ایمیل:  info@arazpardazesh.com

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kla

تماس با ما:     https://arazpardazesh.com/contact

دیدگاهتان را بنویسید

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

5 × سه =