29 lines
1.3 KiB
Markdown
29 lines
1.3 KiB
Markdown
|
---
|
||
|
title: Create a Horizontal Line Using the hr Element
|
||
|
localeTitle: إنشاء خط أفقي باستخدام عنصر hr
|
||
|
---
|
||
|
## إنشاء خط أفقي باستخدام عنصر hr
|
||
|
|
||
|
تعد علامة `hr` واحدة من أبسط عناصر HTML. يقوم بإنشاء خط خط أفقي رفيع عبر العنصر الرئيسي.
|
||
|
|
||
|
يستخدم هذا الدرس علامة `hr` لفصل عنوان ومحتوى "البطاقة". إذن كيف يمكنك إنشاء عنصر `hr` ؟
|
||
|
|
||
|
`
|
||
|
<!-- It's this easy -->
|
||
|
<hr>
|
||
|
`
|
||
|
|
||
|
هذا العنصر مغلق ذاتيًا ، ولكن يجب أن تضيف علامة إغلاق صريحة لكي تكون وديًا للمحللات والألعاب.
|
||
|
|
||
|
`
|
||
|
<hr />
|
||
|
`
|
||
|
|
||
|
أيًا كان التنسيق الذي تختاره ، سيؤدي إلى إنشاء خط أفقي كما في [هذا الدرس](https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/) على [freeCodeCamp](https://www.freecodecamp.org/) . في ما يلي لقطة شاشة من هذا الدرس تظهر عنصر `hr` مضمّن في div.
|
||
|
|
||
|
![مثال hr](https://i.imgur.com/RMTqXPw.png)
|
||
|
|
||
|
## مصادر:
|
||
|
|
||
|
* [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr)
|
||
|
* [W3C](http://w3c.github.io/html-reference/hr.html)
|