معرفي تگ P : ايجاد و ويرايش پاراگراف ( آموزش طراحي ( html ) )

 معرفي تگ <P> :

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

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

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

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

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

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

متن پاراگراف

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

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

متن پاراگراف

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

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

متن پاراگراف

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

perma-link.gif جواب صحيح 


مطالب مشابه :


قالب5(فروزن/frozen)

قالب های بلاگ اسکینز برای بلاگفا. قالب5 به دنياي قالب هاي پيانو خوش كد موسيقي براي




پيانو(اين پست يه مدتي ثابت ميمونه)

وبي براي خنده كد وب هر چي بخواي هست! پيانو(اين پست يه مدتي ثابت ميمونه)




زندگی نامه ریچارد کلایدرمن biography of richard clayderman

نوازنده پيانو براي كد نويسي و گرافيك قالب توسط : پيام بلاگ - نتورکفا. قالب بلاگفا




آموزش کامل قرار دادن عكس در پس زمينه ي صفحه ( آموزش طراحي ( html ) )

قالب ساز آنلاین برای کاربران بلاگفا . پيانو آنلاين كردن ميان كد background-repeat:no-repeat براي




مشخصات کیبورد pa800

قالب بلاگفا. براي نوازندگاني كه جهت اجراي زنده صداي پيانو جديد به همراه افكت هاي




آدرس سايت براي آپديت ويروس كش ناد 32

آدرس سايت براي آپديت ويروس كش ناد 32 قالب بلاگفا. كد نويسي و گرافيك قالب توسط :




پیانو برایpsp

سلام دوباره با پي اس پي تون پيانو بزنيد درست با piano play قالب بلاگفا; كد نويسي و




معرفي تگ P : ايجاد و ويرايش پاراگراف ( آموزش طراحي ( html ) )

قالب ساز آنلاین برای کاربران بلاگفا . پيانو آنلاين كه در كد بالا براي فاصله از چپ و راست




اینترنت رایگان (اینترانت تبیان)

قالب ساز آنلاین برای کاربران بلاگفا . مشخصات لازم براي دسترسي به كد نويسي و




برچسب :