دست نوشته توسعه دهنده وب

دست نوشته های یک توسعه دهنده وب از مبتدی تا حرفه ای

دست نوشته توسعه دهنده وب

دست نوشته های یک توسعه دهنده وب از مبتدی تا حرفه ای

طبقه بندی موضوعی
بایگانی

پاراگراف در HTML

سه شنبه, ۵ شهریور ۱۳۹۲، ۰۱:۳۹ ق.ظ

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


پاراگراف ها با تگ <p> مشخص می شوند. روش درج تگ <p> به شکل زیر می باشد

تگ <P> در HTML


<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<p>این یک پاراگراف می باشد . شما می توانید متن دلخواه را بین این دو تگ قرار داده سپس بوسیله یک سلکتور تغییرات لازم را اعمال کنید </p>
</body>
</html>

در صورتیکه بخواهید پاراگراف شما در صفحه وب سایت به سمت راست / چپ / وسط یا از هر دو طرف تراز شود ، باید داخل تگ <p> از ویژگی align استفاده کنید . به کدهای زیر توجه کنید بهتر متوجه می شوید .


<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
    <p align="right">این پاراگراف به سمت راست منتقل می شود </p>
    <p align="left">این پاراگراف به سمت چپ منتقل می شود </p>
    <p align="center">این پاراگراف در وسط قرار می گیرد </p>
    <p align="justfy">این پاراگراف  از دو طرف تراز می شود . بدلیل </p>
</body>
</html>

تگ <PRE> در HTML

در بعضی از مواقع احتیاج می شود که کد یا متن نوشته شده به همان صوتی که تایپ می شود در HTML به همان صورت نیز در صفحه مرورگر نمایش داده شود .به مثال زیر توجه کنید . متن یا همان فاصله و نوع تایپ در صفحه مرورگر نمایش داده می شود .


<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<pre>این یک پاراگراف می باشد .
شما می توانید متن دلخواه را بین این دو تگ قرار داده سپس بوسیله یک سلکتور
تغییرات
لازم را اعمال کنید </pre>
</body>
</html>
  • احمدرضا کریمی خالدی

پاراگراف در HTML

آموزش اچ تی ام ال

آموزش html

نظرات  (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی