آموزش تگ های br و hr در html

0 دیدگاه 320 آموزش html

آموزش تگ های br و hr در html

فهرست موضوعات در این آموزش

آموزش تگ های br و hr در html

تگ br چیست ؟ تگ hr چیست ؟ کاربرد تگ br در html چیست ؟ چگونه در یک خط شکستگی ایجاد کنیم ؟ تگ hr در html چیست و چه کابردی دارد ؟اگر به دنبال آموزش این سوالات هستید این آموزش را از دست ندهید .

بنام خدا سلام خدمت شما دوستان و همراهان همیشگی وب سایت پاسخ وردپرس در خدمت شما یا یک دیگه از جلسات آموزش html در این جلسه میخواهیم آموزش تگ های br و hr در html به صورت کامل برسی کنیم پس با من همراه باشید .

تگ hr چیست ؟

تگ hr که مخفف کلمه ی Horizontal Rule می باشد ، تگی است که با استفاده از آن میتوان یک خط افقی صاف ( که البته میتونه صاف هم نباشه ) را در یک صفحه وب ایجاد نمود.

ما معمولا از این تگ برای جداسازی مطالب یا مثلا جداسازی بخش های یک وبسایت استفاده مینماییم، یا بهتر بگیم با استفاده از این تگ میتوان موضوعات را از همدیگر برای خوانایی بهتر ( و بیشتر ) جدا کرد، کلا کاربردش همینه.

<!DOCTYPE html>
<html lang="en" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>hr br tag html</title>
</head>
<body>
 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, dolores.</p>
    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
        <hr style="margin-top: 30px;">
        Voluptatem nulla hic odio recusandae in tempora nesciunt aspernatur accusantium qui quis.</p>
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis, dolores.

Lorem ipsum, dolor sit amet consectetur adipisicing elit.

Voluptatem nulla hic odio recusandae in tempora nesciunt aspernatur accusantium qui quis.

</body>

</html>

صفات تگ hr در html

این تگ دارای صفت‌های (Attributes) مختلف است که هیچ کدام از این صفت‌ها در HTML5 پشتیبانی نمی‌شوند، و همان‌طور که میدانید اخرین نسخه HTML نیز HTML5 می‌باشد. در HTML5 به جای استفاده از این صفت‌ها ، از CSS برای استایل‌دهی و تغییر رنگ و ظاهر تگ hr استفاده می‌کنند.

تگ br در html چیست ؟

با استفاده از تگ br در HTML می‌توانیم در خط شکستگی ایجاد کرده و به سطر بعدی برویم، تگ br از جمله عناصر تهی به شمار می‌آید و به تگ پایانی نیاز ندارد. شما می‌توانید تگ br را به شکل به کار ببرید.
به مثال زیر توجه کنید :

<!DOCTYPE html>
<html lang="en" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>hr br tag html</title>
</head>
<body>
            <p>
                آدرس سایت : اصفهان 
                <br>
                شماره همراه : 09134752222
                <br>
                آدرس ایمیل : replywp@gmail.com
            </p>
</body>
</html>

<!DOCTYPE html>

<head>

</head>

<body>

آدرس سایت : اصفهان

شماره همراه : 09134752222

آدرس ایمیل : replywp@gmail.com

</body>

</html>

اگر شما نیز توسعه دهنده وب هستید ، قطعا نیاز داشتید که در اسناد اچ تی ام ال خود قسمتی از متن را به خط بعدی منتقل کنید.

تگ این شکست خط و انتقال بخشی از متن را در سند اچ تی ام ال به خط بعدی انجام می دهد.

تگ به عنوان یک تگ خالی یا تگ تهی شناسایی می شود.

به عبارت دیگر تگ مانند برخی از تگ های سند اچ تی ام ال تنها شامل تگ باز ( opening tag ) می باشد و تگ پایانی ( تگ بسته ) ( closing tag ) را ندارد.

کاربرد تگ زمانی مهمتر می شود، که توسعه دهنده وب قصد درج آدرس و یا اشعار و… در سند html خود دارد. در این صورت به جای استفاده از تگ p ( پارگراف ) از تگ جهت شکست خط می توان استفاده کرد.

دانلود فایل این جلسه

برای نصب نرم افزار برای کد نویسی html از لینک زیر استفاده فرمایید.

آموزش نرم افزار های مورد نیاز طراحی وب سایت

در صورت که به طراحی وب آشنایی ندارید میتوانید از آموزش زیر استفاده فرمایید .

طراحی وب

در صورت که میخواهید به صورت حرفه ای طراحی وب را فرا بگیرید از لینک زیر استفاده فرمایید .

آموزش css html آموزش HTML5 CSS3

در یافت تمام جلسات آموزش مرحله به مرحله html از لینک زیر استفاده فرمایید.

آموزش html

میانگین رتبه 5/5 تعداد رای : 1

آموزش تگ های br و hr در html