فرمت فایل : word(قابل ویرایش)
تعداد صفحات:34
فهرست مطالب:
مقدمه 4
HTML & WWW 6
عناصر 7
تگ های اصلی 9
فارسی نویسی 11
Character Entities 13
پیوند ها 14
جداول 16
فریم ها 20
تصاویر 23
Background 25
رنگ ها در اچتمل 26
خلاصه و نتیجه ای از مستند 31
چکیده:
مقدمه ای بر HTML
یک فایل HTML چیست؟
HTML را "اچ تی ام ال" و یا اچتمل بخوانید.
HTML برگرفته از حروف اول Hyper Text Markup Language میباشد.
یک فایل HTML فایلی از نوع text میباشد که متشکل از markup tag ها میباشد.
مرورگر یا Browser از روی markup tag ها می فهمد که چگونه باید صفحه را نمایش بدهد.
یک فایل HTML باید دارای انشعاب htm و یا html باشد.
یک فایل HTML فایلی از نوع text میباشد که با هر ادیتور ساده ای قابل ایجاد است.
وظیفه اصلی تگ های اچتمل ( markup tags ) بیان چگونگی نمایش اطلاعات میباشد.
میخواهید که یک فایل اچتمل بسازید؟
اگر از ویندوز مایکروسافت استفاده میکنید، Notepad را باز کرده (Mac کارها از SimplaeText استفاده کنند. ) و متن زیر را در آن تایپ کنید:
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first html page. <b>This text is bold</b>
</body>
</html>
سپس فایل را با نام مثلا test.html در درایو c:\ ذخیره کنید.
برای دیدن فایل اچتمل بالا در مرورگر یا Brower تان ( معمولا اینترنت اکسپلورر و یا نتسکیپ نویگیتور ) کافی است که از روی منوی File/Open file فایل بالا را از روی محل ذخیره شده بخوانید. ( به آدرس فایل در قسمت Address توجه کنید، مثلا c:\test.html)
یکی از مهمترین وظایف مرورگرها نمایش صفحات اچتمل میباشد، چه این صفحات روی کامپیوتر شما ذخیره شده باشند و یا اینکه از اینترنت خوانده شوند. با کلیک روی یک لینک فایلی شبیه فایل ذخیره شده توسط شما از روی وب سرور توسط مرورگرتان خوانده شده و سپس نمایش داده خواهد شد!!! ( به آدرس فایل در قسمت Address توجه کنید. )
توضیح مثال بالا
اولین تگ مثال بالا تگ <html> میباشد. از روی این تگ، مرورگر نوع متن یعنی اچتمل بودنش را یافته و از روی <html/> انتهای متن اچتمل را میبابد.
متن بین تگ <head> و تگ <head/> اطلاعات شناسنامه ای یا "Header information" متن اچتمل بوده و نمایش داده نخواهند شد. در این مثال با کمک تگهای <title> و <title/> تیتر و یا Title صفحه که در این مثال عبارت "Title of page" میباشد در بالای مرورگر نمایش داده خواهد شد.
متن بین تگ <body> و انتهای آن یعنی تگ <body/> تنها اطلاعاتی است که توسط مرورگرنمایش داده خواهند شد.
متن بین تگ <b> و انتهای آن یعنی تگ <b/> بصورت Bold و یا توپر نمایش داده خواهند شد.
انشعاب فایل htm یا html ؟
اغلب مرورگرها هر دو نوع انشعاب را به خوبی میشناسند ولی ترجیحا به هنگام ذخیره فایلهای اچتمل از html استفاده کنید.( استفاده از انشعابهای سه حرفی مانند htm مربوط به قدیم و سیستم عاملهائی چون DOS بودند.)
نکته ای در مورد ادیتورهای اچتمل ( HTML Editors )
با وجودیکه با استفاده از ادیتورهای اختصاصی اچتمل مانند FrontPage و یا Claris Home Page امکان نوشتن و طراحی صفحات اچتمل بصورت WYSIWYG یا "What You See Is What You Get" وجود دارد اما توصیه میشود که از ادیتورهای معمولی متن برای تهیه صفحات خود استفاده کرده، عملکرد تگها را شناخته و هیچگاه بدون اینکه بدانید کاربرد یک تگ چیست آنرا بکار نبرید.
HTML & WWW
(در این قسمت با مفاهیم وب، اینترنت، مرورگرها و استانداردهای وب آشنا خواهید شد.)
منظور از وب چیست؟
وب شبکه ای است متشکل از تمامی کامپیوترهای دنیا، شبکه ای از شبکه ها.
اینترنت، وب، WWW ، web یا World Wide Web همگی یک چیزند.
تمامی کامپیوترهای وب میتوانند با هم ارتباط داشته باشند.
کامپیوترهای موجود در وب با کمک استاندارد ارتباطی یا پروتوکل HTTP با هم ارتباط برقرار میکنند .
نحوه کارکرد وب چگونه است؟
اطلاعات وب داخل فایلهائی به نام Web Pages و یا صفحات وب قرار دارند.
این فایلها یا صفحات روی Web Server یا کامپیوترهای سرویس دهنده وب ذخیره شده اند.
برای دیدن صفحات وب از نرم افزاری به نام مرورگر و یا Web Browser استفاده میشود.
دو مرورگر Internet Explorer و Netscape Navigator جزو معروفترین مرورگرها حساب میشوند.
مرورگر Internet Explorer متعلق به شرکت مایکروسافت و مرورگر Netscape Navigator متعلق به شرکت نت اسکیپ میباشد.
مرورگرها چگونه به خواندن صفحات وب میپردازند؟
یک مرورگر با کمک یک Request درخواستی برای خواندن یک صفحه از وب سرور میکند.
این Request یا درخواست بر اساس استاندارد ارتباطی یا پروتوکل HTTP بوده و شامل آدرس صفحه مورد نظر میباشد.
آدرس یک صفحه وب چیزی شبیه http://www.internet.com/faq.html است. بخش //:http نوع پروتوکل و یا استاندارد ارتباطی را تعیین میکند، www.internet.com نام دومین یا Domain است و faq.html نام صفحه ای است که باید خوانده شود.
________________________________________
مرورگرها چگونه صفحات وب را نمایش میدهند؟
چگونگی نمایش یک صفحه وب بصورت مستتر در آن وجود دارد.
مرورگرها از روی دستورالعملهای داخل صفحات وب و با کمک تگ ها به نمایش صفحات میپردازند.
وظیفه اصلی تگ های اچتمل ( HTML tags ) بیان چگونگی نمایش اطلاعات میباشد.
یک تگ اچتمل چیزی شبیه <p> این تگ پاراگراف است! </p> است.
________________________________________
چه کسانی استاندارد های وب را تعیین میکند؟
تعیین استاندارد های وب ربطی به شرکتهای مایکروسافت و یا نت اسکیپ ندارد.
World Wide Web Consortium یا W3C متولی تعیین استانداردهای وب است.
HTML, CSS and XML از مهمترین استانداردهای تصویب شده وب میباشند.
آخرین استاندارد HTML استاندارد XHTML 1.0 میباشد .
عناصر ( Elements )
یک فایل اچتمل متنی از نوع text است که از عناصر یا element ها تشکیل میشود و برای ایجاد عناصر از تگ ها یا tags استفاده میشود. در این قسمت با عناصر و تگ ها اچتمل آشنا خواهید شد.
تگ های اچتمل (HTML Tags)
با کمک تگ های اچتمل عناصر و یا Elements ساخته میشوند.
در زبان اچتمل حدود 80 عنصر تعریف شده است.
تگ های اچتمل بوسیله دو نویسه (char) > و < ساخته میشوند.
تگ های اچتمل معمولا بصورت زوج ظاهر میشوند، مانند <b>test</b>
تگ اول در یک زوج تگ مثلا <b> تگ شروع و تگ دوم مثلا <b/> تگ پایانی نام دارد.
متن بین تگ اول و تگ دوم در یک زوج تگ محتوای عنصر یا element content نامیده میشود، مثلا "test"
تگ های اچتمل را میتوانید بوسیله حروف لاتین کوچک (lower case) و یا بزرگ (upper case) بنویسید و case sensitive نیستند. برای مثال دو تگ <b> و <B> معادل هم هستند ولی شدیدا توصیه میشود که به خاطر سازگاری با XHTML از حروف کوچک استفاده شود.