نکته ای دربارة ذخیره سازی صفحات وب :
برای آنکه یک صفحه وب را به صورت یک فایل بر روی کامپیوتر ذخیره کنیم از منوی File گزینه Save As… را انتخاب می کنیم سپس از کادر Save as type پسوند mht را انتخاب می کنیم. فایل ذخیره شده را می توانیم به راحتی تغییر نام بدهیم یا از جایی به جایی دیگر منتقل بکنیم.
زبان HTML
HTML زبانی است که پیمایشگرها (browsers) و سرویس دهندگان (servers) وب برای نمایش صفحات وب از آن استفاده می کنند. تگهای HTML وقتی به فایل یک متن معمولی افزوده می شوند به پیمایشگرها دستور می دهند چگونه آن متن را بر روی صفحه وب نمایش دهند. اگر یک صفحه وب را به خانه ای تشبیه کنیم، دستورهای HTML نقشه آن خانه هستند.
بله، درست است که برای ایجاد سایت خود اصلاً نیازی به یادگرفتن زبان HTML ندارید. برنامه هایی مانند دریم ویوِر (Dreamweaver) به سازندگان تازه کار صفحات وب اجازه می دهد صفحات HTML را به آسانی فایلهای پردازش کلمات ویرایش کنند. اما این برنامه اغلب دستورات غیر ضروری تولید می کنند که باعث کندتر لود شدن صفحات می شود و پهنای باند ارزشمند را از بین می برد. وقتی چیزی بر روی صفحه وب درست به نظر نمی رسد دانستن زبان HTML به اندازه کافی به شما کمک می کند وارد دستورات شوید و آنرا اصلاح کنید. دانستن HTML به شما تسلط بیشتری برای ایجاد صفحات تمیز و کارآمد می دهد.
در اینجا شما با جدیدترین نسخه HTML که XHTML نام دارد آشنا خواهید شد. در حالی که به یک صفحه وب نگاه می کنید از منوی بالای صفحه پیمایشگر، گزینه View و از فهرست ظاهر شده گزینه Source یا Page Source را انتخاب کنید. پنجره ای باز خواهد شد که دستورات اصلی ای که صفحه را ایجاد کردند به نمایش خواهد گذاشت. ممکن است ابتدا پیچیده به نظر برسد اما وقتی اصول اولیه آنرا بیاموزید مفهوم بسیار بیشتری برای شما خواهد داشت.
تگها : هر دستوری که داخل براکت < > قرار گیرد یک تگ است که دستوری به پیمایشگر وب است. بر اساس قواعد XHTML تگها باید همیشه با حروف کوچک تایپ شوند.
دو نوع تگ وجود دارد. تگهای جفتی در دو طرف متن یا تگهای دیگر قرار می گیرند و هر آنچه را که بین آنها قرار گیرد تغییر می دهند. به عنوان مثال، این تگها متن را برجسته یا ایتالیک می کنند یا لینکی به صفحه ای دیگر ایجاد می کنند. تگهای جفتی چیزی شبیه این هستند :
This text will be bold.
در یک پیمایشگر وب، چنین تگی متنی ایجاد خواهد کرد که این چنین نمایش داده می شود :
This text will be bold.
در مثال بالا، تگ نشاندهنده آغاز حروف برجسته در متن است. تگ تگ پایان دهنده است. این تگ به پیمایشگر اطلاع می دهد کجا حروف برجسته پایان می یابد. به علامت فوروارد اسلش“/” پس از حرف b توجه کنید. تگهای پایان دهنده همیشه شامل فوروارد اسلش هستند. به عنوان مثال :
This text is underlined, but text outside the tags is not.
در یک پیمایشگر وب، این دستور این چنین نمایش داده می شود :
This text is underlined, but text outside the tags is not.
تگهای جفتی برای اینکه درست عمل کنند باید هم تگ آغاز کننده و هم تگ پایان دهنده باشند.
تگهای تکی متون یا تگهای دیگر را تغییر نمی دهند. این تگها اغلب برای انجام کارهایی از قبیل ایجاد یک سطر خالی، کشیدن یک خط در عرض صفحه یا اضافه نمودن عکس به صفحه به کار می روند.
یک سطر خالی ایجاد می کند.
یک خط افقی می کشد.
همان طور که در بالا دیده می شود تگهای تکی همیشه با یک اسپیس و یک فوروارد اسلش پیش از براکت “>” پایان می یابند.
تگهای در بر گیرنده :
حال اگر بخواهید متنی ایجاد کنید که هم برجسته هم ایتالیک باشد چه می کنید؟ کافی است یک جفت تگ را داخل یک جفت دیگر قرار دهید :
This text is both bold and italicized.
مطمئن شوید که جفت تگ داخلی را پیش از بستن جفت تگی که آنرا احاطه می کند بسته اید.
غلط :
The end tags are in the wrong order.
درست :
The end tags are in the right order.
عکسها :
برای افزودن عکس به صفحه وب از تگ تکی استفاده کنید. دستور افزودن عکس به صفحه از این قرار است :
لینکها :
برای افزودن لینک به یک صفحه درون سایتتان یا یک سایت دیگر از جفت تگ و استفاده کنید. دستور ایجاد لینک از این قرار است :
منبع :