آموزش گام به گام html - سر فصلها و پاراگرافها

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

<h1>heading1</h1>

heading1

<h2>heading2</h2>

heading2

<h3>heading3</h3>

heading3

<h4>heading4</h4>

heading4

<h5>heading5</h5>

heading5

<h6>heading6</h6>

heading6

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

وقتی که تگ <br> در متنی وارد می شود بقیه آن خط به خط بعد منتقل می شود. در حقیقت تگ <br> یا همان Line Break کاری مشابه فشردن کلید Enter به همراه Shift را انجام می دهد. قابل ذکر است که این تگ نیازی به تگ پایانی ندارد. به یک مثال توجه کنید:

This is the first line <br> Here is the second line

نتیجه مثال بالا به اینگونه است:

This is the first line
Here is the second line

مرورگر اصولاً تا وقتی که به کمبود فضا برای یک خط بر نخورد به خط بعدی نمی رود. اما تگ <br> مرورگر را مجبور می کند به خط بعدی برود.مثلاً متن زیر را در ویرایشگر متن خود بنویسید و به صورت html ذخیره کنید، فقط یک خط را در مرورگر خود خواهید دید:

i have a
new line

نتیجه به این صورت خواهد بود:

i have a new line

برای اینکه نتیجه ای مشابه متن نوشته شده در ویرایشگر متن داشته باشیم، باید متن را به این صورت بنویسیم:

i have a <br>new line 

این هم نتیجه:

i have a

new line

<p> تگ پاراگراف است. این تگ باعث ایجاد یک فضای خالی عمودی بین دو خط در دو پاراگراف می شود. درست مثل اینکه شما <br> را دو بار تایپ کنید.از این تگ در اول پاراگراف برای تمایز دو پاراگراف استفاده می شود. به مثال زیر توجه کنید:

new line
<br>
second line
<p>
new paragraph
</p>

و نتیجه به این صورت است:

new line
second line

new parapraph

تگ پاراگراف هم نیازی به تگ پایانی ندارد. اما شما می توانید برای فهم بهتر آنرا در متن خود به کار ببرید. مثلاً به این صورت:

<p>
new paragraph
</p>
<p>
<br>
second paragraph
</p> 

این متن همان نتیجه ای را دارد که متن زیر دارد:

<p>new paragraph</p>
<p>
<br>
second paragraph
</p>

این هم نتیجه هر دو متن بالا:

new paragraph

second paragraph

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

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

برگرفته از آموزش یاسر زینلی