پاراگراف در HTML
یادگیری HTMLعنصر <p> در HTML پاراگراف را تعيين مي كند.
مثال :
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
مشاهده مثالنكته ! مرورگرها بطور خودكار ،مقداري فضاي خالي (margin) به قبل و بعد پاراگراف اضافه مي كنند.
نمايش 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>
مشاهده مثالتگ پايان را فراموش نكنيد
حتي اگر تگ پايان را فراموش كنيد ، بسياري از مرورگر ها سند را به درستي نمايش خواهند داد :
مثال :
<p>This is a paragraph.
<p>This is another paragraph.
مشاهده مثالمثال بالا در بسياري از مرورگر ها درست كار خواهد كرد. اما فقط به اين نكته اتكا نكنيد.
نكته ! ننوشتن تگ پايان مي تواند موجب ايجاد نتايج يا خطاهاي غير منتظره شود.
سطر فاصله در HTML
عنصر <br> يك سطر فاصله را تعيين مي كند. براي ايجاد يك سطر جديد بدون اينكه پاراگراف جديدي شروع كنيم ،از اين تگ استفاده مي كنيم :
<p>This is<br>a paragraph<br>with line breaks.</p>
مشاهده مثالتگ <br> يك تگ تهي است ،پس تگ پايان ندارد.
مشكل اشعار
مصراع هاي شعر زير كلا و بطور متوالي در يك سطر نمايش داده خواهد شد :
<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> در فونتي با عرض ثابت نمايش داده مي شود (معمولا فونت "courier" ) و فاصله و سطر خالي هاي ايجاد شده صرفا توسط كليد اينتر را نيز نگه مي دارد.
مثال :
<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>
مشاهده مثالیادگیری HTML
- مقدمه ای بر HTML
- ویرایشگرهای HTML
- اساس HTML
- عناصر HTML
- صفات در HTML
- تیتر های HTML
- پاراگراف در HTML
- استایل های HTML
- فرمت دهی متن در HTML
- نقل قول ها در HTML
- کد های برنامه نویسی در HTML
- کامنت ها در HTML
- رنگ ها در HTML
- CSS در HTML
- لینک های HTML
- تصاویر در HTML
- جدول ها در HTML
- لیست ها در HTML
- بلوک های HTML
- صفت class در HTML
- Iframe در HTML
- جاوا اسکریپت در HTML
- HTML Head
- قالب ها در HTML
- طراحی واکنش گرا ( resposive ) در HTML
- ماهیت ها (entities) در HTML
- سمبل ها در HTML
- مجموعه کاراکتر های در HTML
- URL در HTML
- XHTML در HTML
- فرم های HTML
- عناصر فرم در HTML
- انواع ورودی HTML
- صفات ورودی HTML
- معرفی HTML5
- پشتیبانی از HTML5
- عناصر جدید HTML5
- عناصر اسمی در HTML5
- مهاجرت به HTML5
- راهنمای استایل دهی در HTML5
- canvas در HTML5
- SVG در HTML5
- نقشه گوگل در HTML
- چندرسانه ای در HTML
- ویدئو در html 5
- صوت در HTML5
- پلاگین های HTML
- فیلم های یوتیوب در HTML
- موقعیت جغرافیایی HTML5
- Drag و Drop در HTML5
- ذخیره سازی وب در HTML5
- کارگر وب در HTML5
- رویدادهای سرور-ارسال شده در HTML5
مقالات و دروس
- 53 یادگیری HTML
- 71 یادگیری CSS
- 87 یادگیری JavaScript
- 28 یادگیری jQuery
- 59 یادگیری SEO
- 32 مفاهیم طراحی وب
- 12 مفاهیم برنامه نویسی
- 19 معرفی ابزار و نرم افزار
- 5 یادگیری UML
- 16 یادگیری AngularJS
- 35 یادگیری SQL
- 28 یادگیری Bootstrap
- 14 یادگیری XML
- 11 یادگیری JSON
- 2 یادگیری نقشه گوگل
- 1 چطور میتونم ؟
- 1 آموزش کاربردی Asp.net Core
- 2 آموزش Ajax
- 0 آموزش Font Awesome 5
عضویت در خبرنامه شرکت نرم افزاری وب مهراز
برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.
نظر شما
>