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

دروس HTML5

شروع HTML مقدمه HTML ویرایشگران HTML مثالهای اساسی HTML المان های HTML ویژگی های HTML عناوین HTML بندهای HTML سبک های HTML قالب بندی HTML نقل قول های HTML نظرات HTML رنگهای HTML HTML و CSS پیوندهای HTML تصاویر HTML جداول HTML لیست های HTML بلوک های HTML کلاس های HTML شناسه های HTML فریم های HTML HTML و JavaScript مسیرهای پرونده HTML HTML قسمت هدینگ چیدمان های HTML HTML پاسخگو کد رایانه HTML موجودیت HTML نمادهای HTML رمزگذاری HTML رمزگذاری URL HTML HTML و XHTML

HTML فرم ها

فرم های HTML عناصر فرم HTML انواع ورودی HTML صفات ورودی HTML

HTML5

مقدمه HTML5 پشتیبانی HTML5 عناصر جدید HTML5 عناصر معنایی HTML5 مهاجرت از HTML4 راهنمای سبک HTML5

HTML گرافیک

HTML Canvas HTML SVG

HTML رسانه

HTML ویدیوی HTML صوت HTML افزونه های HTML یوتیوب HTML

HTML API

مکان جغرافیایی HTML کشیدن / رها کردن HTML HTML ذخیره وب HTML کارهای وب HTML و SSE

HTML مثال

مثالهای HTML آزمون ها HTML تمرینات HTML گواهی HTML خلاصه HTML قابلیت دسترسی به HTML

HTML منابع

لیست برچسب های HTML صفات HTML صفات جهانی HTML رویدادهای HTML رنگهای HTML کانواس HTML صوتی / تصویری HTML نسخه معتبر HTML مجموعه نویسه های HTML رمزگذاری URL HTML رمزگذاری زبان HTML پیام های HTTP روشهای HTTP مبدل PX به EM میانبرهای صفحه کلید

HTML5 درسهایی برای مبتدیان

پاراگراف های HTML



پاراگراف های HTML

المان <p> پاراگراف را در HTML تعریف می کند:

توجه: پاراگراف به معنی چندین جمله با داشتن یک موضوع خواص است

مثال

<p>این یک پاراگراف است.</p>
<p>این یک بند است.</p>
خودتان آزمایش کنید »

توجه: مرورگرها به طور خودکار حاشیه را قبل و بعد از پاراگراف اضافه می کنند.


نمایش HTML

در HTML شما در کد نویسی هر چقدر فضا بزارید توی سایت شما هیچکدام دیده نمی شود بنابراین باید بصورت کد فضای خالی را ایجاد کنید پس شما هر چقدر دکمه اینتر یا اسپیس را در کد نویسی خود برای فاصله بزنید در سایت اصلی شما تاثیری نخواهد داشت

مثال

<p>
این پاراگراف است
شامل یک عالمه فاصله
در منبع کد نویسی
اما مرورگر شما
آن ها را در نظر نمی گیرد
</p>

<p>
این یک پاراگراف است
شامل         یک عالمه فاصله
در منبع         کد
اما        مرورگر
آنها را در نظر نمی گیرد
</p>
خودتان آزمایش کنید »

برچسب پایان را فراموش نکنید

بیشتر مرورگرها HTML را به درستی ارائه می دهند حتی اگر برچسب پایان را فراموش کنید:

مثال

<p> این یک پاراگراف است
<p>این یک پاراگراف دیگر است
خودتان آزمایش کنید »

مثال بالا در بیشتر مرورگرها کار خواهد کرد ، اما به آن اعتماد نکنید.

توجه: حذف برچسب پایان ممکن است منجر به نتایج غیر منتظره شود یا اشتباهات شود .


خطوط HTML

المان <br> قطع خط را تعریف می کند .

از برچسب <br> اگر لازم برای شکستن خط (ایجاد کنید جدید خط) بدون شروع یک پاراگراف جدید است استفاده کنید

مثال

<p>این<br>یک پاراگراف <br>با خط شکسته است</p>
خودتان آزمایش کنید »

برچسب <br> یک برچسب خالی است ، به این معنی که هیچ دنباله ای ندارد


مشکل نمایش شعر

هنگام نوشتن شعر ، نیاز به نوشتن هر سطر از قطعه با یک متن جدید است . چگونه این را با HTML پیاده سازی می کنید؟

اگر قطعه ای را در یک پاراگراف بنویسید ، آنگاه در یک خط نمایش داده می شود:

مثال

<p>
  به دام زلف تو دل مبتلای خویشتن است

 بکش به غمزه که اینش سزای خویشتن است

  گرت ز دست برآید مراد خاطر ما

  به دست باش که خیری به جای خویشتن است
</p>
خودتان آزمایش کنید »

برای مشاهده فرم شاعرانه چه کاری باید انجام شود؟

برچسب خاصی برای این کار وجود دارد.


المان <pre>

المان <pre> از قبل قالب بندی شده ( مهندسی از پیش فرمت شده) متن استفاده می کند

متن درون المان <pre> با قلم ( فونت ) ثابت نمایش داده می شود عرض (معمولاً پیکسل) و فضاها و شکافهای خط را حفظ می کند:

Пример

<pre>
  به دام زلف تو دل مبتلای خویشتن است

 بکش به غمزه که اینش سزای خویشتن است

  گرت ز دست برآید مراد خاطر ما

  به دست باش که خیری به جای خویشتن است.
</pre>
خودتان آزمایش کنید »

تمرین HTML

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

تمرین

برای افزودن پاراگرافی با متن "سلام به جهان!" از برچسب HTML معتبر استفاده کنید.

<html>
<body>

</body>
</html>

تمرین را شروع کنید


مرجع برچسب HTML

Farsiw3 Tag Reference اطلاعات بیشتری در مورد المان HTML و ویژگی های آنها دارد.

برچسب توضیح
<p> یک پاراگراف را تعریف می کند
<br> یک خط شکسته درج می کند
<pre> متن از پیش فرمت شده را تعریف می کند

برای مشاهده لیست کامل تمام برچسب های HTML موجود ، از مرجع برچسب HTML ما دیدن کنید .






این سایت برای آموزش ، آزمایش و یادگیری بهینه شده است. نمونه ها را می توان برای بهبود ساده کرد خواندن و درک اساسی. آموزشها ، پیوندها و مثالها مرتباً تجدید نظر می شوند تا از آنها جلوگیری شود خطاها ، اما ما نمی توانیم صحت و عملکرد کامل همه مطالب را تضمین کنیم. با استفاده از این سایت ، شما موافقت می کنید که مطالعه کرده اید و پذیرفته ایدمقررات استفاده , کوکی و سیاست های حفظ حریم خصوصی. کپی رایت 1999-2020 حق چاپ و .. محفوظ توسط احمد فرجی
سایت توسط چارچوب farsiw3.ir طراحی شده است.

Farsiw3.ir