آموزش مقدماتی تا پیشرفته 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 نظر)

مطالب مرتبط

داده کاوی

Data Mining (داده کاوی) چیست؟

در این اموزش با دیتا ماینینگ یا داده کاوی به صورت کامل اشنا خواهید شد با ما در ادامه این اموزش همراه باشید. 0/5 (0 نظر)   برسی شبکه بیسیم با ابزار FruityWiFi

ابزار SSLScan

ابزار SSLScan و برسی SSL وب سایت

در این آموزش به ابزار SSLScan جهت بررسی امنیتی SSL وب سایت ها می پردازیم، در ادامه در ادامه این آموزش با ما همراه باشید. 0/5 (0 نظر)   برسی شبکه بیسیم با ابزار FruityWiFi

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

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