آموزش HTML جلسه اول آموزش HTML مقدمه ای بر وب و معرفی HTML وب گسترده جهانی : وب گستره جهانی (World Wide Web) که معمولا فقط وب گفته میشود؛ شبکه ای است که تمام رایانه ها متصل به آن را در سراسر جهان به هم وصل میکند. و تمام رایانه ها میتوانند در وب با هم ارتباط داشته باشند. WWW چگونه کار میکند ؟ اطلاعات وب در فایل هایی به نام Web Page قرار میگیرند که آن ها نیز در رایانه هایی به نام Web Server قرار دارند و رایانه ها برای دیدن صفحات وب از استانداردی ارتباطی به نام (Hyper Text Transfer Protocol) که HTTP مخففش ایت، استفاده میکنند. رایانه های متصل به وب اطلاعات موجود در Web Page ها را از طریق برنامه هایی به نام مرورگر وب (WWeb Browser) نشان میدهند. رایج ترین مرورگرهایی که مورد استفاده قرار میگیرند، Internet Explorer و FireFox میباشند. چگونه مرورگرها صفحات وب را نشان میدهند ؟ همه صفحات وب شامل دستورالعمل هایی برای نمایش توسط مرورگرها هستند. مرورگرها با خواندن این دستورالعمل ها صفحات وب را نشان میدهند. دستورالعمل های صفحات وب، تگ های HTML نامیده میشوند. HTML چیست ؟ * HTML یک زبان برای نشاه گذاری فرا متنی است که کارش توصیف وب است. * HTML برگرفته از کلمه Hyper Text Markup Language است. * HTML یک زبان برنامه نویسی نیست بلکه یک زبان نشانه گذاری است. * HTML از تگ های نشانه گذاری استفاده میکند که از طریق آن ها صفحات وب را توصیف میکند. * یک فایل HTML می تواند توسط یک ویرایشگر متنی ساده ساخته شود. تگ های HTML : * تگ های نشانه گذاری معمولا تگ های HTML خوانده میشوند. * برچسب هایی هستند که متن ها را توسط کلمات کلیدی احاطه میکنند مانند : <html> * تگ ها به صورت جفت هستند که اولی تگ شروع و دومی تگ پایان نامیده میشود. * همچنین تگ های شروع و پایان تگ های باز شدن و بسته شدن هم خوانده میشوند. اسناد HTML = صفحات وب * اسناد HTML صفحات وب را توصیف میکنند. * اسناد HTML شامل متن و تگ های HTML است. * اسناد HTML صفحات وب نیز خوانده میشوند. هدف یک مرورگر وب (مانند اینترنت اکسپلورر و فایر فاکس و … ) خواندن اسناد HTML و سپس نمایش آنها به صورت صفحات وب است. مرورگر تگ های HTML را نشان نمیدهد، بلکه با استفاده از تگ ها به تفسیر محتوای صفحات میپردازد. به متن HTML زیر توجه کنید : <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> توضیح مثال بالا : * متن بین <html> و <html/> صفحه وب را توصیف میکند. * متن بین <body> و <body/> متن قابل نمایش در صفحه وب را مشخص میکند. * متن بین<p> و <p/> یک پاراگراف را نشان میدهد. شروع کنید ! به چه چیز هایی نیاز دارید ؟ * شما برای یادگیری HTML در مجید آنلاین به هیچ ابزاری نیاز ندارید ! * شما ویرایشگر HTML نیاز ندارید! * شما به وب سرور نیاز ندارید ! * شما به وب سایت نیاز ندارید! ویرایشگر های HTML : کا در این آموزش ها از یک ادیتور ساده متن مانند Notepad ویندوز استفاده میکنیم. شما می توانید به سادگی با استفاده از یک ویرایشگر WYSIWY(“what you see is what you get”) فایل های HTML را ویرایش کنید ، مثل FRONT PAGE,Claris Home Page یا Adob PageMill. اگر شما می خواهید یک توسعه دهنده وب توانا باشید ما توصیه اکید می کنیم که شما از یک ویرایشگر متنی ساده استفاده کنید تا اصول اولیه HTML را یاد بگیرید. پسوند HTML یا HTM ؟ هنگامی که شما یک فایل HTML را ذخیره می کنید شما می توانید هرکدام از پسوندهای htm. یا html. را انتخاب کنید.ما در مثال هایمان از پسوند htm. استفاده می کنیم. این ممکن است یک رفتار بد موروثی از گذشته باشد که بیشتر نرم افزارهایی که استفاده می شوند فقط پسوند سه حرفی را قبول می کنند.با نرم افزار جدیدتر ما فکر می کنیم که اگر از پسوند html. استفاده کنیم بسیار ایمن تر خواهیم بود. آیا میخواهید یک بار امتحان کنید ؟ اگر در حال کار با ویندوز هستید برنامه note pad را اجرا کنید. متن زیر را تایپ کنید. <html> <head> <title>title of page </title> </head> <body> This is my first home page.<b> This text is bold </b> </body> </html> فایل را تحت عنوان “mypage.htm”ذخیره کنید. مرورگر اینترنت خود را باز کنید، از منوی فایل گزینه “open” یا “open page” را انتخاب کنید. یک جعبه گفتگو ظاهر خواهد شد .گزینه “brows” یا “choose file” را انتخاب کنید و در مکانی که فایل HTML خود را ساخته اید قرار گیرید. آن را انتخاب کنید و روی گزینه “open” کلیک کنید.حالا شما یک آدرس در جعبه گفتگوی خود مشاهده خواهید کرد. بعنوان مثال “C:\mypage.html” گزینه ok را کلیک کنید و مرورگر صفحه را به شما نشان خواهد داد.
