آموزش رایگان HTML مقدماتی تا پیشرفته بخش پاراگراف
آموزش رایگان HTML مقدماتی تا پیشرفته بخش پاراگراف
تگ p یک پاراگراف جدید در صفحه تعریف می کند. مرورگر یک خط خالی قبل و بعد از پاراگراف اضافه می کند. تگ <p> شروع پاراگراف جدید را نشان می دهد.
توجه: اگر از تگ های <p> متوالی در یک فایل HTML استفاده کنیم، مرورگر به طور خودکار یک خط خالی بین هر دو پاراگراف اضافه می کند.
مثال
فهرست عناوین
1 2 3 4 5 |
<p>This is first paragraph.</p> <p>This is second paragraph.</p> <p>This is third paragraph.</p> |
فاصله در پاراگراف
اگر هنگام نوشتن کد، فاصله های زیادی را (به صورت پشت سر هم) در تگ p قرار دهید، مرورگر تعداد فاصله ها و خطوط را یک فاصله در نظر می گیرد و فاصه ها و خط های اضافی را حذف می کند.
مثال
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<p> I am going to provide you a tutorial on HTML and hope that it will be very beneficial for you. </p> <p> Look, I put here a lot of spaces but I know, Browser will ignore it. </p> <p> You cannot determine the display of HTML</p> <p>because resized windows may create different result.</p> |
مطالب پیشنهادی همیارمن در بخش HTML:
استفاده از تگ های <br> و <hr> با پاراگراف
می توانید برای رفتن به خط بعدی درون یک پاراگراف از تگ <br> برای شکستن خط استفاده کنید. مثال زیر نحوه استفاده از تگ <br> با عنصر <p> را نشان می دهد.
مثال
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<!DOCTYPE html> <html> <head> </head> <body> <h2> Use of line break with pragraph tag</h2> <p><br>Papa and mama, and baby and Dot, <br>Willie and me?the whole of the lot <br>Of us all went over in Bimberlie’s sleigh, <br>To grandmama’s house on Christmas day. </p> </body> </html> |
برای جدا کردن دو جمله یا دو پاراگراف می توان با استفاده از تگ <hr> یک خط افقی بین آن ها قرار داد. مثال زیر نحوه استفاده از تگ <hr> با عنصر <p> را نشان می دهد.
مثال
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html> <head> </head> <body> <h2> Example to show a horizontal line with paragraphs</h2> <p> An HTML hr tag draw a horizontal line and separate two paragraphs with that line.<hr> it will start a new paragraph. </p> </body> </html> |
برای یادگیری تمامی محبث های این دوره میتوانید اینجا کلیک کنید.
دیدگاهتان را بنویسید