بخش های اصلی

آموزش HTML 5

آموزش HTML - پاراگراف ها

عنصر پاراگراف برای انتشار متن در صفحات وب استفاده می شود.

پاراگراف های HTML

پاراگراف ها با تگ <p> تعریف می شوند. تگ پاراگراف بسیار ابتدایی است و معمولاً اولین تگی است که برای انتشار متن تان روی صفحه های وب به آن احتیاج دارید.

مثال

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

نکته: style sheet های تعبیه شده در مرورگر بطور خودکار مقداری فاصله، بالا و پایینِ محتوای پاراگراف ایجاد می کنند ، ولی می توانید با CSS آن را حذف کنید.

بستن یک عنصر پاراگراف

در html4 و ورژن های قدیمی تر، مقداردهیِ اولیه یک پاراگراف با تگ باز کافی بود. حتی اگر تگ پایان را فراموش کنید بیشتر مرورگرها HTML را به درستی نمایش می دهند.. برای مثال:

<p>This is a paragraph.
<p>This is another paragraph.

مثال بالا در بیشتر مرورگرها کار خواهد کرد. ولی روی آن حساب نکنید . فراموش کردن تگ پایان می تواند نتاج یا خطاهای غیرقابل پیش بینی را ایجاد کند.

نکته: برای اهداف سازگاری و تطبیق و تمرینِ خوب کد نوشتن، توصیه می شود که برای پاراگراف ها از هر دو تگ باز و بسته استفاده کنید.

رفتن به خط بعدی (Liine Breaks)  در HTML

عنصر <br> برای رفتن به خط بعدی بدون ایجاد پاراگراف جدید استفاده می شود.

مثال:

 

<p>This is a paragraph <br> with line break.</p>
<p>This is <br>another paragraph <br> with line breaks.</p>

نکته: از پاراگراف خالی (<p></p>) برای اضافه کردن فاصله اضافی در صفحاتِ وبتان استفاده نکنید. از آنجایی که این تگ یک تگ منطقی است، ممکن است مرورگر پاراگرافِ خالی را نادیده بگیرد. درعوض از پراپرتیِ margin در  CSS برای تنظیماتِ فاصله ها استفاده کنید.

توضیحات (Comments) HTML

توضیحات معمولاً با هدف راحت کردن درک کد، به کد اضافه می شوند. توضیحات ممکن است به توسعه دهندگانِ دیگر (یا به خودتان هنگامی که در آینده می خواهید کد را ویرایش کنید) کمک کند تا بفهمند که شما قصد انجام چکاری را با HTML داشته اید. توضیحات برای برنامه نویسان مهم هستند ولی معمولاً مرورگرها آن ها را نادیده می گیرند.

توضیجاتِ HTML با "<!--" شروع و با "-->" پایان می یابند، مثال زیر را ببینید:

مثال 

<-- This is an HTML comment -->
<h1>This is a heading</h1>
<p>This is a paragraph.</p>

فاصله های HTML

بطور معمول مرورگر چند فاصله ای که در کد HTML با فشردن کلید space از صفحه کلید ایجاد شده اند را یک فاصله درنظر می گیرد، در حالیکه خط های جدیدی که با فشردن کلید enter از صفحه کلید ایجاد شده اند بصورت یک فاصله در نظر گرفته می شوند. برای ایجاد فاصله اضافی از &nbsp; و برای ایجاد خط جدید در متنِ HTML از تگ <br> استفاده کنید.

مثال

<p>multiple&nbsp;&nbsp;&nbsp;spaces.</p>
<p>multiple<br><br>line<br><br><br>breaks.</p>
در صورتی که سوال و یا نظری دارید، از بخش نظرات با ما در میان بگذارید.

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد

شما چه نظر و یا سوالی درباره این نوشته دارید؟

مبحث آموزشی

آموزش HTML 5

Learn HTML 5

سرفصل ها

پرســیدن سؤال جدید

سؤال های تخصصی خود را از ما بپرسید

تبلیغات

دنبال کردن تلگرام کانال سافت اسکیل

https://telegram.me/softskill_ir

عملیات کاربران

خبـرنــامه

Newsletters

در خبــرنـامه سافت اسکیل عضو شویــد تا جدیدترین هـای سایت را بلافاصله در ایمیل خـود دریافت کنیـد