صفحه اول >> دانستنی ها >>
آموزش تگ hr در HTML - راهنمای ایجاد خط افقی در html
تگ hr برای ایجاد خط افقی و جداسازی بخش های یک صفحه استفاده می شود.
تگ hr برای ایجاد خط افقی و جداسازی بخش های یک صفحه استفاده می شود.
ویژگی ظاهری خط با css قابل تغییر است.
مثال تگ hr در HTML
مثال 1:
<h1>The Main Languages of the Web</h1>
<p>HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page, and consists of a series of elements. HTML elements tell the browser how to display the content.</p>
<hr>
<p>CSS is a language that describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work, because it can control the layout of multiple web pages all at once.</p>
<hr>
<p>JavaScript is the programming language of HTML and the Web. JavaScript can change HTML content and attribute values. JavaScript can change CSS. JavaScript can hide and show HTML elements, and more.</p>
<p>HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page, and consists of a series of elements. HTML elements tell the browser how to display the content.</p>
<hr>
<p>CSS is a language that describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work, because it can control the layout of multiple web pages all at once.</p>
<hr>
<p>JavaScript is the programming language of HTML and the Web. JavaScript can change HTML content and attribute values. JavaScript can change CSS. JavaScript can hide and show HTML elements, and more.</p>
مثال 2: خط چپ چین
<hr style="width:50%;text-align:left;margin-left:0">
مثال 3: تغییر رنگ و پهنای خط
<hr style="height:5px;border-width:0;color:gray;background-color:gray">
مثال 4: تغییر ارتفاع خط
<hr style="height:30px">
مثال 5: تغییر پهنای خط
<hr style="width:50%">
پشتیبانی مرورگرها
تگ <hr> در مرورگرهای کروم، فایرفاکس، اپرا، سافاری، اینترنت اکسپلورر و اج پشتیبانی می شود.
ویژگی ها
| ویژگی | مقدار | توضیحات |
| align | left center right |
موقعیت قرارگیری خط را مشخص می کند. |
| noshade | noshade | سایه دار بودن خط را مشخص می کند. |
| size | pixels | ارتفاع خط را مشخص می کند. |
| width | pixels % |
پهنای خط را مشخص می کند. |
پشتیبانی از ویژگی ها و رویدادهای عمومی
تگ <hr> از ویژگی های عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
دستورات CSS پیش فرض
معمولا مرورگرها تگ hr را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
موضوع: آموزش HTML
نظرات نظرات تا اطلاع ثانوی غیر فعال است.