آموزش و یادگیری تگ br در HTML

در اين بخش از دوره آموزش HTML در آموزش دون، با تگ <br> آشنا مي‌شويم. اين تگ براي ايجاد **شکست خط يا خط جديد** در متن استفاده مي‌شود و معمولاً زماني کاربرد دارد که مي‌خواهيم بدون ايجاد پاراگراف جديد، متن را به خط بعد منتقل کنيم.

تگ br در HTML چيست؟

تگ <br><p> اين است که <p>

مثال ساده از تگ br

<p>
  اين خط اول متن<br>
  اين خط دوم متن<br>
  اين خط سوم متن
</p>

در اين مثال، متن هر خط بعد از تگ <br> در خط جديد نمايش داده مي‌شود.

استفاده در فرم‌ها و آدرس‌ها

<p>
آدرس شرکت:<br>
تهران، خيابان وليعصر<br>
کوچه آموزش دون
</p>

در اين مثال، آدرس به صورت چند خطي بدون ايجاد پاراگراف جداگانه نمايش داده مي‌شود.

نکات حرفه‌اي

• تگ <br>
• براي فاصله عمودي بزرگ‌تر يا ساختاردهي بلوک‌ها بهتر است از <p> يا CSS استفاده کنيد.
• در HTML5 اين تگ بدون نياز به اسلش پايان (/) نيز معتبر است: <br>.

مثال با CSS براي کنترل فاصله خط

<style>
br {
  line-height: 1.5em;
}
</style>

<p>
خط اول<br>
خط دوم با فاصله بيشتر<br>
خط سوم
</p>

براي يادگيري ساير تگ‌هاي HTML و طراحي صفحات وب حرفه‌اي، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.