جلسه ششم آموزش html – سایزبندی خطوط افقی

آموزش اچ تی ام ال
۰۹ دی
0

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

در این جلسه با خاصیت size میخوایم به این خطوط سایز هم بدیم که چند پیکسل باشن

به کدهای زیر توجه کنین:

<!DOCTYPE html>
<html>
<head>
<title>جلسه ششم آموزش اچ تی ام ال آنزیم - سایزبندی خطوط افقی</title>
</head>
<body>
خط اول
<hr size="10px" color="red">
خط دوم
<hr size="30px" color="green">
خط سوم
<hr color="blue">
</body>
</html>

میبینین که در داخل تگ hr  ما از کلمه ی size استفاده کردیم تا به html بفهمونیم که خط مورد نظر رو به تعداد پیکسلی که وارد کردیم نشون بده. توجه کنین که عددهایی که جلوش px نوشته شده سایزمونه… با تغییر دادنش میتونین سایز (منظورمون از سایز خطوط افقی همون ضخامتشه)رو تغییر بدین. و یادآوری میکنم که حتما این اعداد با px  روبروشون باید داخل دابل کوتیشن یعنی ” ” قرار بگیرن.
میتونین کدهای آماده رو از فایل زیر دانلود کنین تا ببینین سایز خطوط چطور تغییر کرده.

عنوان فایل:Class06-html-anzim
تعداد دانلود:8
حجم فایل:362.0 B
زبان:Farsi
نویسنده:امین منوچهری
دسته:آموزش html
جواز:رایگان
تاریخ:۱۳۹۵-۱۰-۰۹

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

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

*

code