آموزش جامع html - قسمت بيست و چهارم - ايجاد خط

[TAHA]

اهداف این درس

1- ایجاد خط افقی با قاب متفاوت
2- ایجاد خط با پهنای متفاوت
3- ایجاد خط بدون سایه

شروع درس


سایز خط

اولین مورد این است که خطوطی می تواند با پهنای متفاوت در صفحه ظاهر شوند .
http://www.ostadonline.com/img/htm/114.gif
N برحسب Pixel می باشد .
< hr size=2 >same as< /hr > < hr size=8 >

پهنای خط

ویژگی اختیاری دیگری که در تگ < hr > وجود دارد این است که شما می توانید کنترلی بر طول خط داشته باشید که لازم نیست تا کل طول صفحه ادامه داشته باشد .
< hr width=x >
< hr width=z% >
x عددی بر اساس Pixel می باشد که شامل طول خط است و Z در صدی از طول صفحه جاری می باشد که به طور معمول ما درصد را به شما توصیه می کنیم. http://www.ostadonline.com/IMG/HTM/21.GIF

http://www.ostadonline.com/img/htm/rr65.gif


طبیعی است که اگر خواستید چندین خط را در وسط قرار دهید هر کدام از آنها در یک خط جداگانه ظاهر خواهند شد . < p > ...< / p alignment=center >
بیشتر مرورگرها از این تگ پشتیبانی می کنند اما ممکن است بعضی از مرورگرها آن را نادیده بگیرند و از آن چشم پوشی کنند .
حال به آرایش صفحه ساخته شده خود می پردازیم :
1- صفحه index.html را باز کنید .
2- بخش زیر را در آن وارد کنید :
http://www.ostadonline.com/img/htm/115.gif

و آن را با عبارات زیر جایگزین کنید
http://www.ostadonline.com/img/htm/116.gif

بدون سایه
ممکن است شما نخواهید از سایه در خط استفاده کنید .
http://www.ostadonline.com/img/htm/117.gif

مروری بر مطالب

1- چگونه می توانید سایز خط افقی را تغییر دهید؟
2- چگونه می توانید طول خط خود را تغییر دهید؟
3- توانایی صفت noshade در تگ hr چیست ؟

تمرین

در صفحات خود از تگ < hr > استفاده کنید.