1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

آموزش HTML بخش هجدهم :: تگ های پایه

شروع موضوع توسط hector2141 ‏10/9/12 در انجمن Html

  1. کاربر ارشد

    تاریخ عضویت:
    ‏6/9/12
    ارسال ها:
    14,318
    تشکر شده:
    2,702
    امتیاز دستاورد:
    0
    حرفه:
    daneshjo
    [​IMG]
    در این درس برخی از تگ های پایه که کاربرد بیشتری دارند را معرفی میکنیم.


    تگهاي اصلي (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