آموزش کامل html

[danger gamer]

سلام به همه ی دوستان من danger gamerهستم یه کدنویس طراح و ادیتور صفحاط وب
اومدم این جا که بهتون یاد بدم که چجوری یه htmlنویس شوید
امیدوارم از این پست خوشتون بیاد و از مدیر محترم خواهش مندم که این موضوع را یکی از پس های مهم کند تا همه بتواندد این پست رو ببینند

[danger gamer]

خوب اول از همه تگ ها و کاربرد های آن ها




رديف

نام تگ

توضيح مختصر



1
< a > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک لنگر به کار می رود .


2
< abbr > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک مخفف برای يک عبارت بزرگتر به کار می رود .


3
< acronym > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک مخفف برای يک عبارت بزرگتر به کار می رود .


4
< address > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای نوشتن يک آدرس در متن به کار می رود .


5
< area > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
مشخص کننده يک ناحيه در نقشه های تصويری است .


6
< b > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای توپر کردن نوشته ( Bold ) به کار می رود .


7
< base > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای تعيين خواص پايه در يک صفحه به کار می رود .


8
< bdo > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
قلم نوشته را به صورت نوشته های محيط های کدنويسی کامپيوتر در می آورد .


9
< big > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
باعث بزرگتر نمايش داده شدن نوشته در يک متن می شود .


10
< blockquote> ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک نقل قول به کار می رود .


11
< body > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
بدنه اصلی محتويات صفحه وب را تشکيل می دهد .


12
< br > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک خط جديد به کار می رود .


13
< button >
برای ايجاد دکمه های وب به کار می رود .


14
< caption >
برای تعيين عنوان يک جدول به کار می رود .


15
< cite > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
باعث نمايش کج نوشته به کار می رود .


16
< code > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای نمايش متن همانند محيط های برنامه نويسی به کار می رود .


17
< col > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای دسته بندی گروهی از ستون های يک جدول به کار می رود .


18
< colgroup > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای دسته بندی گروهی از ستون های يک جدول به کار می رود .


19
< dd > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد ليست های معنی به کار می رود .


20
< del > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای نمايش متن حذف شده درصفحه به کار می رود .


21
< div > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای تقسيم فضا در صفحات وب به کار می رود .


22
< dl > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد ليست های معنی به کار می رود .


23
< dt > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد ليست های معنی به کار می رود .


24
< em > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای نمايش نوشته به صورت کج به کار می رود .


25
< fieldset > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک کادر به دور محتويات خود به کار می رود .


26
< form > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک فرم در صفحه به کار می رود .


27
< h1 > تا < h6 > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد انواع تيترها در نوشته به کار می رود .


28
< head > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
در برگيرنه اطلاعات کلی درباره سند وب است .


29
< hr > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک خط در عرض صفحه به کار می رود .


30
< html > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
محدوده اصلی کد HTML يک صفحه را تعيين می کند .


31
< i > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای نمايش نوشته به صورت کج به کار می رود .


32
< img > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای قرار دادن تصوير در صفحه به کار می رود .


33
< input > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ساختن انواع کتنرل های HTML به کار می رود .


34
< ins > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای مشخص کردن متن های جديد وارد شده در يک صفحه به کار می رود .


35
< kbd > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای نمايش متن همانند محيط های برنامه نويسی به کار می رود .


36
< label > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک عنوان ( نماد متنی ) در صفحه به کار می رود .


37
< legend > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد عنوان يک کادر fieldset به کار می رود .


38
< li > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای تعريف يک آيتم در ليست به کار می رود .


39
< link > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای برقراری ارتباط بين صفحه با يک فايل خارجي به کار می رود .


40
< map > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک نقشه تصويری به کار می رود .


41
< meta > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
در بر گيرنده اطلاعات کلی درباره محتويات يک صفحه جهت استفاده موتورهای جستجو است .


42
< noscript > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای تعيين جايگزين يک اسکريپت در يک صفحه به کار می رود .


43
< object > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای پيوند يک شی خارجی با صفحه به کار می رود .


44
< ol > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد ليست های ترتيبی به کار می رود .


45
< optgroup > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای دسته بندی گزينه های يک ليست به کار می رود .


46
< option > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک ليست در صفحه به کار می رود .


47
< p > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک پاراگراف در صفحه به کار می رود .


48
< param > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای تعيين تنظيمات زمان اجرای يک شی خارجی در صفحه به کار می رود .


49
< pre > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای نمايش متن به همان صورت اوليه به کار می رود .


50
< q > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک نقل قول به کار می رود .


51
< samp > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای نمايش متن همانند محيط های برنامه نويسی به کار می رود .


52
< script > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای تعيين يک اسکريپت در صفحه به کار می رود .


53
< select > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک ليست باز شو به کار می رود .


54
< small > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای نمايش متن به صورت کوچکتر به کار می رود .


55
< span > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای تقسيم متن به کار می رود .


56
< strong > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای نمايش درشتر متن به کار می رود .


57
< style > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای قالب بندی تگ های HTML و صفحات به کار می رود .


58
< sub > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک زير نويس به کار می رود .


59
< sup > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک انديس به کار می رود .


60
< table > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد جداول به کار می رود .


61
< tbody > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
شامل محتويات و بدنه اصلی يک جدول می شود .


62
< td > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک خانه جدول به کار می رود .


63
< textarea >
برای ايجاد يک کادر متن به کار می رود .


64
< tfoot > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای تعيين عنوان انتهای يک جدول به کار می رود .


65
< th > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک سر عنوان برای جدول به کار می رود .


66
< thead > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک سر عنوان برای جدول به کار می رود .


67
< title > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد متن tooltip درباره عناصر به کار می رود .


68
< tr > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد يک سطر جدول به کار می رود .


69
< tt > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
باعث نمايش متن به صورت نوشته های تلگراف به کار می رود .


70
< u > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای خط زيردار کردن نوشته به کار می رود .


71
< ul > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ايجاد ليست های نشانه ای به کار می رود .


72
< var > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای نمايش متن همانند محيط های برنامه نويسی به کار می رود .


73
< !-- ... -- > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
برای ارائه توضيحات دلخواه در صفحه HTML به کار می رود .


74
< !DOCTYPE > ([ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ])
نوع و نسخه زبان برنامه نويسی مورد استفاده در صفحه وب را مشخص می کند .

[roksana6]

سلام.من رشته ام برقه هیچ اطلاعاتی از html و css و java script ندارم .....میخوام برم کلاس php ولی میگن باید اونارو بلد باشم.....میخواستم ببینم میتونید 0 تا 100 html بهم یاد بدید ؟ :n37:

[hamid_diablo]

دوست عزیز منابع زیاید توی نت هست...

اول هم باید html 4 , css2 رو یاد بگیرید و بعدش html5 , css3

بعدش هم جاوا اسکریپت و جی کوئری ....

بعد از این مراحل باید بری سراغ php

[kian98]

سلام

آقا حمید فرقی نمی کنه کدوم یکی از نسخه های html رو یاد بگیره.
html5 با بقیه نسخه های html فقط فرقش توی چندتا تگ جدیدتر و چندتا تغییر توی استاندارد html هست. میشه گفت html5 همون html4 هست فقط با چندتا تغییر جدیدتر و پیشرفته تر مثل تگ canvas و تگ video و ...
پس اگه html5 رو یاد بگیرید بهتره.
css هم همینطور . css3 همون css2 هست منتها با چندتا تغییر جدیدتر مثل متد translate و skew و....

اگه جاوااسکریپت بلد باشید جی کوئری رو توی یه ساعت میشه کامل یاد گرفت . محض اطلاع جی کوئری هم یک کتابخانه از جاوااسکریپت هست.


پس اینطور شد : دی

1 : HTML5

2: CSS3

3: جاوااسکریپت + کتابخانه هاش

4 : PHP و یا سایر زبان های سمت سرور

باتشکر

[roksana6]

آهان اینطوریش خوب بود مخشی:n02:

[mahdi585920]

سلام. خدا قوت
ببخشید من توی تنظیم کردن صفحه ی زمینه برای قالب سایت به مشکل خوردم. میخام طوری صفحه رو تنظیم کنم که با اسکرول کردن صفحه تصویر بک گراند ثابت بمونه و فقط مطالب جا به جا بشن ولی همش تصویر تکرار میشه. با این که کد رو عین یه برنامه آموزشی تصویری که دیدم مینویسم ولی درس نمشه bgproperties رو fixed قرار میدم ولی درس نمیشه اگه ممکنه یه راه حل برام پیشنهاد کنین.

[kian98]

سلام

خاصیت زیر رو به سلکتور body در کدهای css تون اضافه کنید :


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید