چیت شیت (صفحه ی تقلب) HTML (کدهای کاربردی)
این صفحه می تواند برای تان خیلی مفید باشد؛ چرا که شامل متداول ترین تگ های HTML و مناسب ترین نحو و گرامر آنها می باشد. (فرمان های HTML را معمولاً Tags می نامند)
فهرست
۱- تگ های پایه
۲- ویژگی های بدنه
۳- تگ های متنی
۴- لینک ها
۵- فرمت بندی
۶- جداول
۷- ویژگی های جدول
۸- قاب ها
۹- ویژگی های قاب ها
۱۰- فرم ها
تگ های پایه
<html> </html>
ساخت یک داکیومنت HTML
<head></head>
نمایش دادن عنوان و اطلاعات دیگری که در خود صفحه ی وب نمایش داده نمی شود.
<body></body>
قسمت قابل مشاهده ی داکیومنت را نشان می دهد.
ویژگی های بدنه
<body bgcolor =”pink”>
رنگ پس زمینه را با استفاده از نام یا مدار هگز تنظیم می کند. (با این فرمان رنگ پس زمینه صورتی می شود)
<body text= “black”>
رنگی که متن با این فرمان تنظیم می شود؛ که می توان از نام رنگ یا مقدار هگز آن استفاده کرد.
<body link =”blue”>
رنگ لینک ها را با این فرمان؛ با استفاده از نام رنگ یا مقدار هگز می توان تنظیم کرد
<body vlink =”ff0000″>
این فرمان رنگ لینک هایی که کاربر دنبال کرده است با استفاده از نام یا مقدار هگز رنگ تنظیم می کند.
<body alink = “00ff00”>
با این فرمان زمانی که نشانگر ماوس روی یک لینک قرار می گیرد، رنگ آن تغییر کرده و با این فرمان رنگ را می توان انتخاب کرد.
<body ondragstart= “return false”
با استفاده از این فرمان؛ باعث می شوید که کاربر نتواند با استفاده از ماوس و کیبرد؛ متن را انتخاب کرد.
فرمان های متنی
<pre></pre>
متن از پیش فرمت شده بسازید.
<hlz></hl>
این فرمان، بزرگترین عنوان را ایجاد می کند.
<h6></h6>
کوچکترین عنوان را ایجاد می کند.
<b></b>
متن را بولد (پررنگ) می کند.
<i></i>
متن را به حالت مورب در می آورد.
<tt></tt>
این دستور فونت ماشین تحریر نویسی ایجاد می کند.
<cite></cite>
این فرمان نقل قول ایجاد می کند که معمولاً به صورت مورب نوشته می شود.
<em></em>
با کج نویسی یا پررنگ تر کردن یک لغت؛ بر روی آن تأکید ایجاد می کند.
<strong></strong>
با کج نویسی یا پررنگ تر کردن یک لغت؛ بر روی آن تأکید ایجاد می کند.
<font size=”3″></font>
اندازه ی فونت را از ۱ تا ۱۷ می توان تنظیم کرد.
<font color=”green”></font>
رنگ فونت را با استفاده از نام یا مقدار هگز آن رنگ می توان تنظیم کرد.
Links
<a harf =”URL”></a>
این فرمان یک هایپرلینک ایجاد می کند.
<a href=”mailto:EMAIL”></a>
یک لینک پستی ایجاد می کند
<a herf=”URL”><img src=”URL”></a> یک تصویر/لینک ایجاد می کند.
<a name = “NAME”></a>
یک محل مورد نظر درون داکیومنت ایجاد می کند.
<a herf=”#NAME”></a>
از هرجایی درون داکیومنت به محل مورد نظر لینک می کند.
فرمت بندی
<p></p>
یک پاراگراف جدید ایجاد می کند.
<p align=”left”>
یک پاراگراف را به سمت چپ (پیشفرض)، راست یا مرکز صفحه منتقل می کند.
<br>
با استفاده از این فرمان، می توانید در خط شکستگی ایجاد کرده و به سطر بعدی بروید.
<blockquote></blockquote>
این تگ در هر دو طرف متن فاصله ایجاد می کند.
<dl></dl>
یک لیست دارای توضیحات ایجاد می کند.
<dt>
آیتم های یک لیست دارای توضیحات را ایجاد می کند.
<dd>
یک توضیح (شرح) برای آیتم های لیست توضیحی ایجاد می کند.
<ol></ol>
یک لیست شماره گذاری شده ایجاد می کند.
<ul></ul>
یک لیست بولت گذاری شده ایجاد می کند (ردیف ها به یک علامت مشخص می شوند)
<li></li>
مشخص کننده ی هر آیتم لیست می باشد و یک شماره یا علامت را بسته به نوع لیست انتخاب شده به هر آیتم اضافه می کند.
<div align=”left”>
یک تگ عمومی که برای فرمت کردن بلوک های بزرگ HTML به کار می رود؛ همچنین برای استایل شیت ها نیز به کار می رود.
<img src=”name”>
یک تصویر اضافه می کند.
<img scr=”name” align=”left”>
تصویر را به سمت چپ، راست، مرکز، بالا یا پایین اضافه می کند.
<img src=”name”border=I”>
اندازه حاشیه دور تصویر را تنظیم می کند.
<hr />
یک خط کش افقی وارد می کند.
<hr size=”3″ />
اندازه (ارتفاع) خط کش را تنظیم می کند.
<hr width=”80%” />
پهنای خط کش را به درصد یا با استفاده از مقدار مطلق و قطعی تنظیم می کند.
<hr noshade />
یک خط کش بدون سایه ایجاد می کند.
جدول ها
<table><table>
یک جدول ایجاد می کند.
<tr></tr>
ردیف های جدول را ایجاد می کند.
<td></td>
هر خانه ی جدول را در هر سطر ایجاد می کند.
<th></th>
عنوان جدول (یک خانه ی معمولی با متنی بولد که زیر آن خط کشیده شده است) تنظیم می کند
ویژگی های جدول
<table border=”I”>
پهنای حاشیه دور خانه های جدول را تنظیم می کند.
<table cellspacing =”I”>
فاصله بین خانه های جدول را تنظیم می کند.
<table cellpadding=”I”>
فاصله بین حاشیه سلول و محتوای آن را تنظیم می کند.
<table width =”500″ or 80%>
عرض جدول؛ بر حسب پیکسل ها یا به عنوان درصدی از عرض داکیومنت تنظیم می شود.
<tr align=”left”> یا <td align=”left”>
خانه های جدول را تراز می کند (به سمت راست؛ چپ یا وسط می برد)
<tr valign=”top”> یا <td valign=”top”>
چیدمان عمودی (بالا، پایین یا وسط) خانه های جدول را انجام می دهد
<td clospan=”2″>
شماره ستون هایی را که باید در یک سلول قرار بگیرد؛ تنظیم می شود. (پیش فرض=۱)
<td rowspan =”4″>
تعداد ردیف های یک ستون را تنظیم می کند (پیش فرض=۱)
<td nowrap>
برای متناسب بودن ظاهر کار، مانع از شکستن خط درون یک خانه جدول می شود.
فریم ها
<frameset></frameset>
تگ <body> را در سند فریم ها جایگزین می کند؛ می تواند همچنین در مجموعه فریم های دیگری نیز قرار بگیرد.
<frameset rows=”value,value”>
ردیف های درون یک فریم را با استفاده از عدد بر حسب پیکسل ها یا درصد عرض صفحه معین می کند.
<frameset cols=”value,value”>
ستون های درون یک مجموعه فریم را با استفاده از عدد بر حسب پیکسل ها یا درصد عرض صفحه معین می کند.
<frame>
یک فریم واحد – یا منطقه ای درون یک فریم را تعریف می کند.
<noframes></noframes>
آنچه را که در مرورگرها ظاهر می شوند و فریم ها را پشتیبانی نمی کند؛ تعیین می نماید.
ویژگی های فریم ها
<frame src=”URL”>
مشخص می کند که کدام داکیومنت HTML باید نشان داده شود.
<frame name=”name”>
فریم یا منطقه ای را نام گذاری می کند؛ بنابراین؛ ممکن است با دیگر فریم ها هدف قرار بگیرد.
<frame marginwidth=”value”>
حاشیه های سمت چپ و راست فریم را تعریف می کند؛ باید برابر یا بزرگتر از ۱ باشد.
<frame marginheight=”value”>
حاشیه های بالا و پایین فریم را مشخص می کند؛ که باید برابر یا بزرگتر از ۱ باشد.
<frame scrolling=”value”>
تنظیم می کند که فریم دارای نوار پیمایش باشد یا خیر. به جای value ممکن است عبارت های “yes بله” ، “No-خیر” یا “auto -خودکار” باشد. حالت پیش فرض، مانند اسناد معمولی ، auto (خودکار) است.
<frame noresize= “noresize”>
مانع از تغییر اندازه فریم توسط کاربر می شود.
فرم ها
برای فرم های کاربردی ، باید یک اسکریپت را اجرا کنید. HTML فقط ظاهر یک فرم را ایجاد می کند.
<form></form>
تمام فرم ها را ایجاد می کند.
<select multiple name=”NAME” size=?></select>
یک منوی پیمایش ایجاد می کند. به جای Size تعداد موارد قابل رویت منو را که قبل از این که بخواهید از نوار پیمایش استفاده کنید، تعیین می کند.
<select name=”NAME”></select>
یک منوی کشش از بالا ایجاد می کند.
<option>
هر آیتم منو را می تواند تنظیم کند.
<textera name=”NAME”cols=40 rows=8></textarea name>
یک ناحیه برای باکس های متنی ایجاد می کند. ستونها (cols) عرض را تنظیم می کنند. ردیف ها (rows) ارتفاع را تنظیم می کنند.
<input type=”checkbox” name=”NAME”>
چک باکس (مربع های کوچک) ایجاد می کند. متن از تگ پیروی می کند.
<input type=”radio” name =”NAME” value=”x”>
یک دکمه رادیویی ایجاد می کند. متن از تگ پیروی می کند.
<input type=”text” name=”NAME” size=20>
این دستور یک باکس متنی تک خطی ایجاد می کند و عددی که به Size اختصاص داده می شود؛ طول کاراکترها است.
<input type=”submit” value=”NAME”>
یک دکمه سابمیت (ارسال) ایجاد می شود.
<button type=”submit”>Submit</button>
یک دکمه حقیقی ایجاد می کند که روی آن کلیک می شود.
<input type=”image”border=0 name=”NAME” src=”nam.gif”>
با استفاده از یک تصویر؛ یک دکه ارسال ایجاد می کند.
<input type=”reset”>
یک دکمه ی ریست ایجاد می کند.
