3 سال پیش / خواندن دقیقه

چیت شیت (صفحه ی تقلب) HTML (کدهای کاربردی)

چیت شیت (صفحه ی تقلب) 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”>

یک دکمه ی ریست ایجاد می کند.

 


شاید از نوشته‌های زیر خوشتان بیاید
نظر خود را درباره این پست بنویسید ...

منوی سریع