جلسه چهارم آموزش html (سر فصلها)
يكشنبه, ۶ تیر ۱۳۹۵، ۱۰:۰۳ ب.ظ
از تگهای سر فصل (HEADING) برای تیتر و عنوان مطالب استفاده می شود
به این مثالها توجه کنید:
سرفصل بزرگ
سرفصل 2
سرفصل 3
در حال کوچک شدن
کوچکتر
بسیار کوچک
ز دستورات بالا می توانید برای عنوان مطالب استفاده کنید.
*
وقتی که تگ <br> در متنی وارد می شود بقیه آن خط به خط بعد منتقل می شود. در حقیقت تگ <br> یا همان Line Break کاری مشابه فشردن کلید Enter به همراه Shift را انجام می دهد. قابل ذکر است که این تگ نیازی به تگ پایانی ندارد. به یک مثال توجه کنید:
نتیجه مثال بالا به اینگونه است:
This is the first line
Here is the second line
مرورگر اصولاً تا وقتی که به کمبود فضا برای یک خط بر نخورد به خط بعدی نمی رود. اما تگ <br> مرورگر را مجبور می کند به خط بعدی برود.مثلاً متن زیر را در ویرایشگر متن خود بنویسید و به صورت html ذخیره کنید، فقط یک خط را در مرورگر خود خواهید دید:
نتیجه به این صورت خواهد بود:
من، یک خط جدید می خواهم
برای اینکه نتیجه ای مشابه متن نوشته شده در ویرایشگر متن داشته باشیم، باید متن را به این صورت بنویسیم:
این هم نتیجه:
من،
یک خط
جدید می خواهم
<p> تگ پاراگراف است. این تگ باعث ایجاد یک فضای خالی عمودی بین دو خط در دو پاراگراف می شود. درست مثل اینکه شما <br> را دو بار تایپ کنید.از این تگ در اول پاراگراف برای تمایز دو پاراگراف استفاده می شود. به مثال زیر توجه کنید:
و نتیجه به این صورت است:
خط اول از پاراگراف اول
خط دوم از پاراگراف اول
این هم پاراگراف جدید
تگ پاراگراف هم نیازی به تگ پایانی ندارد. اما شما می توانید برای فهم بهتر آنرا در متن خود به کار ببرید. مثلاً به این صورت:
این متن همان نتیجه ای را دارد که متن زیر دارد:
این هم نتیجه هر دو متن بالا:
پاراگراف اول
پاراگراف دوم
ادامه پاراگراف دوم
البته اگر می خواهید صفحه ای که طراحی می کنید معتبر باشد بهتر است از تگ پایانی پاراگراف استفاده کنید. استفاده از تگ پایانی در XHTML الزامی است.
به این مثالها توجه کنید:
کد:
<h1>سرفصل بزرگ</h1>
کد:
<h2>سرفصل 2</h2>
کد:
<h3>سرفصل 3</h3>
کد:
<h4>در حال کوچک شدن</h4>
کد:
<h5>کوچکتر</h5>
کد:
<h6>بسیار کوچک</h6>
ز دستورات بالا می توانید برای عنوان مطالب استفاده کنید.
*
وقتی که تگ <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 ذخیره کنید، فقط یک خط را در مرورگر خود خواهید دید:
کد:
من، یک خط جدید می خواهم
من، یک خط جدید می خواهم
برای اینکه نتیجه ای مشابه متن نوشته شده در ویرایشگر متن داشته باشیم، باید متن را به این صورت بنویسیم:
کد:
من،<br> یک خط<br> جدید می خواهم
من،
یک خط
جدید می خواهم
<p> تگ پاراگراف است. این تگ باعث ایجاد یک فضای خالی عمودی بین دو خط در دو پاراگراف می شود. درست مثل اینکه شما <br> را دو بار تایپ کنید.از این تگ در اول پاراگراف برای تمایز دو پاراگراف استفاده می شود. به مثال زیر توجه کنید:
کد:
خط اول از پاراگراف اول <br> خط دوم از پاراگراف اول <p> این هم پاراگراف جدید </p>
خط اول از پاراگراف اول
خط دوم از پاراگراف اول
این هم پاراگراف جدید
تگ پاراگراف هم نیازی به تگ پایانی ندارد. اما شما می توانید برای فهم بهتر آنرا در متن خود به کار ببرید. مثلاً به این صورت:
کد:
<p> پاراگراف اول </p> <p> پاراگراف دوم<br> ادامه پاراگراف دوم </p>
کد:
<p> پاراگراف اول</p> <p> پاراگراف دوم<br> ادامه پاراگراف دوم </p>
پاراگراف اول
پاراگراف دوم
ادامه پاراگراف دوم
البته اگر می خواهید صفحه ای که طراحی می کنید معتبر باشد بهتر است از تگ پایانی پاراگراف استفاده کنید. استفاده از تگ پایانی در XHTML الزامی است.
۹۵/۰۴/۰۶