HTML چیست؟
HTML=Hyper Text Markup Language
خیلی از دوستان کامپیوتری، و غیرکامیپوتری فکر می‌کنند، اچ تی ام ال یک زبان برنامه‌نویسی است، که در مفهوم کلی، این تصور اشتباه است. یک زبان برنامه‌نویسی یک سری خصوصیات و تعاریفی داره که اچی تی ام ال در آن تعاریف نمی‌گنجد.(ما اینجا وارد تعاریف یک زبان برنامه‌نویسی نمی‌شیم)
یک فایل HTML، یک فایل Text هست، که از تعدادی Tag های اچ تی ام ال ساخته شده و شما می‌تونید اون را با هر TextEditor که می‌شناسید، از جمله notepad خودمون، بازش کنید و داخلش را ببینید.
صفحات وب که شما باز می‌کنید، برای مثال همین صحفه‌ی وبلاگ من، وقتی به کامپیوتر شما( مرورگر شما) می‌رسند، صرفنظر از اینکه با چه تکنولوژی(asp, asp.net, java,php) ایجاد شده باشند، فقط حاوی tag های html هستند و یک سری چیزای دیگر که بعدن می‌گم(مثلن جاوا اسکریپت که یا باهاش آشنا هستید، یا به هرحال اسمش رو شنیدن)
توجه کنید که وقتی یک صفحه پسوندی به جز .html داره، یعنی که در ایجاد اون از زبان‌های برنامه‌نویسی تحت وب، مثلن php یا asp.net استفاده شده. برای مثال صفحاتی که با زبان برنامه‌نویسی asp.net ایجاد می‌شوند،معمولن پسوند .aspx دارند و صفحاتی که با زبان php ایجاد می‌شوند، معمولن پسوند php دارند. داخل این صفحات قبل از اینکه به کامپیوتر شما برسند، بلاک های کد قرار دارند. ولی وقتی شما درخواست یک صفحه .aspx را می‌کنید، وب‌سروری که روی کامپیوتر سرویس دهنده، قرار داره، کد داخل صفحات رو اجرا کرده و در نهایت چیزی که به مرورگر شما می‌رسه، همون تگ‌های اچ تی ام ال هستش( دوستان اون قسمت اجرا شدن کد روی سرویس‌دهنده، به این سادگی‌ها نیست که گفتم و خودم خیلی خوب روالش رو بلدم، لطف کنید از من غلط الکی نگیرید که اصلن حوصله‌ی کل کل ندارم. و اینجا قرار نیست این چیزا رو بگم، هدف فقط دادن یک دید کلی هستش.)
قبل از ادامه، اگر با این مفاهیم آشنا نیستید، اینجا رو بخونید. اگر آشنا هستید، skip کنید!
مرورگر(Browser): برنامه‌ای که باهاش صفحات وب رو باز می‌کنید. معروف‌ترین‌هاش عبارتند از IE(Microsoft InternetExplorer) ؛ Mozila FireFox،Opera، Netscape،Maxthon
معمولن: در بسیاری از تکنولو‌ژی‌های برنامه‌نویسی تحت وب، راه‌هایی برای عوض کردن پسوند صفحه وجودداره. علاوه بر اون، انواع مختلفی از صفحه‌ها وجود دارند که ممکنه پسوندشون با هم فرق بکنه.
درخواست یک صفحه‌ی وب(Request): وقتی آدرس یک صفحه رو توی address بار مرورگر، می‌نویسید، یا وقتی روی یک لینک که داخل لیست Favorit قرار داره کلیک می‌کنید، یا وقتی توی یک صفحه یک لینک رو کلیک می‌کنید، دارید درخواست اون صفحه رو می‌کنید.
وب‌سرور: به برنامه‌ایی می‌گن، که صفحات برنامه‌نویسی شده رو اجرا می‌کنه. IIS توی ویندوز و Apache توی سیستم‌عامل‌های unix based معروف‌ترین وب‌سرورها هستند.
سرویس‌دهنده(Service Provider): صفحات وب، بر خلاف برنامه‌های desktop که شما روی سیستمتون نصب می‌کنید و اجرا می‌کنید، نمی‌تونن روی کامپیوترهای معمولی ایجاد بشند.* چون اگه خوب فکر کنید می‌بیند که در اون‌صورت با فلسفه‌ی وجودی اینترنت مخالفت پیدا می کنند! صفحات وب باید جایی باشند که از هر کامپیوتری، تو هر نقطه‌ی دنیا که به اینترنت وصل شده، قابل دسترسی باشند. به همین‌منظور، کامپیوتر‌های وجود دارند که بهشون می‌گن سرویس‌دهنده. صفحات وب، روی سرویس‌دهنده‌های وب قرار می‌گیرند و توسط برنامه‌های وب‌سرور( که بالاتر توضیح دادم) اجرا می‌شوند. سرویس‌دهنده‌های بسیاری، توی نقاط مختلف دنیا وجود دارند. کشور ما از اونجایی که بستر مخابراتی لازم رو نداره، به جز موارد و برنامه‌های خاص امنیتی، از سرویس‌دهنده‌های کانادا و آمریکا و...استفاده می‌کنه.(قراره با راه افتادن اینترنت ملی که چیزی حدود یک میلیاد دلار هزینه‌اش شده، این بستر ایجاد بشه)
و ادامه‌ی اچ تی ام ال:
همونطور که گفتم HTML مجموعه‌ای از تگ‌هاست که کارشون اینه که شکل و قیافه‌ و فرمتِ اجزای صفحات رو مشخص می‌کنند. چیزهایی مثل جداول، رنگ و اندازه‌ی متن، تصاویر، چپ‌چین یا راست‌چین بودن متن و....توسط تگ‌های html مشخص می‌شن.
تگ چیه؟ تگ‌ها داخل این علامت‌ها قرار دارند.<> بیشتر تگ‌ها، پایان و شروع دارند. مثلن تگ برای bold کردن نوشته استفاده می‌شه. تگ پایانی، همون تگ هست که بلافاصله بعد از علامت > یک / جلوش قرار گرفته.
مثال
this is a bold Text
متنی که بین دو تا تگ قرار می‌گیره به صورت bold نمایش داده می‌شه. تمام تگ‌های دیگه هم به همین صورت کار می‌کنند. حالا متنی که به مرورگر شما می‌رسه، اگر با نت‌پد بازش کنید(right click-->view source)، می‌بینید که شامل انبوهی از تگ‌های مختلف هستش. داخل مرورگر شما چیزی هست به اسم مفسر(interpreter) که می‌دونه کار هر تگی چیه. مفسر HTML رو می‌گیره، و به هر تگی که می‌رسه، کار اون تگ رو انجام می‌ده. مثلن به که می‌رسه متن رو BOLD می‌کنه و.....
حالا چطور مرورگر‌های مختلف، اینهمه تگ رو می‌شناسن؟
پاسخ خیلی ساده است: مرورگرهای مختلف اینهه تگ رونمی‌شناسند!:دییی یک چیزی وجود داره به اسم استاندارد که خیلی چیز خوبیه. در مورد HTML استانداردی هست به اسم W3c . تگ‌هایی که استاندارد w3c رو رعایت می‌کنند، توسط تمام مروگرها شناخته می‌شوند. به عبارت دیگر، تمام مروگرها تگ‌های استاندارد رو می‌شناسند. اما خیلی از طراحان وب، از تگ‌های غیراستاندارد هم استفاده می‌کنند و این باعث می‌شه، اون صفحاتی که حاوی تگ‌های غیراستاندارد هستند، داخل برخی مرورگرها ظاهری به هم ریخته پیدا کنند. برای مثال صفحاتی که با Ms frontpage درست می‌شن، معمولن تگ‌های غیراستاندارد دارند. از اونجا که فرانت‌پیج مال مایکروسافته، IE این تگ های غیر استاندارد رو می‌شناسه ولی مثلن mozila اون تگ‌ها رو نمی‌شناسه و وقتی نمی‌شناسه، ظاهر صفحه به هم ریخته نمایش داده می‌شه.
حتا کسانی که کار طراحی وب می‌کنند، لازم نیست تمام تگ‌ها رو حفظ کنند. برنامه‌هایی وجود دارند که برای طراحی صفحات استفاده میشن. برای مثالMS FrontPage و MacroMedia Dream Weaver . توی این برنامه‌ها شما لازم نیست تگ بنویسید. برای اینکه یک متن رو BOLD کنید، کافیه انتخابش کنید و از توی toolbar برنامه، دکمه‌ی B رو کلیک کنید.( حتمن این کار رو بارها با برنامه‌ی word انجام دادین) این برنامه‌ها یک بخش view دارند، که شما توش نتیجه‌ی تغییرات رو می‌بینید و یک بخش کد دارند، که کدهای اچ تی ام ال داخلش نوشته می‌شه. وقتی شما به روش بالا یک تیکه از متن رو bold می‌کنید، برنامه خودش تگ‌های رو به اول و آخر اون تیکه از متن که شما انتخاب کردید، اضافه می‌کنه. توی این برنامه‌ها با استفاده از نوار ابزار(toolbar) و ویزاردهای مختلف، شما می‌تونید ظاهر صفحات رو درست کنید. اما همیشه، تاکید می‌کنم،‌همیشه، دونستن تگ‌های مهم و اصول HTML لازم هستند.
کسی که چیزی از html نمی‌دونه، نمی‌تونه با این ابزارها یک صفحه‌ی درست و حسابی ایجاد کنه. و اما البته درست کردن صفحات وب واقعن به اون راحتی‌ها نیست. شما باید گرافیک بدونید، به یک نرم‌افزاری تومایه‌های photoshop مسلط باشید، ایده و ذوق این کار رو داشته باشید و....
اما هدف از گفتن اینها، این نبود که به شما آموزش طراحی صفحات وب داده بشه! هدف آشنایی با HTML هست و اینکه اگر اچ تی ام ال رو بشناسید و سه چهار تا تگ مهمش و راه استفاده ازشون رو بدونید، می‌بینید که خیلی خیلی به دردتون می‌خوره.