آموزش html از سطح مقدماتی تا سطح پیشرفته

[Cyletech]

سلام دوستان،

تصمیم دارم تمام اندوخته های خود را در رابطه با زبان شیرین و ساده HTML دسته بندی کنم و در اختیار شما دانش آموزان گرامی قرار بدم. لطفا قوانینی که در ذیل ذکر شده است را مطالعه فرمائید و به دقت اجرا نمائید.

شرایط استفاده از این تاپیک
- انتقادات به صورت پیام خصوصی ارسال شود
- هیچگونه پاسخی به مطالب داده نشود
- در صورت راضی بودن از ارسال مورد نظر از دکمه "تشکر" استفاده شود

فهرست
- تاریخچه
- اصطلاحات وب جهانی

سطح مقدماتی
- مقدمه
- شروع اولین قدم
- ابتدایی
- عناصر
- نشانه ها
- سرفصل ها
- پاراگراف ها
- قالب بندی
- سبک ها
- پیوند ها
- تصاویر
- جداول
- لیست ها
- فرم ها
- رنگ ها
- نام رنگ ها
- مقادیر رنگ
- یادآوری

به امید ایرانی سرشار از مهر و دوستی​

حق تألیف و تصنیف تنها با گروه ایران PHP می باشد​

 

[Cyletech]

تاریخچه

زبان HTML توسط فردی بنام Tim Berners-Lee در خلال دهه 90 میلادی همراه با گسترش وب شکوفا شد. این زبان توسط مرورگر Mosaic معروفیت خاصی پیدا کرد. در آن زمان HTML در چند سبک منتشر می شد که آن به سازنده فایل و انجمن هایی که در این زمینه فعالیت داشتند بستگی داشت.

در نوامبر 1995 نسخه HTML 2.0 گسترش يافت و بلافاصله در همان سال HTML 3.0 منتشر شد، اما استقبالی از آن نشد. در سال 1996 انجمن W3C شروع به فعاليت بر روي نسخه اين زبان کرد که حاصل کار آنها در 14 ژانويه 1997 انتشار HTML 3.02 بود. اين نسخه توانست رضايت اکثريت را جلب کند چون هماهنگي بيشتري با مرورگرهاي مختلف در سيستمهاي عامل متفاوت داشت. در تمام نسخه هاي اين زبان، سعي بر اين شده بود تا نظر کساني که در زمينه وب سرمايه گذاري کرده بودند جلب شود و برنامه هاي توليد شده براي وب بتوانند مدت طولاني تري قابل استفاده باشند. به همين منظور HTML براي اهداف گسترده تري، در وب توسعه يافت تا در کليه سيستمهاي اطلاع رساني و الکترونيکي کوچک و بزرگ با بکار بردن گرافيک و رنگها، قابليت بهره برداري بيشتري داشته باشد.

در 18 دسامبر 1997 نسخه HTML 4.0 در وب منتشر شد و در همين بين شرکتهاي توليد کننده مرورگر وب، يکسري مشخصات منحصر به خود را به اين نسخه اضافه کردند که قابل اجرا در مرورگرهاي ديگر نبود. بعضي از اين تغييرات در W3C مورد تاييد قرار گرفت اما بعضي ديگر خیر. با تغييرات این زبان، مرورگرها مجبور به تغيير شدند تا با تحولات جديد سازگار شوند.

در تاريخ 24 آوريل 1998 در اين نسخه تجديد نظر شد و حاصل آن پيدايش HTML 4.01 بود که با کمي تغيير و رفع يکسري مشکلات، در W3C به رسميت شناخته شد و اين انجمن استفاده از آن را به توسعه دهندگان و طراحان وب، توصيه کرد.

بطور کل مجموعه HTML 4 با قابليت استفاده از embeded objects, frames, scripting, style sheets و با کارايي بالاتر از جدولها و فرمها به وب معرفي شد، همچنين در اين نسخه توجه زيادي به افراد با توانايي کم شده بود تا اين افراد هم بتوانند از محيط وب استفاده کنند. اما مهمترين قدمي که در اين نسخه برداشته شد، پشتيباني HTML از زبانهايي بود که از راست به چپ نوشته ميشدند مانند زبان فارسي، که در اين نسخه با پذيرفتن استاندارد ISO 10646 به هدف بزرگ بين المللي شدن اين زبان نزديک شدند تا همه مردم دنيا در هر کجا و با هر زباني بتوانند اسناد HTML را منتقل کنند.

HTML 4.01 تفاوت کمي با نسخه اصلي خود يعني 4.0 دارد اما در عوض هماهنگي بيشتري با نسل جديد زبان وب يعني XHTML و نسل بعدي يعني XML دارد. در اصل XHTML اساس و مقدمه XML است که براي هماهنگي و سازگاري HTML با XML منتشر شده است.

HTML 4 زبان بسيار قوي است براي طراحان و سازندگان محصولات وب اما در آن توجهي به دستگاههاي اطلاع رساني و الکترونيکي کوچک با قدرت و حافظه کمتر نشده است. به همين منظور W3C در 26 ژانويه 2000 اقدام به معرفي XHTML 1.0 کرد و در 19 دسامبر همان سال آن را به رسميت شناخت و تأکيد به استفاده از اين نسخه کرد تا با بکارگيري ويژگيهايي که دارد دامنه استفاده از زبان محبوب HTML را گسترش دهد و مقدمات معرفي XML را فراهم کند.

 

[E-Boy]

سلام دوست عزیز .
میگم فکر کنم من داشتم این کار رو انجام میدادم .
اینم آدرس : http://forum.majidonline.com/showthread.php?t=121507
دیگه نیازی نیست که شما هم آموزش بدین .
موفق باشید .

 

[Cyletech]

اصطلاحات وب جهانی

صفحه وب: حاوی متن، تصاویر، گرافیک و حتی فیلم است که به شکل خاصی در اختیار بینندگان قرار می گیرد.

وب سایت: مجموعه ای از اسناد وب جھانی است که شامل صفحه اصلی و بسیاری از صفحات مربوط به آن است.

صفحه اصلی: اولین صفحه مربوط به وب سایت است که بیننده آن را مشاھده می کند و در اکثر مواقع index با پسوند php یا index با پسوند html نام دارد.

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

فریم: ویژگی ھایی در صفحه وب است که ھر صفحه را به چند بخش تقسیم می کند.

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

سرور: محلی است که اطلاعات در آنجا ذخیره می شوند و در اختیار مشتریان قرار می گیرند.

مرورگر: یک برنامه نرم افزاری است که اسناد وب را درخواست، تفسیر و آماده می کند. همانند اینترنت اکسپلورر یا موزیلا فایر فاکس و امثال این ها.

 

[Cyletech]

سطح مقدماتی | مقدمه

HTML یک زبان برای توصیف صفحات وب می باشد که از جمله Hyper Text Markup Language گرفته شده است. HTML یک زبان برنامه نویسی نیست! بلکه یک نوع زبانی است که قالب بندی یک سند را توصیف می کند (markup language). یک زبان markup یک مجموعه از تگ های markup است. HTML از تگ های markup برای توصیف صفحات استفاده می کند. به تگ های markup نیز تگ های HTML می گویند.
هر زبان برنامه نویسی یا زبان هایی همچون HTML دارای یک تگ آغازین و پایانی می باشد که مختص به آن زبان است و توسط این تگ به سیستم می فهمانیم که نوع زبان ما برای مثال HTML می باشد. علاوه بر این هر دستور HTML دارای دو بخش عنوان و بدنه است.
عنوان: شامل اطلاعات مکمل در مورد سند HTML است. برای مثال عنوانی که قابل نمایش در عنوان بار مرورگر می باشد. این بخش با <head> شروع و به </head> ختم می شود. { در رابطه با دیگر تگ های HTML مانند تگ عنوان و ... در چند جلسه آینده صحبت خواهیم کرد و سعی می کنم یک لیست کامل برایتان آماده کنم. }
بدنه: شامل دستورالعمل های تولید صفحه است که با <body> شروع و به </body> ختم می شود.
با توجه به توضیحاتی که داده شد شکل کلی برنامه HTML بدین صورت خواهد بود.

<html>
<head>
<!--etela@t-->
</head>
<body>
<!--etela@t-->
</body>
</html>

{ به پایان این جلسه رسیدیم و سعی می کنم در جلسات آتی بیشتر توضیح دهم. }​