خانه / کامپیوتر / اموزش / آموزش برنامه نویسی HTML (قسمت ۲۵)

آموزش برنامه نویسی HTML (قسمت ۲۵)

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

قبلاً با تگ <hr> آشنا شدیم که برای ما یک خط افقی به اندازه صفحه ایجاد میکرد، که به صورت زیر قابل استفاده بود :

نتیجه به صورت زیر می باشد که یک خط افقی است :


 

 

این تگ دارای چندین شناسه می باشد که میتوانیم برای شخصی سازی خط افقی از آنها استفاده کنیم که به شرح زیر هستند :

 

Width : این شناسه طول خط افقی را تنظیم میکند که دارای مقادیر عددی بر حسب پیکسل می باشد.

 


 


 


 


 

 

Align : توسط این شناسه میتوانیم جهت قرار گرفتن خط افقی را مشخص کنیم که دارای مقادیر Left و Right می باشد.

توجه کنید که جهت وسط چین کردن خط افقی از تگ <center> و </center> استفاده میکنیم.


 


 


 

Size : با استفاده از این شناسه ما میتوانیم قطر خط را مشخص کنیم ، اندازه پیشفرض خط افقی ۲ پیکسل می باشد.

5646546546

 

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

 

Noshade : این شناسه وقتی درون تگ <hr> قرار بگیرد، خط افقی را تو پر میکند.

 

222222

شناسه noshade در مواقعی که پهنا برای خط افقی نداشته باشید تاثیری ندارد به همین دلیل از نوشتن آن خودداری میکنیم اما در خطوطی که پهنای بیشتر از ۲ دارند برای آنها میتوانیم استفاده کنیم .

 

در برخی مرورگرها مانند اینترنت Internet Explorer 4.0 به بعد و Mozilla Firefox امکان تغییر رنگ خط نیز وجود دارد. اما ممکن است این رنگ در همه مرورگرها مثلاً Opera 9.0 قابل مشاهده نباشد و خط به رنگ پیش فرض مشاهده شود.

 

Color : با استفاده از این شناسه میتوانید رنگ پیشفرض خط افقی (رنگ خاکستری) را تغییر دهید.

111111

 

ما به طور کلی در این آموزش با شناسه های مختلف قابل استفاده برای خط افقی hr آشنا شدیم ، در آموزش بعد به تنظیم قلم مورد استفاده برای متن در HTML میپردازیم.


موفق باشید.

 

 دانلود سورس آموزش این جلسه (حجم : ۱ کیلوبایت)

درباره ی nasimazadi

همچنین ببینید

واحد پردازش مركزي CPU 

واحد پردازش مركزي CPU مدت زمان انجام يك كار بوسيله كامپيوتر، به عوامل متعددي بستگي …

پاسخ دهید

%u0637%u0631%u0627%u062D%u06CC %u0633%u0627%u06CC%u062A
طراحی سایتسئوفروش ویلا و اجاره ویلاسرویس و تعمیر کولر گازیاجاره ویلافروش ویلا