آموزش HTML مقدماتی درس اول
توسط : jadval

آموزش HTML مقدماتی درس اول

کد ها را با Notepad ویندوز نوشته و با پسوند html ذخیره کنید.
فعلا از برنامه های ساخت صفحه مانند فرانت پیج استفاده نکنید.

از اینجا شروع کنید:

Code:

<HTML>
Hello world!
</HTML>
را با نام page11.html ذخیره کرده و آن را با مرورگر وب خود باز کنید و نتیجه راببینید:

به عباراتی شبیه <HTML></HTML> تگ گفته می شود. تگ 2 نوع دارد، تگ تکی و تگ دوتایی که در نوع دوتایی یک تگ برای باز کردن و یک تگ برای بستن به کار می رود. تگ ها همان دستورات هستند.

تگ های <HTML> </HTML> شروع و پایان یک صفحه ی وب از نوع HTML را مشخص می کند.

کدهای سربرگ HTML:
هر صفحه ی وب باید دارای سربرگ باشد. اطلاعات موجود در سربرگ برای نمایش در صفحه و همچنین موتورهای جستجو و اطلاعات دیگر بسیار مهم هستند.
اطلاعات مربوط به سربرگ درون تگ های <HEAD></HEAD> قرار می گیرند. یعنی ما اطلاعات را در وسط دو تگ فوق قرار می دهیم.

عنوان صفحه:
یکی از مهمترین قسمت های سربرگ عنوان صفحه می باشد، که این عنوان در بالای مرورگر وب بازدیدکننده به نمایش درخواهد آمد. عنوان صفحه را در بین تگ های <TITLE></TITLE> قرار دهید و مثال زیر را ببینید:

Code:

<HTML>
<HEAD>
<TITLE>Title of the page</TITLE>
</HEAD>
</HTML>
بدنه ی صفحه:
قسمت اصلی صفحه ی وب بدنه ی آن است که در بین تگ های <BODY> </BODY> قرار می گیرد. بدنه را باید در زیر آخرین تگ سربرگ صفحه قرار داد.

Code:

<HTML>
<HEAD>
<TITLE>My company web page</TITLE>
</HEAD>
<BODY>
Welcome to our homepage. More text here.
</BODY>
</HTML>
حالا کد بالا را با نام page2.html ذخیره کرده و در مرورگر خود مشاهده کنید.

اطلاعات بدنه ی صفحه:
بیشتر تگ های HTML دارای پارامترهای اختیاری هستند که معمولا به کار می روند. ما در اینجا پارامترهای بدنه را توضیح می دهیم.

رنگ پشت صفحه:
برای تغییر رنگ پست صفحه ی وب باید از پارامتر اختیاری BGCOLOR در تگ <body> به استفاده کنید:

Code:

<HTML>
<HEAD>
<TITLE>Page with Back Color</TITLE>
</HEAD>
<BODY BGCOLOR="#00FF00">
Page with Back Color
</BODY>
</HTML>
این کد رنگ پشت صفحه را به سبز تغییر می دهد.فرمت شماره ی رنگ به صورت RRGGBB است. شما می دانید که هر رنگ را می توان با 3 رنگ قرمز، سیز و آبی مشخص کرد.RR کد رنگ آبی و GG کد رنگ سبز و BB کد رنگ آبی می باشد. این کدها، شماره های دسیمال 2 رقمی از 00 تا FF هستند. مثلا 00FF00 به معنای رنگ سبز می باشد. شما می توانید با این کدها 16 ملیون رنگ بسازید.

تصویر پشت صفحه:
ما می توانیم تصویری را به عنوان تصویر پشت صفحه برای صفحه ی خود انتخاب کنیم. شما باید یک عکس آماده با فرمت gif و یا jpg داشته باشید. در مثال زیر تصویری با نام image1.gif به عنوان تصویر پست صفحه به کار برده شده است:

Code:

<HTML>
<HEAD>
<TITLE>Page with background image</TITLE>
</HEAD>
<BODY BACKGROUND="image1.gif">
<B>Page with background image.</B>
</BODY>
</HTML>
توجه کنید فایل image1.gif باید در همان جایی که صفحه ی وب خود را قرار داده اید موجود باشد تا مرورگر بتواند آن را برای نمایش پیدا کند.

تمرینات:
1. صفحه ی وب خود را با تصویری با نام image1.gif به عنوان تصویر پشت صفحه بنویسید.
2. کد بالا را با رنگ آبی به عنوان رنگ صفحه بنویسید.
3. تگ هایی را که در این قسمت یاد گرفتید را با توضیح مختصری فهرست کنید.

دوشنبه 26/6/1386 - 16:30
پسندیدم 0
UserName