اموزش html5 مقدماتی تا پیشرفته قسمت 3

اموزش html5

اموزش html5 مقدماتی تا پیشرفته قسمت 3
در این قسمت به اموزش تگ های ابتدایی html5 میپردازیم و بعد از معرفی ان ها
نحوه استفاده و نکته هایی را خواهیم گفت

به نام خدا

HTML5

قسمت سوم

دوستان عزیز سلام با قسمت سوم آموزش html5 درخدمت شما هستم .
تو این قسمت وارد تگ های بخش body و تگ هایی که شاید بیشتر شما باهاشون آشنا باشین،میریم.
من سعی میکنم در هر قسمت پنج تا از تگ هارو بگم که هم شما قاطی نکنین 🙂 هم بحث طولانی نشه.

  • اولین تگی که میخوام براتون توضیح بدم تگ های <h1> تا <h6> هستند،از این تگ ها برای سر تیتر استفاده میشه و به شکل زیر استفاده میشن:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

 
و اینم خروجی:

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

 

  • تگ بعدی تگ <p> هست که برای ایجاد پاراگراف استفاده میشه

 

<p> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه
 و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی
 مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
 کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه
 و متخصصان را می طلبد تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه
 ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد.</p>
  • تگ بعدی تگ <b> هست،از این تگ برای bold کردن متن یا کلمه استفاده میشه و با تگ <strong> یک کار رو انجام میده
<p>This is normal text - <b>and this is bold text</b>.</p>

و خروجی

This is normal text – and this is bold text.

  • چهارمین تگ این جلسه تگ <i> یا <em>  هست  و برای italic  کردن متن مورد استفاده قرار میگیره
<p>He named his car <i>The lightning</i>, because it was very fast.</p>

خروجی

He named his car The lightning, because it was very fast.

  • و آخرین تگی که تو این جلسه معرفی میکنم تگ بسیار پر کاربرد <a> هست که با این تگ میتونیم یک لینک ایجاد کنیم و دارای پارامتر های هست که پارامتر اجباری آن href هست که با آن آدر مقصد را به لینک میدهیم.
<a href="https://pentestcore.com">من لینکم!کلیک کن.</a>

خروجی
 من لینکم!کلیک کن.
در تگ a پارامتر href اجباری هست و اگه داخل برنامه خواستین تست کنین میتونین از علامت # استفاده کنین.این علامت به این معناست که فعلا آدرسی ندارین و فقط صفحه تون داخل خودش رفرش میشه.

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

موفق باشین.

0/5 (0 نظر)

مطالب مرتبط

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

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