HTML Tutorial

عنصر <hr>

استخدام الوسم <hr>

يُستخدم الوسم <hr> لإنشاء خط أفقي ضمن صفحة ويب. فهو يساعد على الفصل بين أقسام المحتوى وتوفير فاصل مرئي بين العناصر.

خصائص الوسم <hr>

  • size: تحدد ارتفاع الخط الأفقي بالبكسل.
  • width: تحدد عرض الخط الأفقي كنسبة مئوية أو بالبكسل.

أمثلة على استخدام الوسم <hr>

إنشاء خط أفقي بحجم 2 بكسل:

<hr size="2">

إنشاء خط أفقي بعرض 50%:

<hr width="50%">

مثال توضيحي لاستخدام الوسم <hr>

<!DOCTYPE html>
<html>
<head>
  <title>مثال عن استخدام الوسم <hr></title>
</head>
<body>
  <h1>العنوان الرئيسي</h1>
  <p>فقرة من النص</p>
  <hr>
  <h1>عنوان فرعي</h1>
  <p>فقرة أخرى من النص</p>
</body>
</html>

هذا المثال ينتج صفحة ويب تحتوي على عنوان رئيسي متبوعًا بفقرة من النص. ثم يتم استخدام الوسم

لفصل قسم العنوان الفرعي عن العنوان الرئيسي.