آموزش گام به گام   HTML : قسمت اول






تمام صفحات وب با نوعی از HTML ساخته می شوند. لذا برای ايجاد وب سايت های پيشرفته يادگيری HTML ضروری می باشد. در اين دوره آموزشی سعی شده است که با به کارگيری مثال های فراوان و دوری از هر گونه اضافه گوِيی در سريعترين زمان ممکن توانايی ايجاد صفحات وب بدون نياز به برنامه ای کمکی در شما ايجاد گردد.

مقدمه ای بر وب و HTML وب گسترده جهانی

وب گسترده جهانی(www , World Wide Web) که معمولا فقط وب گفته می شود؛ شبکه ای است که تمام رايانه های متصل به آن را در سراسر جهان به هم وصل می کند؛ و تمام رايانه ها در وب می توانند با هم ارتباط داشته باشند.
www چگونه کار می کند ؟
اطلاعات وب در فايلهايی به نام Web Page قرار می گيرند که آنها نيز در رايانه هايی به نام Web Server قرار دارند و رايانه ها برای ديدن صفحات وب از استانداردی ارتباطی به نام HTTP (Hyper Text Transfer Protocol ) استفاده می کنند. رايانه های متصل به وب اطلاعات موجود در Web Page ها را از طريق برنامه هايی با نام مرورگر وب (Web Browser) نشان می دهند. معمولترين مرورگرها که مورد استفاده قرار می گيرند Internet Explorer وNetscape Navigator می باشند.
چگونه مرورگرها صفحات وب را نشان می دهند ؟
همه صفحات وب شامل دستورالعمل هايی برای نمايش توسط مرورگر ها هستند، و مرورگر ها با خواندن اين دستورالعمل ها صفحات را نشان می دهند. دستورالعمل های نمايش صفحات وب، برچسبهای HTML
(Hyper Text Markup Language) ناميده می شوند مانند:
<p>This is a paragraph.</p>

يک فايل HTML چيست ؟

يک فايل HTML فايل متنی ساده ای شامل برچسب ها (Tag) می باشد؛ که بهتر است پسوند html يا htm داشته باشد و می تواند توسط يک ويرايشگر ساده متن مانند Notepad ساخته شود. برای بهتر روشن شدن مطلب بهتر است يک فايل HTML بسازيم. در Windows برنامه Notepad را اجرا کنيد و متن زير را بنويسيد :

اين فايل را با نام "Test.htm" ذخيره کنيد. حال مرورگر اينترنت خود را باز کرده و گزينه Open يا Open Page را از منوی File مرورگر انتخاب کنيد؛ يک جعبه محاوره ای باز خواهد شد، Browse يا ChooseFileرا انتخاب کنيد و فايل"Test.htm" که هم اکنون ساخته ايد را بيابيد، انتخابش کنيد و روی Open کليک کنيد. حال شما يک آدرس مانند:
"D:\My Documents\Test.htm" را در جعبه محاوره ای خواهيد ديد. روی OK کليک کنيد، مرورگر صفحه ساخته شده توسط شما را نشان می دهد.
بدين ترتيب شما اولين صفحه HTML خود را بدون استفاده از برنامه های طراحی وب و فقط با يک ويرايشگر متن ساده ساختيد و نتيجه آن را نيز توسط مرورگر ديديد. حال بياييد کمی درباره صفحه ای که ساخته ايد صحبت کنيم :
اولين برچسب در فايل HTML شما <html> است. اين برچسب به مرورگر می گويد که اين شروع يک فايل HTML است. آخرين برچسب در فايل شما </html> است. اين برچسب به مرورگر می گويد که اين پايان يک فايل HTML است. نوشته های بين برچسب <head> و برچسب </head> اطلاعات سربرگ می باشند و در پنجره مرورگر نمايش داده نمی شوند. متن بين برچسب <title> و برچسب </title> عنوان فايل می باشد و در نوار عنوان مرورگر نمايش داده خواهد شد. متن بين <body> و </body> توسط مرورگر نشان داده خواهد شد. همچنين متن بين <b> و</b> به صورت پررنگ نمايش داده می شود.

نکته ای درباره ويرايشگرهای HTML :

شما می توانيد صفحات HTML را با ويرايشگرهای WYSIWYG (What You See Is What You Get) مانند: FrontPage و Claris Home Page و Adobe PageMill به جای نوشتن برچسبهای مورد نياز در يک فايل متنی ساده؛ ويرايش نماييد. اما اگر می خواهيد يک طراح حرفه ای صفحات وب شويد بهتر است از يک ويرايشگر ساده متن استفاده کنيد تا HTML را به خوبی درک کنيد و در مباحث پيشرفته به درستی و با تسلط از آن استفاده کنيد.

برچسبهای HTML

برچسبها برای مشخص کردن عناصر فايل HTML استفاده می شوند و توسط دو حرف < و > احاطه می شوند. برچسبها معمولا به صورت جفت استفاده می شوند مانند <b> و </b> ؛ برچسب اول، برچسب ابتدايی و برچسب دوم، برچسب انتهايی ناميده می شود و متن بين آنها مندرجات عنصر می باشد. برچسبها به بزرگی يا کوچکی حروف حساس نيستند مثلا <b> همانند <B> می باشد اما ما در اين کتاب از حروف کوچک استفاده می کنيم. اگر می خواهيد خود را برای استفاده از نسل جديد HTML آماده کنيد شما نيز بهتر است از حروف کوچک استفاده کنيد. ضمنا اين پيشنهادی است که W3C (World Wide Web Consortium) برای استفاده از XHTML می کند.

عناصر HTML

برای روشن شدن مفهوم عنصر به دو مثال زير بسنده می کنيم:
خط زير يک عنصر است:
<b>This text is bold</b>
اين عنصر با برچسب ابتدايی <b> شروع شده و با برچسب انتهايی </b> پايان می پذيرد و Thistext is bold نيز مندرجات عنصر است.
خطوط زير نيز مجموعا يک عنصر می باشد که شروع آن با برچسب ابتدايی <body> و پايان آن با برچسب انتهايی </body> می باشد.
<body>
This is my first homepage. <b>This text is bold</b>
</body>

مشخصه برچسب ها

برچسبها می توانند دارای مشخصه (Attribute) باشند. مشخصه ها می توانند اطلاعات بيشتری در باره عناصر HTML صفحه شما تدارک ببينند.
برچسب <body> عنصر بدنه صفحه شما را تعريف می کند. با اضافه کردن مشخصه bgcolor شما می توانيد به مرورگر بگوييد که رنگ پس زمينه شما مثلا قرمز باشد؛ مانند:
<body bgcolor="red">
برچسب <table> يک جدول ايجاد می کند. با اضافه کردن مشخصه border می توانيد به مرورگر بگوييد که مثلا جدول شما حاشيه ندارد؛ مانند:
<table border="0">
مشخصه ها همواره به شکل جفت نام و مقدار به کار می روند: name="value" ؛ و همواره به برچسب ابتدايی اضافه می شوند. در ضمن بهتر است که مقدار مشخصه ها بين علامتهای نقل قول قرار گيرند.
ادامه دارد ......
ارسال مقاله توسط عضو محترم سایت با نام کاربری : davidfattahi
/س