آموزش HTML

با عرض سلام و ادب خدمت همه همکلاسیهای عزیز .

چند نکته در رابطه با طراحی وب داشتم گفتم شاید به دردتون بخوره .

التماس دعا !

تاریخچه Html

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  مورد تایید قرار گرفت اما بعضی دیگر نه. با تغییرات HTML مرورگرها مجبور به تغییر شدند تا با تحولات جدید سازگار شوند.

در تاریخ 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 را فراهم کند.

تگهای HTML

اولین چیزی که برای برنامه نویسی html باید بدانید، اینست که تگ html  چیست و چه کاری انجام میدهد. تگهای html دو نوع هستند، تگهای آغازین و تگهای پایان دهنده. بطور کل تگها با دو علامت کوچکتر و بزرگتر، یعنی < > مشخص میشوند و بین این دو علامت کد html نوشته میشود، مانند:

<b>

این یک تگ آغازین است و کد داخل آن به مرورگر ما میفهماند که متن بعد از آن باید بصورت حروف ضخیم و bold به بیننده صفحه نشان داده شود و بلافاصله متن مورد نظر را مینویسیم و در آخر آن،  تگ پایان دهنده که مرورگر بفهمد تا کجا این متن باید بصورت ضخیم نمایش داده شود،

<b> This is a bold text. </b>

همانطور که مشاهده میکنید، تگهای پایان دهنده دارای یک علامت Slash ( / ) میباشد.

اما کار این تگها چیست؟ مرورگرهای وب مانند اینترنت اکسپلورر،  به علامتهای < > حساس هستند و به محض اینکه به آنها می رسند کد داخل آنها را خوانده و عملیات لازم را بر روی متن بعد از آن انجام میدهند تا به تگ پایان دهنده برسند. در حقیقت مرورگرها حکم مترجم را برای ما دارند و کلیه تگها ونوشته های داخل آنها را بصورت اطلاعات منظم و قابل فهم  در قالب یک صفحه وب برای ما ترجمه کرده و به نمایش میگذارند. ما با وارد کردن تگهای مناسب، کنترل نمایش صفحه وب را در مرورگرها به کنترل خود در می آوریم پس باید یاد بگیرید که تگهای html را چگونه و در کجا بنویسید. زبان html هم مانند هر زبان دیگری ساختار و قواعد خاص خود را دارد که در صفحات بعد با آنها آشنا می شوید.

Source code

صفحات وب دارای  مزیتی هستند و آن مشاهده کدهای Html در مرورگر است که شما براحتی می توانید تگهای عناصر تشکیل دهنده آن صفحه را ببینید و با نحوه قرار گرفتن و تکنیکهای بکار گرفته شده آشنا شوید. برای دیدن سورس کد یا همان کد تشکیل دهنده صفحه وب داخل منوی view   در مرورگر می شوید و بر روی گزینه Source   کلیک می کنید که بطور معمول برنامه Notepad باز شده و تگهای Html   را نشان می دهد که در حال حاضر فهمیدن آنها برای شما مشکل است ولی در آینده نزدیک هیچ مشکلی برای درک کدها نخواهید داشت.

http://www.iranw3.com