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

اموزش html5

به نام خدا

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>

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

0/5 (0 نظر)

مطالب مرتبط

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

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

قوانین پن تست کور
دوره های آموزشی
نماد اعتماد