‎‎تگ پاراگرافHTML <p> Tag -‎

Previous >    <Next  

‎‎مثال ـ نمونه يك پاراگراف در زير

<p>This is some text in a paragraph.</p> 


--(go to editor for change code and run)

‎‎تعريف وكاربردDefinition and Usage -‎

‎‎با تگ‎<p>‎ يك پارگراف تعريف ميشود .

‎‎مرورگرها بطور خودكار يك خط قبل وبعداز هرعنصر‎<p>‎ اضافه ميكنند .

‎‎نكته ـ براي استايل دادن به پاراگراف ها ازCSS استفاده نمائيد .

‎‎پشتيباني مرورگرBrowser Support -‎

‎Element‎ Chorome Edge Firefox Safari Opera
‎‎<p>‎‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎

‎‎مثالهاي بيشتر

‎‎مثال ـ تراز متن پارگراف باCSS

<p style="text-align:right">This is some text in a paragraph.</p> 

--(go to editor for change code and run)

‎‎مثال ـ استايل نمودن پارگراف باCSS

<html>
<head>
<style>p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style></head>
<body>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

</body>
</html> 

--(go to editor for change code and run)

‎‎مثال ـ نمونه بيشتري از پاراگراف

 <p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p> 

--(go to editor for change code and run)

‎‎مثال ـ مشكل شعر در پاراگراف

 <p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p> 

--(go to editor for change code and run)

‎‎ويژگي هاي جهانيGlobal Attributes -‎

‎‎تگ‎<p>‎ از ويژگي هاي جهانيHTML پيروي ميكند.

‎‎ويژگي هاي رويداديEvent Attributes -‎

‎‎تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.

‎‎تنظيمات پيش فرضDefault CSS Settings -‎

‎‎اغلب مرورگرها نمايش عنصر‎<p>‎ مطابق تنظيمات پيش فرضي زيرانجام ميدهند.

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

--(go to editor for change code and run)

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next