برچسب های پایه

1 1 1 1 1 1 1 1 1 1 رتبه 0.00 (0 رای)

مهمترین برچسب در HTML برچسب هایی هستند که سر تیتر ها ، پاراگراف ها و پرش به خط بعد را معرفی می کنند. بهترین راه یادگرفتن HTML کار کردن با مثال هاست.


مثالها

ساده ترین Html
این مثال ساده ترین نمونه html است که در آن، از کمترین برچسب ممکن، استفاده شده است. در این مثال جمله نوشته شده درون برچسب body، نمایش داده می شود. 

پاراگراف ساده
این مثال نشان می دهد، که نوشته داخل برچسب پاراگراف، چگونه نمایش داده می شود.

(مثالهای بیشتر، در انتهای این صفحه آمده است)

 


 سر تیتر ها

سر تیترها با برچسب های <h۱>تا<h۶>معرفی می شوند.<h۱>بیانگر بزرگترین سرتیتر  و<h۶> بیانگر کوچکترین سر تیتر است. HTML بطور خودکار فضای خالی اضافی  به قبل و بعد از سر تیترها اضافه می کند.

<h۱> This is a heading </h۱>
<h۲> This is a heading </h۲>
<h۳> This is a heading </h۳>
<h۴> This is a heading </h۴>
<h۵> This is a heading </h۵>
<h۶> This is a heading </h۶>


پاراگراف ها

پاراگراف ها با برچسب <p> معرفی می شوند.HTML بطور خودکار فضای خالی اضافی به قبل و بعد از یک پاراگراف اضافه می کند.

<p> This is a paragraph </p>
<p> This is another paragraph </p>


پرش به خط بعد

برچسب <br> هنگامی استفاده می شود که بخواهیم یک خط را پایان دهیم اما نمی خواهیم یک پاراگراف جدید را آغاز کنیم.برچسب <br> شما را از هر جا که قرار دارید به یک خط پایین تر می برد. برچسب <br> یک برچسب تکی است و هیچ برچسب پایانی ندارد.


توضیحات در HTML

برچسب توضیحات برای وارد کردن توضیحات در منبع کد HTML استفاده می شود.توضیحات توسط مرورگرها نادیده گرفته می شوند. شما می توانید از توضیحات برای تشریح کد های خود استفاده کنید که می تواند به شما هنگامی که در آینده کد منبع خود را ویرایش می کنید کمک کند.

<!--This is a comment-->

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


نکات پایه ای - اطلاعات مفید

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

مقداری اطلاعات اضافی

در HTML یک خط جدید بعنوان یک فاصله حساب می شود.
استفاده کردن از برچسب خالی پاراگراف

برای وارد کردن یک خط خالی یک عملکرد بد است.بجای آن از برچسب <br>استفاده کنید.(اما از <br> برای ساخت لیست خالی استفاده نکنید ، صبر کنید تا در مورد لیستهای HTML یاد بگیرید)
شما ممکن است متوجه باشید که پاراگراف ها می توانند بدون بستن برچسب <p/> نوشته شوند.نسخه بعدی HTML اجازه نخواهد داد که هیچ برچسب پایانی را جا بیندازید.HTML بطور خود کار یک خط خالی اضافی قبل و بعد از برخی عناصر اضافه می کند مثل قبل و بعد از پاراگراف و قبل و بعد از سر تیتر ها.ما از یک خط افقی (برچسب<hr>) برای جدا کردن بخش های مختلفدرسمان استفاده کرده ایم.


مثالهای بیشتر

پاراگرافهای بیشتر
این مثال رفتار برچسب پاراگراف را با نمایش چند نمونه از آن، نشان می دهد.

سر خط
با استفاده از برچسب سر خط، به ابتدای خط بعد می رویم. این مثال رفتار این برچسب را نشان می دهد.

مشکلات نمایش
با این مثال، متوجه می شوید، در صورتی که از برچسبها استفاده نکنید، صفحه بندی شما، نادیده گرفته می شود.

سر فصل
در این مثال طریق متمایز کردن جملات سر فصل را می بینید.

سر فصل در وسط خط
این مثال نشان می دهد که چگونه می توان،محل نمایش جمله، در خط را تعیین کرد.

خط افقی
این مثال روش نمایش یک خط افقی را نشان می دهد.

توضیحات مخفی
گاهی، نیاز به نوشتن توضیحی درباره html خود دارید. این توضیح باید در حالت نمایش دیده نشود. این مثال روش نوشتن چنین متن هایی را، داخل html، نشان می دهد.

رنگ زمینه
می توانید رنگ زمینه html خود را تعیین کنید. این مثال را ببینید.


برچسب های پایه

 

برچسب ها توضیحات
<html> یک پرونده HTML را معرفی می کند
<body> بدنه پرونده را معرفی می کند
<h۱> to <h۶> سر تیتر ۱ تا ۶ را معرفی می کند
<p> یک پاراگراف را معرفی می کند
<br> یک خط خالی را معرفی می کند
<hr> یک خط افقی را معرفی می کند
<!--> توضیحات را معرفی می کند

 

ارسال نظر


وب Fetch as Googlebot سیستم مدیریت سامانه پیامک شرکت طراحی و ب سایت در یزد XML جستجو تصاویر در گوگل اخبار یزد HTML نمونه کار طراحی وب سایت بیمارستان ها TeamViewer Enterprise 9.0.27614 چک کردن آتلیه معرفی سایت TeamViewer تحت وب TeamViewer 10 W3C Validator طراحی Google Robot برنامه نویسی موبایل در یزد ESET NOD32 Antivirus 7 شبکه خصوصی وایبر پرداخت آنلاین آنتی ویروس 2014 طراحی وب یزد Server Enterprise پارانوما وبمستر شورای انفورماتیک کشور وب سایت بهترین شرکت طراحی وب سایت بی نهایت پاناروما بسته نقشه سایت سئو TeamViewer Enterprise سایت Hotspot Shield Elite هنری ویندوز: XP-7-8 شرکت طراحی وب یزد وب سایت در یزد طراحی وب Rank روش تبلیغات You probably tried to upload too large file بیلبورد در تهران بیلبورد در سمنان یزد مادام العمر vpn اول شرکت طراحی یزد پیج رنک ITVAN HTML5 boilerplate سیستم مدیریت اعلام نمرات مدارس درمانگاه ها فروش لایسنس الگوریتم اپلیکیشن رسمی عکاسی گوگل عکاسی گوگل حرفه ای تعرفه پانوراما تور مجازی 360 درجه مدیران وب سایت بمب گوگل ، Code Anywhere نسخه کرک شده دوربین مداربسته در یزد بیلبورد در همدان آنی اد پیشرو پرداز برنامه نویسی PHP سئو و بهینه سازی شرکت طراحی وب سایت در یزد گوگل پنگوئن jQuery UI حذف پسورد ویندوز فیلتر شکن 2015 photo spheres ربات گوگل google bomb تصاویر 360 درجه Google Drawing وب مستر بیلبورد در کرج کلینیک ها داینامک برنامه نویسی پزشک پیامک رایگان بیلبورد در مازندران سیستم فروشگاه ساز بیلبورد در مشهد سیستم مدیریت کارت شارژ کرک VIBER گوگل-goolge-طراحان سایت رایگان seo خرید بلیط اینترنتی تفاوت نسخه رایگان و نسخه اصلی تبلیغات محیطی در یزد رتبه اول سه بعدی ESET Remote Administrator Server نرم افزار ارسال انبوه تلگرام نوبت دهی خبر یزد ESET Remote Administrator Console بیلبورد آموزش تصویری بیلبورد در شیراز برتر قیمت جستجوگر بیلبورد در یزد الگوریتم های پاندا و پنگوئن Download Crack TeamViewer 9.28223 cms پیشرو پرداز یزد بهترین روش بهینه سازی موتور جستجو پنالتی گوگل تعرفه web Crack TeamViewer Enterprise 9.28 وب سایت ها تصاویری ۳۶۰ درجه ای اولین شرکت طراحی وب سایت در یزد robots نمونه کارها الکسا ،فیلم برداری صنعتی وبسایت صفحه اول گوگل فیلتر شکن Ajax Firebug شاه کلید وب پلانتی گوگل وب مستر سئوی سایت سیستم نوبت دهی پزشکان گوگل پلی نامحدود php طراحی سه بعدی صفحات وب نمایش تصاویر اسکریپت گالری تصاویر سیستم مدیریت محتوا بیتا نرم افزار حذف پسورد تکنولوژی وب طراحی وب سایت ابر قدرت Dreamweaver اندروید مصطفی رضایی تصاویر بندانگشتی Firefox سیستم مدیریت ایمیل ملی یاهو طراحی ساده کاتالوگ آنلاین اسکریپت نوبت دهی پزشکان شرکت وب سایت یزد پورتال کارت تخفیف بهترین روش تبیلغات کاتالوگ