بسته های نرم افزاری 3 جلد اول (HTML)  ----- فصل 3

بسته های نرم افزاری 3 جلد اول (HTML)  ----- فصل 3

زبان نشانه گذاری HTML : زبان کلیدی و پایه ای در طراحی صفحات وب

Html=Hyper Text Markup Language

Xhtml= eXtensible Hyper Text Markup Language

تفاوت HTML  و  XHTML

1. برچسب های XHTML باید با حروف کوچک نوشته شوند
2. در XHTML کدهای HTML درون یک Document Type Definition (DTD) نوشته می شوند. (دارای برچسب DocType هستند)
3. DTD نوع و استاندارد برچسب های سند را مشخص می کند.

قالب های صفحات وب: صفحات وب یک فایل متنی ساده با پسوند .htm      یا   .html

*        تفاوت : برخی سیستم عامل ها قادر به شناسایی پسوند بیش از 3 حرف نیستند.

زبان نشانه گذاری XHTML

*        زبان XHTML یک زبان نشانه گذاری است،یعنی برای نمایش محتوای صفحه از نشانه های مختلف استفاده می کند.

برچسب (Tag): به هر کدام از این نشانه های XHTML که دستورالعمل نحوه نمایش محتویات صفحه هستند،برچسب گفته می شود.

برچسب ها در XHTML

*        ساختار استاندارد برچسب ها

برچسب ابتدا

محتویات

برچسب انتها/

 نکات ذخیره سازی صفحات وب :

*        در کادر Filename نام دلخواه و پسوند htm مانند : First.htm

*        در کادر save as type گزینه All file انتخاب

*        اگر متن فارسی استفاده نموده ایم،کادر Encoding برابر UTF-8

صفحات وب طراحی شده در مرورگرها(IE,Mozilla,Operaو...) قابل مشاهده است.

جهت مشاهده کد HTML صفحات وب در مروگرها، R-C روی آنها و انتخاب View Source

مهمترین برچسب های HTML

html

head

title

body

الف)برچسب HTML : مهمترین و اصلی ترین برچسب

*        به معنای شروع و پایان کدهای XHTML می باشد

*        مرورگر با دیدن htmlشروع فایل و با دیدن /html پایان آن را تشخیص می دهد.

ب)برچسب Body  : برچسب بدنه اصلی صفحه وب

*        شامل کلیه دستورات و برچسب هایی است که به عنوان خروجی در مرورگر نمایش داده می شود.

خواص برچسب ها

*        هر برچسب دارای مجموعه ای از خصوصیات است که ویژگی های برچسب با آنها قابل تنظیم می باشد از جمله رنگ،نحوه نمایش و

*        خصوصیات 2 نوعند :

*        عمومی : بین همه برچسب ها مشترک هستند.

*        اختصاصی: خصوصیت های منحصر بفرد هر برچسب

*        نکته: خصوصیت ها همیشه در بخش آغازین برچسب قرار دارند.

*        هر خصوصیت دارای 2 بخش اصلی است:

*        Name: نام خصوصیت

*        Value: مقداری که به خصوصیت اختصاص پیدا می کند.

*        شکل کلی

... مقدار=نام خصوصیت دوم «مقدار»=نام خصوصیت اول نام برچسب

محتوای برچسب

برچسب انتها/

انواع آدرس دهی در وب

*        آدرس دهی مطلق: آدرس دقیق از ریشه

*        آدرس دهی نسبی: آدرس عنصر مورد نظر،نسبت به محلی که صفحه وب در آنجا واقع است.

*        مسیر جاری (صفحه وب با عنصر چندرسانه ای هم مسیر هستند) ß/

*        یک مسیر قبل(عنصر یک پوشه قبل از صفحه وب می باشدß/..

روش های نمایش رنگ ها در HTML

*        درج نام رنگß مانند : red,green,blue : body bgcolor=“red”

*        رنگ های سیستم شامل 28 رنگ

*         رنگ ها در مبنای هگزادسیمال(مبنای 16) که با علامت # شروع می شود و شامل 3 بخش است: body bgcolor="#0000FF"

*        میزان رنگ قرمز: از 00 (کمترین میزان) تا FF (بیشترین میزان) رنگ قرمز

*        میزان رنگ سبز:  //                   //                                //

*        میزان رنگ ابی:    //                   //                                //

ج) برچسب HEAD: برچسب تعیین اطلاعات کلی سند، به نحوه نمایش اطلاعات در مرورگر کمک می کند ولی محتویات این برچسب در هنگام اجرا نمایش داده نمی شود.

برچسب های مورد استفاده درHEAD

*        meta

*        script

*        title

*        base

برچسب meta درHEAD : این برچسب شامل اطلاعات کلی در مورد صفحه وب،توضیحات ضروری و واژه های کلیدی که مورد استفاده موتورهای جستجو می باشد،است.

د) برچسب TITLE : برچسب عنوان صفحه وب، این تگ، زیر مجموعه تگ Head می باشد، ترجیحا تعداد حروف عنوان کمتر از 15 کاراکتر باشد.

برچسب !--  -- : برچسب توضیحات، برای درج توضیحات جهت شرح کدها می باشد.

 ---------------------------------------------------------------------------------------------