سفارش تبلیغ
صبا ویژن
مدیر وبلاگ
 
آمار واطلاعات
بازدید امروز : 243
بازدید دیروز : 232
کل بازدید : 2170694
کل یادداشتها ها : 596
خبر مایه


 

آموزش Html: تگ های Html در یک نگاه

تگ های Html در یک نگاه

تگهای اصلی (Basic Tags)

<html></html> ایجاد سندی اچتمل
<head></head> ایجاد اطلاعات شناسنامه ای سند مانند عنوان و ...
<body></body> ایجاد بدنه و قسمت قابل مشاهده سند اچتمل

 

تگهای ناحیه Header

<title></title>

تعیین عنوان سند

 

شناسه های مهم تگ body

<body bgcolor=?>

تعیین رنگ زمینه بر اساس نام رنگ یا معادل هگز

<body text=?>

تعیین رنگ نوشته بر اساس نام رنگ یا معادل هگز

<body link=?>

تعیین رنگ پیوندها بر اساس نام رنگ یا معادل هگز

<body vlink=?>

تعیین رنگ پیوندهای بازدیدشده بر اساس نام رنگ

<body alink=?>

تعیین رنگ پیوند فعال بر اساس نام رنگ یا معادل هگز

 

تگهای متن و نوشته

<pre></pre>

نمایش متن های از قبل فرمت شده (preformatted)

<hl></hl>

ایجاد بزرگترین سر تیتر

<h6></h6>

ایجاد کوچکترین سر تیتر

<b></b>

ایجاد متن توپر

<i></i>

ایجاد متن مورب و ایتالیک

<tt></tt>

ایجاد متن از نوع تله تایپی

<cite></cite>

ایجاد citation معمولا ایتالیک

<em></em>

نمایش تاکید شده متن (توپر یا مورب)

<strong></strong>

نمایش تاکید شده متن (توپر یا مورب)

<font size=?></font>

تعیین اندازه قلم از 1 تا 7

<font color=?></font>

تعیین رنگ قلم بر اساس نام رنگ یا مقدار هگز آن

 

پیوندها

<a href="URL"></a>

ایجاد پیوند

<a href="mailto:EMAIL"></a>

ایجاد پیوندی از نوع mailto

<a name="NAME"></a>

ایجاد پیوندی نامگذاری شده در یک سند

<a href="#NAME"></a>

ارجاع به یک پیوند نامگذاری شده

 

فرمت دهی

<p></p>

ایجاد پاراگرافی جدید

<p align=?>

ترازبندی پاراگراف در سمت left, right, or center

<br>

رفتن سر سطر جدید

<blockquote> </blockquote>

عنوان سازی متن

<dl></dl>

ایجاد فهرستهای تعریفی

<dt>

ایجاد عنصری از یک فهرست تعریفی

<dd>

ایجاد شرح و توصیف یک عنصر فهرست تعریفی

<ol></ol>

ایجاد فهرستهای مرتب

<li></li>

ایجاد یک قلم اطلاعاتی از یک فهرست

<ul></ul>

ایجاد فهرستی نامرتب

<div align=?>

تگی برای فرمت دهی بلوکی بزرگ از کدهای اچتمل

 

المانهای گرافیکی

<img src="name">

ایجاد یک تصویر

<img src="name" align=?>

تراز بندی تصویر (left, right, center; bottom, top, middle)

<img src="name" border=?>

تعیین ضخامت مرز یک تصویر

<hr>

درج خطی افقی

<hr size=?>

تعیین ارتفاع خط افقی

<hr width=?>

تعیین عرض خط بر اساس مقدار واقعی یا درصدی

<hr noshade>

ایجاد خطی افقی بدون سایه

 

جداول

<table></table>

ایجاد جدول

<tr></tr>

ایجاد ردیف در جداول

<td></td>

ایجاد خانه های جداول

<th></th>

ایجاد عنوان ستونهای یک جدول

 

شناسه های جداول

<table border=#>

تعیین مقدار ضخامت مرزهای یک جدول

<table cellspacing=#>

تعیین فاصله بین خانه های جدول

<table cellpadding=#>

تعیین فاصله بین محتوای یک خانه و مرزهای آن

<table width=# or %>

تعیین عرض جدول بر اساس پیکسل و یا درصدی

<tr align=?> or <td align=?>

تعیین ترازبندی خانه های جدول (left, center, right)

<tr valign=?> or <td valign=?>

ترازبندی عمودی خانه های جدول (top, middle, bottom)

<td colspan=#>

تعیین تعداد ستون هائی که باید یکی شوند.

<td rowspan=#>

تعیین تعداد سطر هائی که باید یکی شوند.

<td nowrap>

باعث جلوگیری از شکسته شدن متن در خانه جدول میشود.

 

فریمها

<frameset></frameset>

تعریف و ایجاد مجموعه ای از فریمها

<frameset rows="value,value">

شناسه ای برای تعریف ردیفهای یک مجموعه فریم بر اساس اندازه واقعی بر حسب پیکسل و یا ابعاد درصدی

<frameset cols="value,value">

شناسه ای برای تعریف ستونها یک مجموعه فریم بر اساس اندازه واقعی بر حسب پیکسل و یا ابعاد درصدی

<frame>

تعریف فریمی از مجموعه فریمها

<noframes></noframes>

تعیین متنی که باید در صورت عدم پشتیبانی مرورگر از فریمها باید نمایش داده شود.

 

شناسه های فریمها

<frame src="URL">

تعیین سند اچتمل داخل فریم

<frame name="name">

تعیین نام برای یک فریم

<frame marginwidth=#>

تعیین عرض حاشیه راست و چپ فریم

<frame marginheight=#>

تعریف طول حاشیه بالا و پایین فریم بر اساس پیکسل

<frame scrolling=VALUE>

تعیین اینکه فریمی از Scroll bar استفاده کند یا نه. مقادیر ممکن: yes، no و auto (حالت پیش فرض)

<frame noresize>

سبب جلوگیری از تغییر اندازه یک فریم میشود.

 

فرمها

<form></form>

ایجاد یک فرم

<select multiple name="NAME" size=?></select>

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

<option>

تعیین هر یک از اقلام منو کرکره ای

<select name="NAME"></select>

ایجاد منوی کرکره ای

<option>

تعیین هر یک از اقلام منو کرکره ای

<textarea name="NAME" cols=40 rows=8></textarea>

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

<input type="checkbox" name="NAME">

ایجاد چک باکسی با تعیین متن و عنوان آن

<input type="radio" name="NAME" value="x">

ایجاد رادیو باتن با تعیین متن و عنوان آن

<input type=text name="foo" size=20>

ایجاد المانی برای ورود متن با حداکثر یک سطر به همراه تعیین ابعاد بر اساس نویسه

<input type="submit" value="NAME">

ایجاد دکمه ای از نوع ارسال و Submit

<input type="image" border=0 name="NAME" src="name.gif">

ایجاد دکمه ای از نوع ارسال با کمک یک تصویر

<input type="reset">

ایجاد دکمه خلاصی !! یا Reset


منبع:tehroon20.com






طراحی پوسته توسط تیم پارسی بلاگ