آموزش HTML5 و CSS3 جلسه ۲ برسی تگ های P و H1 تا H6

مطالب پیشنهادی برای شما مهمان عزیز

بنام خدا ,

در خدمت شما هستم با جلسه دوم آموزش HTML5 و CSS3 از صفر تا ۱۰۰ به صورت رایگان در وب سایت پاسخ وردپرس.

توی این جلسه از آموزش HTML5 و CSS3 میخواهم برای tag های p و tag  های heading را آموزش بدم با من همراه باشید .

اولین تگ که میخواهیم برسی کنیم p است

یک پاراگراف مشخص شده به شرح زیر:

تعریف و کاربرد تگ p در HTML

تگ <p> یک پاراگراف را تعریف می کند.

مرورگرها به طور خودکار یک خط خالی را قبل و بعد از تگ <p> (به عنوان حاشیه) اضافه می کند. آن حاشیه را می توان با استفاده از CSS تغییر داد (با خواص حاشیه).

تگ p در html یک تگ دارای پایان است. به عبارت دیگر در هنگام استفاده از این تگ در طراحی سایت باید حتما پس از پایان کار، تگ p را ببندید. به طوریکه در ابتدای پاراگراف تگ p را باز می کنید (<p>) و در انتهای پاراگراف تگ p را می بندید (</p>). در غیر این صورت تگ کاربرد خود را در طراحی سایت از دست می دهد. و عدم استفاده از تگ پایان در پاراگراف ها ممکن است موجب بروز خطا در نتیجه شود.

بیشتر بخوانید :
آموزش ساخت منوی آبشاری در html و css قسمت دوم | پاسخ وردپرس |

آموزش HTML5 و CSS3 جلسه ۲ برسی تگ های P و H1 تا H6

آموزش html and css

تگ های heading

عنوان ها با تگ های <h1> تا <h6> تعریف می شوند.

تگ <h1> به عنوان مهم ترین عنوان محسوب شوند از نظر seo  و سایر تگ ها از <h2> تا <h6> به ترتیب درجه اهمیت کمتری دارند.

که روش نوشتن tag های heading به روش زیر میباشد .

خروجی کار مثل تصویر زیر خواهید بود .

آموزش tag های heading

برای مثال، اگر سایت شما توسط یک تیتر در H1 و زیرتیتر آن در H3 معرفی شده باشد، سلسله مراتب شکسته خواهد شد، به این معنی که ساختار تیتر منطبق با اصول سئو نیست. کد نویسی باید مانند نمونه پایین باشد:

تگ H1 مهمترین تگ است. هر صفحه ای باید یک تگ H1 داشته باشد.

بیشتر بخوانید :
آموزش HTML5 و CSS3 آموزش border-radius در css | پاسخ وردپرس |

مزایای استفاده از تگ‌های تیتر

تگ تیتر به منظور نمایش بخش‌های مختلف محتوای یک صفحه وب استفاده می‌شود. و در دو بخش سئو و کارایی سایت شما تاثیر دارد.

تگ های heading از نظر سئو

اهمیت تگ H1

تگ H1 مهمترین تگ است و هرگز نباید در یک صفحه از قلم بیافتد. ربات‌های کاوشگر به کلمات استفاده شده در تگ H1 توجه می‌کنند که باید حاوی یک توصیف پایه از محتوی صفحه باشد، درست مانند تگ عنوان (<title>).

خوب دوستان عزیز این جلسه آموزش HTML5 و CSS3 به پایان رسید امید وارم که مفید بوده باشه منتظر نظرات با ارزش شما هستم موفق پیروز باشید توی زندگی.

آموزش طراحی سایت HTML5 CSS3 با bootstrap 5

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام یا پیج یوتیوب پاسخ وردپرس عضو شوید.

یک برنامه نویس آزاد که علاقه زیادی به اشتراک گذاری اطلاعات خود با دیگران داردم. همیشه به وردپرس فکر می کنم و عاشق وردپرس هستم. من یک web developer هستم و هدف من آسان کردن ورود سایر دوستان به این شغل جذاب هست. زبان برنامه نویسی محبوب من PHP هست.

لینک کپی شد!

نظر شما در این‌باره چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *