loading...
آموزش وبلاگنویسی
مهیار یوسفیان بازدید : 74 شنبه 16 شهریور 1392 نظرات (0)

 معرفي تگ <P> :

تگ <P> يكي از پركاربردترين تگ هاي html هست . با استفاده از اين تگ شما مي تونيد يك پاراگراف ايجاد كنيد كه اين پاراگراف با تگ <P> شروع و با <P/> تموم ميشه . حالا من در زير بهتون ياد ميدم كه چطور يك پاراگراف رو ايجاد كنيد و يا ويرايش كنيد . مثلا فاصله ي بين سطر ها رو كم يا زياد كنيد ، نحوه ي قرار گيري پاراگراف چطور باشه ( چپ چين ، راست چين يا وسط بودن) و ...

خوب كد يه پاراگراف ساده به شكل زيره كه نمايشش رو در زير ميبينيد :

<p>متن پاراگراف</p>                                                       ======>                                                   متن پاراگراف

 براي تغير نحوه ي قرار گيري پاراگراف در صفحه از ميانكد align استفاده ميكنيم . در زير به مقدار هايي كه بايد براي ميانكد align قرار بديد اشاره كردم و نمايش هر كدوم رو در زيرش گذاشتم :

اگر خواستيد پاراگرافتون راست چين باشه ( ) بايد به ميانكد align مقدار right رو بديد . مثل زير :

<p align="right">متن پاراگراف</p>

متن پاراگراف

اگر خواستيد پاراگرافتون چپ چين باشه ( ) بايد به ميانكد align مقدار left رو بديد . مثل زير :

<p align="left">متن پاراگراف</p>

متن پاراگراف

اگر خواستيد پاراگرافتون وسط باشه ( ) بايد به ميانكد align مقدار center رو بديد . مثل زير :

<p align="center">متن پاراگراف</p>

متن پاراگراف

حالا اگه خواستيد پاراگرافتون از دو طرف ميزون باشه ( ) بايد به ميانكد align مقدار justify رو بديد . مثل زير :

<p align="justify">متن پاراگراف</p>

متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف

چون طولاني شد براي خوندن بقيه به ادامه ي مطلب مراجعه كنيد ...

براي متن هاي فارسي كه از راست به چپ نوشته ميشن از ميانكد dir استفاده كنيد و مقدار اون رو rtl بزاريد كه مخفف  right to left هست يعني راست به چپ .

<p dir="rtl">متن پاراگراف</p>               <===            براي متون فارسي

براي متن هاي انگليسي كه از چپ به راست نوشته ميشن بازم از ميانكد dir استفاده مي كنيد و حتما حدس ميزنيد كه مقدارش رو چي بايد گذاشت . آره ، مقدار اون رو ltr بزاريد كه مخفف  left to right هست يعني چپ به راست .

<p dir="ltr">متن پاراگراف</p>               <===         براي متون انگليسي

 

حالا بريم سراغ فاصله ي بين سطر ها :

براي تنظيم فاصله ي بين سطرها از ميان كد Style استفاده ميكنيم . اين ميانكد تقريبا در همه ي تگ ها كاربرد داره و خيلي مهمه . اين ميانكد مقدارهاي زيادي رو ميتونه در خودش جا بده كه اين مقادير با يك علامت ; (نقطه كاما) از همديگه جدا ميشن . يادم باشه يه پست رو فقط به اين ميانكد اختصاص بدم . اينجا براي تنظيم فاصله ي بين سطر هاي يك پاراگراف به ميانكد style يك مقدار به شكل زير ميديم و فاصله ي بين سطرها رو به صورت درصدي مشخص ميكنيم :

<p style="line-height: 100%;">متن پاراگراف</p>

با بيشتر كردن مقدار 100% فاصله ي بين سطرها بيشتر ميشه و با كمتر كردن اون فاصله ي بين سطر ها كمتر ميشه .

فاصله ي پاراگراف از راست و چپ :

اگه بخوايد كه پاراگرافتون از راست و چپ فاصله داشته باشه و نچسبه به چپ و راست صفحه ، بايد دو مقدار ديگه در ميانكد style قرار بديد كه به صورت زيره :

<p style="line-height: 100%; margin-left:3; margin-right:3" >متن پاراگراف</p>

مقدار margin-right فاصله از راست و مقدار margin-left فاصله از چپ رو مشخص ميكنه كه بر حسب پيكسل هست . كه در كد بالا براي فاصله از چپ و راست مقدار 3 پيكسل رو گذاشتم .

نكته : جا به جايي ميانكدها تاثيري در نمايش كد نداره .

در آخر من يك سوال مي كنم . شما سوال رو پاسخ بديد و پاسخ خود رو با جواب صحيح مطابقت بديد و ببينيد كه تا چه اندازه ياد گرفتيد . من لينك جواب صحيح رو در زير سوال گذاشتم . فقط بچه ي خوبي باش و تقلبي نكن . اول خودت جواب بده و بعد جواب صحيح رو ببين و با هم مقايسه كن .  در آخر هم تو قسمت نظرات بگو كه چيكار كردي .

سوال شما كد پاراگرافي كه ميگم ايجاد كنيد : يك پاراگراف با متن فارسي ، وسط چين ، فاصله ي بين سطرها 120% ، فاصله از چپ 3 پيكسل و فاصله از راست 5 پيكسل باشه .ش

برچسب ها آموزش html , آموزش , اچتمل ,
ارسال نظر برای این مطلب

کد امنیتی رفرش
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • آرشیو
    بنر وب
      برای تبادل بنر در قسمت 

       feedback اطلاع دهید.

    آپلود , آپلود عكس , آپلود سنتر , آپلود فايل , آپلود دائمي,آپلود موزیک

    آمار سایت
  • کل مطالب : 215
  • کل نظرات : 2
  • افراد آنلاین : 1
  • تعداد اعضا : 3
  • آی پی امروز : 39
  • آی پی دیروز : 10
  • بازدید امروز : 250
  • باردید دیروز : 56
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 879
  • بازدید ماه : 1,090
  • بازدید سال : 2,523
  • بازدید کلی : 46,180
  • کدهای اختصاصی
  • کد نمایش افراد آنلاین
  • GOOGLE RANK

    Page Rank

    Page Rank