آموزش جامع html

شروع موضوع توسط V.Valizadeh9 ‏19 آوریل 2010 در انجمن زبان HTML

وضعیت موضوع:
موضوع بسته شده است.
  1. V.Valizadeh9

    V.Valizadeh9 Well-Known Member

    ارسال‌ها:
    222
    تشکر شده:
    782
    امتیاز دستاورد:
    93
    مرجع تگ های html

    مرجع تگ های HTML

    (در این پست تمامی تگ های html معرفی خواهند شد.
    نکته جالب : بعد از این که این پست تمام شد به بررسی هر کدام از تگ ها میپردازیم.
    که شامل : تعریف، کاربرد، پشتیبانی توسط مرورگرها و ... میپردازیم.)

    تگ های اساسی :
    <!--...--> ........................................... توضیحاتی را به فایل در html اضافه میکند
    <!doctype> ....................................... تعریف نوع سند
    <body> ............................................ تعریف بدنه سند
    <br /> .............................................. تعریف شکست خطوط
    <hr /> ............................................... تعریف یک خط افقی
    <p> .................................................... تعریف یک پاراگراف
    <h1> to <h6> ................................... تعریف تیترها در HTML
    <html> ............................................... تعریف یک سند HTML

    تگ های قالب بندی متن :
    <abbr> ............................................. تعریف حرف اختصاری
    <acronym> ....................................... تعریف مخفف
    <address> ........................................ اطلاعات تماس برای نویسنده/سند
    <b> ................................................. تعریف متن برجسته
    <bdo> ............................................. تعریف جهت متن
    <big> ............................................... تعریف بزرگتر متن
    <blockquote> ................................... تعریف نقل قول طولانی
    <center> ........................................... توصیه نمیشود. تعریف متن در وسط
    <cite> ............................................... معرفی استناد
    <code> ............................................. تعریف کد متن کامپیوتری
    <del> ................................................ تعریف حذف متن
    <dfn> ............................................... معرفی تعریف
    <em> ................................................ معرفی متن مورب
    <font> .............................................. توصیه نمی شود. تعریف فونت، رنگ و سایز برای متن
    <i> ..................................................... تعریف یک متن ایتالیک
    <ins> ................................................. تعریف یک متن آندرلاین
    <kbd> ................................................ تعریف متن صفحه کلید
    <label> .............................................. تعریف برچسب برای عناصر ورودی
    <pre> ................................................. تعریف نوشته تنظیم نشده
    <q> .................................................... تعریف یک نقل قول کوتاه
    <s> .................................................... توصیه نمی شود.تعریف یک متن خط خورده
    <samp> ............................................... تعریف نمونه کد کامپیوتری
    <small> ............................................... تعریف یک متن کوچک تر
    <strike> ............................................... توصیه نمی شود.تعریف یک متن خط خورده
    <strong> ............................................. تعریف متن قوی تر
    <sub> ................................................. تعریف متن زیر نویس
    <sup> ................................................. تعریف متن بالا نویس
    <tt> ................................................... تعریف متن ماشین تحریر
    <u> .................................................... توصیه نمی شود. تعریف متن underline
    <var> .................................................. تعریف متغیر بخشی از متن
    <xmp> ................................................. توصیه نمی شود. تعریف نوشته تنظیم نشده

    تگ های استایل :
    <style> ............................................... تعریف استایل برای اطلاعات سند
    <div> ................................................ تعریف یک بخش از سند
    <span> ................................................ تعریف یک بخش در سند

    تگ های جدول :
    <table> ............................................... تعریف یک جدول
    <caption> ......................................... تعریف عنوان جدول
    <td> ................................................... تعریف یک سلول در جدول
    <th> ................................................... تعریف سلول هدر در جدول
    <tr> ................................................... تعریف یک ردیف در جدول
    <tbody> ............................................... تعریف گروه های بدنه سند در یک جدول
    <tfoot> ............................................... تعریف گروه های مطالب بالا و پایین صفحه در جدول
    <thead> .............................................. تعریف گروه های مطالب هدر در جدول
    <col /> ............................................. تعریف مشخصه values برای یک یا چند ستون در جدول
    <colgroup> ....................................... تعریف گروهی از ستون در جدول برای قالب بندی

    تگ های لیست ( فهرست ) :
    <ul> .................................................... تعریف یک لیست نامرتب
    <ol> .................................................... تعریف یک لیست مرتب
    <li> .................................................... تعریف لیست آیتم
    <dd> ................................................ معرفی شرح اصطلاح در لیست تعریفی
    <dir> ................................................ توصیه نمی شود. معرفی یک لیست دایرکتوری
    <dl> .................................................. تعریف یک لیست تعریفی
    <dt> ................................................. معرفی اصطلاح (مورد) در لیست تعریفی
    <menu> ............................................. تعریف یک لیست منو

    تگ های لینک :
    <a> ................................................. تعریف یک لینک
    <link /> .............................................. تعریف رابطه بین سند و منابع خارجی

    تگ های عکس :
    <area /> ........................................... تعریف یک فضا در کنار عکس/map
    <img /> ............................................. تعریف یک عکس
    <map> ............................................... تعریف نقشه یک تصویر

    تگ های قاب :
    <frame/> ......................................... تعریف یک پنجره (یک قاب) در یک قاب
    <frameset> ....................................... معرفی مجموعه از قاب ها
    <iframe> ........................................... تعریف فریم های درون خطی
    <noframes> ....................................... تعریف یک محتوای فرعی برای کاربراینی که قاب ها را پشتیبانی نمیکنند.

    تگ های فرم :
    <input /> .......................................... تعریف کنترل ورودی
    <form> ............................................. تعریف یک فرم ورودی برای کاربر در HTML
    <textarea> ........................................... تعریف کنترل ورودی چند خط متن
    <button> ......................................... تعریف دکمه
    <select> .............................................. تعریف لیست انتخاب (لیست کشویی)
    <optgroup> ........................................... تعریف گروهی از گزینه های وابسته در یک لیست
    <option> .............................................. تعریف یک گزینه در یک لیست
    <fieldset> ......................................... تعیین مرز در اطراف عناصر در فرم
    <legend> ........................................... تعریف یک عنوان برای fieldset عنصر
    <isindex> .......................................... توصیه نمی شود. تعریف شاخصه جست و جو در سند

    تگ های اطلاعات meta :
    <head> .............................................. تعریف اطلاعات یک سند
    <meta /> ........................................... تعریف
    <title> ................................................. تعریف عنوان یک سند
    <base /> ......................................... معرفی آدرس پیش فرض و یا هدف به طور پیش فرض برای تمام پیوندها در صفحه
    <basefont /> .................................... توصیه نمیشود. تعریف رنگ، فونت و سایز یک متن در سند

    تگ های برنامه ها :
    <script> ............................................... تعریف اسکریپت های سمت سرویس گیرنده
    <noscript> ......................................... تعریف متناوب محتوا برای کاربرانی که کار پشتیبانی نمی کند اسکریپتهای سمت سرویس گیرنده
    <object> .............................................. تعریف یک شیء جایگذاری شده
    <param /> ............................................ تعریف یک پارامتر برای یک شیء
    <applet> ........................................... توصیه نمیشود. تعریف یک applet جاسازی شده


     
    آخرین ویرایش: ‏2 می 2010
    نوشته شده توسط V.Valizadeh9 در ‏29 آوریل 2010
    saber2008، omid.m7، wahid2003vj و 6 نفر دیگر از این ارسال تشکر کرده اند.
  2. V.Valizadeh9

    V.Valizadeh9 Well-Known Member

    ارسال‌ها:
    222
    تشکر شده:
    782
    امتیاز دستاورد:
    93
    سلام
    1.به نظرتون کتاب pdf برای آموزش ها مناسب تره یا کتاب html ؟
    2.کسی میتونه زحمت این کار رو بکشه ؟
    ممنون
     
    نوشته شده توسط V.Valizadeh9 در ‏30 آوریل 2010
    mae_6677، samvision، ArefGod و 4 نفر دیگر از این ارسال تشکر کرده اند.
  3. V.Valizadeh9

    V.Valizadeh9 Well-Known Member

    ارسال‌ها:
    222
    تشکر شده:
    782
    امتیاز دستاورد:
    93
    مشخصه های استاندارد تگ های html

    مشخصه استاندارد تگ های HTML

    نکته! در این آموزش ها مشخصه و خصوصیات به یک معنی میباشند!
    مشخصه استاندارد در HTML/XHTML :
    مشخصه هایی که در زیر لیست شده اند استاندارد میباشند.
    و توسط همه تگ های HTML و XHTML پشتیبانی میشوند، البته با اندکی استثنا !

    مشخصه اصلی : Core Attributes
    نکته : اين خاصيت ها در تگ های base , head , html , meta , param , style , title و script وجود ندارد .

    [​IMG]

    مشخصه های زبان : Language Attributes
    نکته : اين خاصيت ها در تگ های base , br , frame , hr , iframe , param و script وجود ندارد .

    [​IMG]

    مشخصه های صفحه کليد : Keyboard Attributes

    [​IMG]

     
    آخرین ویرایش: ‏3 می 2010
    نوشته شده توسط V.Valizadeh9 در ‏2 می 2010
    mae_6677، wahid2003vj، ArefGod و 4 نفر دیگر از این ارسال تشکر کرده اند.
  4. FlashBank

    FlashBank کاربر فعال

    ارسال‌ها:
    930
    تشکر شده:
    2,843
    امتیاز دستاورد:
    93
    با سلام و تشکر به خاطر آموزش هاتون .میدونم برای تشکر باید از کلید تشکر استفاده شه . ولی این در جواب سوالتونه

    pdf باشه بهتره چون عمومی تره .

    میخواین آموزش هاتون رو pdf کنید ؟
     
    نوشته شده توسط FlashBank در ‏3 می 2010
    ArefGod و V.Valizadeh9 از این پست تشکر کرده اند.
  5. V.Valizadeh9

    V.Valizadeh9 Well-Known Member

    ارسال‌ها:
    222
    تشکر شده:
    782
    امتیاز دستاورد:
    93
    رويدادهای html

    رويدادهای HTML

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

    رويدادهای پنجره ( فايل ) : body and frameset Events
    نکته : اين رويدادها فقط در عنصرهای body و frameset معتبر هستند .

    [​IMG]

    رويدادهای عناصر فرم : Form Events
    نکته : اين رويدادها فقط در عنصرهای کنترلی فرمها کاربرد دارند .

    [​IMG]

    توضيح فوکوس ( focus ) : در هر لحظه کنترلی که در يک صفحه يا فرم ، انتخاب شده است و به دور آن کادر قرار گرفته به اصطلاح فوکوس برنامه را در اختيار دارد . کنترلی که انتخاب شود ، فوکوس را به دست آورده و کنترلی که از انتخاب خارج شود ، فوکوس را از دست می دهد .

    رويدادهای موس : Mouse Events
    نکته : رويدادهای موس در کنترل های base , br , frame , frameset , head , html , iframe , meta , param , script و title کاربرد ندارد .

    [​IMG]
    رويدادهای صفحه کليد : Keyboard Events
    نکته : رويدادهای صفحه کليد در کنترل های base , br , frame , frameset , head , html , iframe , meta , param , script , style و title کاربرد ندارد .

    [​IMG]

    رویداد های عکس : Image Event
    نکته: رویداد های عکس فقط در عنصر img کاربرد دارد.

    [​IMG]

     
    آخرین ویرایش: ‏5 می 2010
    نوشته شده توسط V.Valizadeh9 در ‏3 می 2010
    mae_6677، omid.m7، wahid2003vj و 4 نفر دیگر از این ارسال تشکر کرده اند.
  6. V.Valizadeh9

    V.Valizadeh9 Well-Known Member

    ارسال‌ها:
    222
    تشکر شده:
    782
    امتیاز دستاورد:
    93
    نام رنگ ها در html

    نام رنگ ها : HTML Color Names
    جدول زیر نام رنگ ها ، مقدار و ... را نشان مید هد.
    چون این یکی خیلی تابلو بود فارسیشو ننوشتم !

    [​IMG]
     
    آخرین ویرایش: ‏5 می 2010
    نوشته شده توسط V.Valizadeh9 در ‏5 می 2010
    saber2008، mae_6677، omid.m7 و 4 نفر دیگر از این ارسال تشکر کرده اند.
  7. V.Valizadeh9

    V.Valizadeh9 Well-Known Member

    ارسال‌ها:
    222
    تشکر شده:
    782
    امتیاز دستاورد:
    93
    مرجع کدهای ascii

    مرجع کدهای ASCII
    کدهای ASCII که اصطلاحاً کدهای اسکی می گویند، برای ارسال اطلاعات بین کامپیوترها در اینترنت استفاده می شود.

    تنظیم کاراکتر های ASCII :
    ASCII مخفف کلمه ی "American Standard Code for Information Interchange" به معنی "کدهای استاندارد آمریکائی برای تبادل اطلاعات" است و در اوایل سال 60 به عنوان استاندارد برای تنظیم کاراکترها در کامپیوتر ها و دستگاه های سخت افزاری مانند : teleprinters و tapedrives انتخاب شد.
    ASCII یک کاراکتر7 بیتی است که محتوای آن شامل 128 کاراکتر است.
    آن شامل شماره هایی از 0 تا 9 است.شامل حروف الفبا از بزرگ تا کوچک و همچنین برخی کاراکتر های خاص است.
    تنظیم کاراکتر ها در HTML و کامپیوتر های مدرن استفاده می شود و تمام اینترنت بر پایه کد های ASCII است.
    جدول زیر لیستی از 128 کاراکتر ASCII ، معادل آن و همچنین توضیحات می باشد :
    (به زودی جدول قرار داده خواهد شد ... )
     
    آخرین ویرایش: ‏10 می 2010
    نوشته شده توسط V.Valizadeh9 در ‏10 می 2010
    MAH203، omid.m7، ArefGod و 3 نفر دیگر از این ارسال تشکر کرده اند.
  8. V.Valizadeh9

    V.Valizadeh9 Well-Known Member

    ارسال‌ها:
    222
    تشکر شده:
    782
    امتیاز دستاورد:
    93
    سلام کاربران عزیز مجید آنلاین
    اگه صبر کنین من pdf آموزشی رو آماده کردم فقط تصحیحش مونده که اونم تا چند روز دیگه آماده میشه.
    فقط بگم :
    1.خیلی کاملتر
    2.خوانا تر و روان تر و زبان ساده تر
    3.کامل تر
    4.مثال های فراوان
    5. و ...
    تقریبا کاملترین pdf فارسی در این زمینه هست.
    منتظر باشید ... :d
     
    نوشته شده توسط V.Valizadeh9 در ‏20 می 2010
    MAH203، mae_6677، omid.m7 و 7 نفر دیگر از این ارسال تشکر کرده اند.
  9. V.Valizadeh9

    V.Valizadeh9 Well-Known Member

    ارسال‌ها:
    222
    تشکر شده:
    782
    امتیاز دستاورد:
    93
    سلام بالاخزه نسخه pdf کامل شد و در پست اول برای دانلود قرار داده شد لطفا به پست اول مراجعه کنید.
     
    نوشته شده توسط V.Valizadeh9 در ‏23 ژوئن 2010
    MAH203، susha، mae_6677 و 11 نفر دیگر از این ارسال تشکر کرده اند.
  10. rasulirad

    rasulirad New Member

    ارسال‌ها:
    8
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    سلام من این چیزها رو میدونم ولی میخوام سوال کنم آیا یک قالب پی اس دی دارم چطور به htmlتبدیل کنم
     
    نوشته شده توسط rasulirad در ‏26 مارس 2013
  11. rasulirad

    rasulirad New Member

    ارسال‌ها:
    8
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    سلام ببخشید همون موقع که پست گذاشتم کاری پیش آمد رفتم نتونستم سوالی کنم
    آقای ولی زاده سوال داشتم من خیلی از این چیزهای که گذاشتید دیدم سوال دارم که به چه کاری میاد یاد بگیرم
    من بلاگفا میخوام یاد بگیرم
     
    نوشته شده توسط rasulirad در ‏21 آوریل 2013
  12. sumaya

    sumaya New Member

    ارسال‌ها:
    1
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    سلام، دوستان این سایت و حتما ببینید...
    فوق العاده است برای کسانی که میخوان طراح وب حرفه ای بشن :)
    www.w3schools.com
    راستی ممنون برای آموزش عالیتون
     
    نوشته شده توسط sumaya در ‏23 آوریل 2013
  13. arabicedu

    arabicedu New Member

    ارسال‌ها:
    15
    تشکر شده:
    4
    امتیاز دستاورد:
    1
    با سلام
    جناب ولی زاده محبت بفرمایید html5 و php5 را هم اگر زحمتش را بکشید بسیار ممنون می شویم
     
    نوشته شده توسط arabicedu در ‏26 آوریل 2013
  14. chanel

    chanel New Member

    ارسال‌ها:
    5
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    ba salam
    merci az tozihate kameletoon,kheili be man komak kard baraye shoroo:)
     
    نوشته شده توسط chanel در ‏27 می 2013
  15. hossain.ghadimi

    hossain.ghadimi New Member

    ارسال‌ها:
    4
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    سلام نمیدونم اینجا جای مناسبی برای سوالم هست یا....
    من تقریبا تازه کارم میخوام بدونم چطور میتونم دکمه بسازم مثلا (صفحه نخست) که خصوصیت mous over. وbg img رو داشته باشه
    ممنون
     
    نوشته شده توسط hossain.ghadimi در ‏4 جولای 2013
  16. tarenoco

    tarenoco Member

    ارسال‌ها:
    216
    تشکر شده:
    14
    امتیاز دستاورد:
    18
    میشه برای اینکه بخواهیم یک کد css رو با کد دیگری تعویض کنیم بطوریکه ئر محتوای قالب خللی وارد نکند
    ممنون میشم کمکم کنید
     
    نوشته شده توسط tarenoco در ‏29 ژانویه 2014
  17. jahansite95

    jahansite95 New Member

    ارسال‌ها:
    8
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    لطفا فایل پی دی اف اموزش ها را قرار بدین ممنون
     
    نوشته شده توسط jahansite95 در ‏2 نوامبر 2016
  18. hassanh403

    hassanh403 New Member

    ارسال‌ها:
    1
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    کد html روی سئو تاثیر داره؟
     
    نوشته شده توسط hassanh403 در ‏25 فوریه 2017
  19. fitka

    fitka New Member

    ارسال‌ها:
    7
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    سلام.
    لطفا آموزش ها در یک فایل pdf قرار دهید با تشکر.
     
    نوشته شده توسط fitka در ‏8 آوریل 2017
وضعیت موضوع:
موضوع بسته شده است.

به اشتراک بگذارید