تگ P ،
در این آموزش به بررسی تگ P می پردازیم. در این آموزش راجع با تگ های H1 – H6 و عناوین و منطق استفاده از آن ها آشنا شدیم.
در این بخش به تگ P و موارد استفاده |آن می پردازیم.
بصورت ساده و ابتدایی ترین حالت ممکن بخواهیم معرفی کنیم ، این تگ توضیحات هر عنوان را شامل می شود.
تگ P همان تگ paragraph یا همان پاراگراف است که برای نمایش توضیحات مربوط به عناوین از آن استفاده می کنیم.
مثال: برای نوشتن
HTML چیست
اگر از H ها یا تگ های مربوط به عناوین استفاده کنیم، “توضیحات” آن را داخل تگ P قرار مید هیم.
با هم وارد محیط VS Code شده تا بصورت عملی این مطلب را تمرین کنیم.
همان طور که می بینید ما از یک تگ H1 با نام “آموزش HTML ” استفاده کردیم(خط ۸)
عنوان “HTML چیست ” را با H2 معرفی کردیم(خط ۹)
و با استفاده از تگ P محل قرار گیری توضیحات را نشان دادیم.
طبق روال وارد سایت w3schools می شویم. همتن طور که مشاهده می کنید، پس از معرفی کوتاه در HTML Paragraph مثال و نمونه را در بخش Example قرار داده است.
آشنایی با hr
Hr برای قرار دادن خطی بین مطالب استفاده میشود. به این کد توجه کنید:
<body>
<H1>آموزش HTML </H1>
<h2> چیست HTML</h2>
<p> در این بخش توضیحات تیتر و عنوان بالا قرار داده می شود</p>
</body>
حالا با استتفاده از hr میخواهیم خط جدا کنننده ای دراین کد برای تیتر دیگری قرار دهیم:
<body>
<H1>آموزش HTML </H1>
<h2> چیست HTML</h2>
<p> در این بخش توضیحات تیتر و عنوان بالا قرار داده می شود</p>
<hr>
<h2>آیا برنامه نویسی آسان است؟</h2>
<p>اگر به صورت درست و اصولی آموزش ببینید ، بله</p>
</body>
خروجی کار ما به این شکل نمایش داده می شود:
ما در مورد تگ P اطلاعاتی به دست آوردیم، موارد استفاده از آن را یاد گرفتیم، حتما برای یادگیری بهتر به کمک سایت W3schools تمرین کنید.
ما در آموزشگاه حامی، با تمرکز بر منطق و مکانیزم یادگیری، به روز ترین و کاربردی ترین آموزش ها را به شما عزیزان ارائه می دهیم، اما این شما هستید که در نهایت با تمرین و تکرار به نتیجه دلخواهتان می رسید…