مقدمه
با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش html را دنبال می کنند. محتوای صفحات وب از مطالبی از جمله متن، تصویر ، ویدئو ، صوت و… تشکیل شده است. یکی از اصلی ترین بخش های هر صفحه وب متن و پاراگراف است که سریع تر از هر محتوای دیگری بارگذاری شده و کاربر آن را می بیند. همچنین پاراگراف ها مطالب و مفاهیم موضوعات هر صفحه را به کاربران منتقل می کنند از این بابت از اهمیت بسیاری برخوردارند. برای آشنایی با پاراگراف در html و انواع تگ های پاراگرافی و نحوه شکستن خطوط در html و ساختار آن در ادامه ی مباحث با ما همراه باشید.
آشنایی با پاراگراف در html
در ادامه ی مباحث شما را با تگ های تنظیم پاراگراف در html و مطالب مربوط به آن آشنا خواهیم کرد.
پاراگراف های html
عنصر <p> در html یک پاراگراف را توصیف می کند.
مثال : تگ p
| <p>This is a paragraph.</p> <p>This is another paragraph.</p> <strong>نکته</strong>: مرورگرها به طور خودکار برخی از فضای سفید (حاشیه) را قبل و بعد از یک پاراگراف اضافه می کنند. |
نمایش در html
شما نمی توانید مطمئن باشید که HTML نمایش داده خواهد شد.
صفحه های بزرگ یا کوچک و تغییر اندازه در پنجره های نتایج مختلفی ایجاد می کنند.
با HTML، شما نمی توانید خروجی را با افزودن فضاهای اضافی یا خطوط اضافی در کد HTML خود تغییر دهید.
مرورگر فضاهای اضافی و خطوط اضافی را هنگامی که صفحه نمایش داده می شود حذف می کند.
مثال : نمایش تگ پایان
| <p> This paragraph contains a lot of lines in the source code, but the browser ignores it. </p> <p> This paragraph contains a lot of spaces in the source code, but the browser ignores it. </p> |
تگ پایان
بیشتر مرورگرها محتوای html را حتی در صورت عدم بستن تگ، نمایش می دهند:
مثال : تگ پایان
| <p>This is a paragraph. <p>This is another paragraph. مثال فوق در اکثر مرورگرها کار خواهد کرد، اما سعی نکنید که به این صورت عمل کنید. |
شکستن خطوط در html
تگ <br> در html برای شکستن خطوط و یا انتقال به خط بعدی استفاده می شوند.
تگ <br> یک عنصر خالی html است به این معنا که نیازی به بستن تگ ندارد.
مشکل تایپ شعر
شعر زیر در یک خط نمایش داده خواهد شد:
مثال : مشکل تایپ شعر
| <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> |
تگ <pre> در html
عنصر <pre> در html متن را درست همانطور که تایپ شده نمایش می دهد.
متن داخل عنصر <pre> در یک فونت ثابت (معمولا پیک) نمایش داده می شود و فضای خالی و اندازه خطوط را حفظ می کند.
مثال : رفع مشکل تایپ شعر
| <pre> 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. </pre> |
تگ های ایجاد م مدیریت پاراگراف
تگ های زیر در ایجاد و تنظیم پاراگراف پرکاربرد هستند :
| تگ | توضیحات |
|---|
| <p> | یک پاراگراف را تعریف می کند. |
| <br> | خط جاری را به خط بعدی می شکند. |
| <pre> | متن را در همان شکلی که تایپ شده نمایش می دهد. |
کلام آخر
با توجه با اینکه متن و پاراگراف ها بخش قابل توجهی از هر صفحه وب را تشکیل داده و از مهمترین محتوا در هر صفحه وب می باشند از این رو مباحث این بخش را به آشنایی با پاراگراف در html و دو تگ پرکاربرد درج پاراگراف اختصاص دادیم.
مباحث بخش بعد را به Style ها در html اختصاص داده ایم.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
