]-->lang="fa-IR"> آموزش کدهای کاربردی HTML (کد تقلب) | مرکز درس

کدهای کاربردی HTML

درمقالات متعددی در مورد زبان برنامه نویسی html و موارد استفاده آن ها صحبت کردیم اما در این مقاله از مرکز درس می خواهیم در مورد کدهای کاربردی html صحبت کنیم و آن ها را معرفی کنیم. انواع تگ های html ، جدول ها و لینک ها و …. که بسیار در طول برنامه نویسی از آن ها استفاده می شود. این مقاله یه جوری کدهای تقلب html را بیان می کند پس امیدوارم از آن به درستی استفاده کنید :

  • فهرست

    ۱- تگ های پایه

    ۲- ویژگی های بدنه

    ۳- تگ های متنی

    ۴- لینک ها

    ۵- فرمت بندی

    ۶- جداول

    ۷- ویژگی های جدول

    ۸- قاب ها

    ۹- ویژگی های قاب ها

    ۱۰- فرم ها

    تگ های پایه

    <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”>

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

بیشتر بخوانید :   ICDL را از کجا شروع کنیم؟
ساسان سروشه

نوشته‌های مرتبط

دیدگاه‌ها

*
*