پاراگراف درون کدهای html - نوین وب هاست
ارسال تیکت

ورود به حساب کاربری

نوین وب هاست ارائه دهنده خدمات ثبت دامنه ، هاستینگ ، سرور مجازی و اختصاصی ، طراحی وب سایت

پاراگراف درون کدهای html

مطالعه این مقاله : 3 دقیقه

پارگراف در کدهای html چیست ؟

پاراگراف را چگونه کد نویسی کنیم ؟

همانطور که از نامش پیداست Paragraph بنام پاراگراف در بین برچسب یا تگ های { <p>پاراگراف<p/> } قرار میگیره.در پاراگراف ها بعضا لازم میشه که بریم خط بعد یا براش فاصله بزاریم یا یه خط ممتد زیر پاراگراف قرار بدیم البته در جلسه های قبل از تگ های تهی با هم حرف زدیم و در اینجا هم که بیشتر کاربرد داره توضیحاتی در بارش خواهیم داشت در ادامه مطلب با ما باشید تا با مثال هایی در ادیتور زنده خودتون هم بتونید تست کنید و…..در این مقاله یاد میگیریم چگونه از پاراگراف در html استفاده کنیم همانطور که گفتیم پاراگراف ها با برچسب p تعریف می شوند. تگ پاراگراف یک برچسب بسیار اساسی است و به طور معمول اولین برچسب لازم برای انتشار متن خود در صفحات وب میباشد. بریم و مثال رو با همدیگه بررسی کنیم

درج Paragraph


مثال های کاربردی

کد را امتحان کنید

 <!DOCTYPE html>
<html lang="en">
<head>
    <title>the show Paragraphs in HTML</title>
</head>
<body>
    <h3>نمایش پاراگراف و شکستن پاراگراف و کشیدن خط ممتد زیر پاراگراف را می آموزیم </h3>
    <p>This is a paragraph.</p>
    <p>THIS IS A PARAGRAPH</p>
    <P>نمایش یک پاراگراف</P>
    <hr>
    <hr>
    <p>در پاراگراف خط را بشکنید<br>بعد از شکستن </p>
    <p>novin <br>web host <br> .com</p>
</body>
</html>

توجه : همانطور که مشاهده میکنید در html مرورگرها به طور خودکار فضایی را در بالا و پایین محتوای یک پاراگراف (حاشیه بالا و پایین) ایجاد می کنند ، اما در آینده میتوانید با یادگیری css این فاصله و فضاهای اضافی را شخصی سازی و به سلیقه خودتان کم و زیاد کنید

ترفندهایی در پاراگراف برای فضای حالی

گاهی مدیریت فضاها خیلی کار راحتی نیست. از طرف دیگر ، می توانید دقیقاً همانطور که در پرونده HTML نوشته شده است ، از برچسب pre استفاده کنید. برای ارائه متن در جایی که فضا و شکاف خط مانند شعر یا کد مهم هستند ، بسیار مفید است.مثال زیر متن را در مرورگر همانطور که در کد منبع است نمایش میدهد


مثال های کاربردی

کد را امتحان کنید

 <!DOCTYPE html>
<html lang="en">
<head>
    <title>the show Paragraphs in HTML</title>
</head>
<body>
    <h4>مدیریت فضای خالی در پاراگراف بطور معمول</h4>
  <p>Content is the responsibility of the Vice President</p>
    <p>
      I manage the modern 
      web site hosting
    Content is the responsibility of the Vice President
  </p>
     <hr>
   <h4>مدیریت فضای خالی با ترفند در پاراگراف</h4>
   <pre>
      I manage the modern 
      web site hosting
    Content is the responsibility of the Vice President
     </pre>
</body>
</html>

نتیجه :
مقاله آموزشی استفاده های پاراگراف درون  کدهای html را بیان کردیم و امیدوارم بطور کامل و گویا عمق مطلب رو به حضورتان رسانده باشیم هر چند قسمت ها جوری تقسیم بندی شده با کمی وقت و حتما تمرین البته شما استاد هستید , و هنرمند خواهید شد.نظرات و سوال های پیش آمده را با آغوش باز پذیرایی میکنیم ما رو چشم براه نزارید متشکرم از وقت ارزشمندخودتون در اختیار ما گذاشتید, یا حق


اشتراک بزاری دمت گرم!




درباره نويسنده : رضا جهاندیده

آشنا به زبان های php , css وتوسعه وردپرس 10 سال در زمینه پشتیبانی و خدمات هاستینگ در نوین وب هاست مشغول بکار و لذت میبرم و حالم خیلی خوبه و در پناه حق تغییر مسیر نخواهم داد


0 نظرات

دیدگاهتان را بنویسید