به نام خدا

HTML5

قسمت چهارم

دوستان سلام با قسمت چهارم از مجموعه آموزش Html5 در خدمتتونم .

برای تاخیری که بین این آموزش و آموزش قبلی بوجود اومد از همتون معذرت میخوام:)

توی جلسه قبل آخرین تگی که با هم کار کردیم تگ <a> بود که کامل توضیحش دادیم
در این جلسه هم مطابق آموزش قبل پنج تا از تگ های html5 رو با هم کار میکنیم.
 

• تگ اول تگ <img> هست،این تگ برای استفاده از عکس درون وبسایت استفاده میشه و خیلی هم کاربردی هست.
• این تگ چند تا پارامتر داره که یکی از پارامتر های اجباری اون که آدرس تصویر مارو نششون میگیره src هست.سینتکس این کد به صورت زیر نوشته میشه

<img src="smiley.jpg" height="42" width="42">

 
تگ img تگ بسیار ساده و پر کاربردی هست که پارامتر های دیگه ای هم داره مثل alt,width,height,و ….
که اونارو بربای طولانی نشدن این جلسات میسپرم به خودتون تا برین کارکنین 🙂
 

•  تگ دوم تگ <table> هست که برای ایجاد جدول استفاده میشه.
• البته این تگ به تنهایی گارخاصی نمیتونه انجام بده و دو تا تگ اجباری داره .
• اولین تگ اجباری تگ <tr> هست که برای ایجاد سطر های جدول به کار میره و دوممین تگ اجباری هم تگ <td> هست که برای ایجاد ستون هست.
• نمونه کد زیر برایا ایجاد جدول هست

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

• تگ سوم تگ <sup> هست، برای توان دادن استفاده میشه .
• شاید این تگ زیاد براتون آشنا نباشه ولی یه موقعی بالاخره به کارتون میاد 🙂
• مخصوصا مواقعی که میخواین مطالب مربوط به ریاضییات رو داخل وبسایتتون بزارین.کار با این تگ بسیار سادس و به شکل زیر نوشته میشه:

<p>This text contains <sup>subscript</sup> text.</p>

خروجی:

This text contains ^superscript text.

• تگ چهارم تگ <sub> مثل تگ قبلی هست و برای اندیس گذاری مورد استفاده قرار میگیره.

<p>This text contains <sub>subscript</sub> text.</p>

وخروجی :

This text contains _subscript text.

• تگ پنجم و تگ آخر که توی این جلسه داریمش تگ  <fieldset> هست،
• این تگ به کمک تگ <legend> کار میکنه و کارش اینه که دور فرم ها و قسمت های که خواستین داخل کادری قرار بدین و قسمت بندی کنین این تگ به شما کمک میکنه تا این کار رو انجام بدین .

<fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text"><br>
    Email: <input type="text"><br>
    Date of birth: <input type="text">
  </fieldset>

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