به نام خدا
زبان HTML
در برنامه نويسي به زبان HTML كدها را در < > قرار مي دهند كه تگ ناميده مي شوند. و هر چيزي كه بيرون از اين تگ ها باشد در صفحه وب به شكل يك متن نمايش داده مي شود.
هر دستور با < > آغاز مي شود و با </ > بسته مي شود.البته قابل ذ كر است كه در HTML بستن تگ ها الزامي نيست.
تگ ها را مي توان به شكل زير نيز بست :
< img src="./Persian.gif" weight="200" height="100" />
ساختار كلي يك صفحه وب :
به طور كلي HTML سه حالت دارد كه عبارتند از : strict و transitional وframeset . برخي از تگ هاي موجود در اين زبان از رده خارج شده اند كه در حالت strict استفاده از آنها ممنوع مي باشد اما دو حالت transitional و frameset از تگ هاي قديمي پشتيباني مي كنند .تنها تفاوت اين دو حالت اين مي باشد كه در حالت frameset مي توانيم از فريم ها هم استفاده كنيم .
براي مشخص كردن حالت HTML قبل از تگ <html> دستور زير را بايد وارد كرد . در اين جا از حالت transitional استفاده شده كه اغلب طراحان وب از اين حالت استفاده مي كنند .شما مي توانيد مقدار آن را به دو حالت ديگر نيز تغيير دهيد :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
دستورات مربوط به اين بخش
</head>
<body>
دستورات مربوط به اين بخش
</body>
</html>
در صورتي كه شما اعلان DOCTYPE را در ابتداي صفحه وب خود وارد نكنيد مرورگر صفحه شما را با مد Quirk خواهد خواند كه اين مد براي خواندن صفحاتي است كه با قوانين قديمي نوشته شده اند و اگر اعلان DOCTYPE وارد كنيد مرورگر صفحه وب شما را با مد standard خواهد خواند.
برخي از تگ هاي HTML :
با استفاده از تگ <b> مي توان يك متن را به صورت Bold و يا پررنگ نمايش داد ، همچنين با استفاده از تگ هاي <big> و <strong> اين كار را انجام داد.
به وسيله تگ <i> مي توان يك متن را به صورت italic و يا مايل نمايش داد ، با استفاده از تگ <em> هم مي توان اين كار را انجام داد.
با به كار بردن تگ <u> يا <ins> مي توان زير يك متن خط كشيد و با استفاده از تگ <strike> مي توان بالاي روي يك متن خط كشيد و با استفاده از تگ<del> مي توان روي يك متن خط كشيد.
تگ <sup> به ما اين اجازه را مي دهد تا يك متن را بالاتر از بقيه نمايش دهيم و تگ <sub> يك متن را پايين تر از بقيه نمايش مي دهد.
با استفاده از تگ <small> مي توان يك متن را كوچك كرد.
به كار بردن تگ <center> باعث مي شود تا متن ، تصوير و... در مركز صفحه قرار گيرند.
با به كاربردن تگ <br> مي توان متن ، تصوير و... را از خط جديدي شروع كرد.
با استفاده از تگ <p> مي توان يك پاراگراف جديد ايجاد نمود.
به وسيله تگ <pre> مي توانيد تمام كاركتر ها و فاصله ها را نمايش دهيد.
با استفاده از تگ <nobr> مي توانيد از رفتن نوشته به خط بعد جلوگيري كنيد.
تگ <tt> به ما اجازه مي دهد تا متن خود را به صورت ماشيني نمايش دهيم. تگهاي <code> , <kbd> و <samp> هم تقريبا مانند تگ بالا عمل مي كنند.
- براي هريك از تگ هاي بالا اگر بخواهيد مي توانيد تگ بسته هم قرار دهيد تا به يك قسمت معين اشاره كند. همچنين تگ هاي بالا از رده خارج شده اند اما مرور گرهاي جديد همچنان از آنها پشتيباني مي كنند و اگر آنها را به كار ببريد هيچ مشكلي بوجود نمي آيد.
با نوشتن تگ > " رنگ مورد نظر <body bgcolor=" مي توانيد رنگ پس زمينه صفحه خود راتعيين نماييد و با استفاده از تگ> "رنگ مورد نظر <body text=" ميتوانيد رنگ پيش فرض تمام نوشته هاي صفحه خود راتعيين كنيد(همچنين در قسمت –رنگ مورد نظر- شما بايد رنگي را كه مي خواهيد بنويسيد).
با تگ </a> نام لينك <a href=" " title=" " target =" "> مي توانيد يك لينك ايجاد نماييد .
در قسمت href بايد آدرس لينك خود را وارد نماييد به عنوان مثال http://www.blogfa.com : .
در قسمت title بايد توضيح لينك خود را وارد نماييد كه به صورت tooltip ظاهر مي شود يعني هرگاه كاربر بر روي اين لينك قرار گيرد يك كادر در كنار ماوس باز مي شود و نوشته شما را نمايش مي دهد.
در قسمت target هم بايد يكي از مقادير _parent ( باعث مي شود تا صفحه شما در همان پنجره فعلي باز شود) ، _blank(در صفحه جديد باز مي شود) ، _self(در همان فريم كه لينك قرار دارد باز مي شود) و _top (صفحه مربوط به لينك در پنجره اي كه فريم دارد هيچ گاه باز نخواهد شد) را وارد نماييد.
با استفاده از تگ right" /> يا left ياalign="center alt=" " "آدرس تصوير شما <img src=" مي توانيد يك عكس در صفحه خود قرار دهيد .
در قسمت alt بايد متني را وارد كنيد تا در صورتي كه تصوير شما نمايش نيافت اين متن نمايش يابد.
در قسمت align هم مي توانيد محل تصوير خود را تعيين نماييد.
با به كار بردن تگ زیر
>/ " همان مقدارهايي كه در تگ بالا ذكر شد align=" " ضخامت width=" " پهن <hr size="
می توانيد يك خط ايجاد نماييد.
همچنين مقادير خاصيت هاي width و size را بايد با عدد مشخص كنيد.
براي نوشتن توضيحات در بين دستورات بايد به شكل زير عمل نمود (تعداد خطهاي تيره كه بين توضيحات گذاشته مي شود مهم نيست) :
<!--------------------------------توضيحات--------------------------------->
با استفاده از تگهاي زير مي توانيد در صورتي كه مرورگر كاربر از جاوا اسكريپت ، استايل شيتها ، لايه ها و فريم ها پشتيباني نكند پيغامي را در صفحه براي او به نمايش در آوريد:
<noscript/> متن شما <noscript>
<nostyle/> متن شما <nostyle>
<nolayer/> متن شما <nolayer>
<noframes/>متن شما<noframes>
يكي از كارهاي جالبي كه در يك صفحه وب مي توان انجام داد اضافه كردن صوت يا آهنگ به صفحه است براي اينكار مي توانيد از تگ زير استفاده نماييد اين تگ باعث مي شود تا با باز شدن صفحه موسيقي شروع به پخش كند ( راه هاي ديگري هم براي پخش موزيك وجود دارد).
< "bgsound src="Music adress" loop="1 >
در قسمت src بايد آدرس آهنگ مورد نظر خود را وارد نماييد و در قسمتloopهم مي توانيد تعداد دفعات تكرار آن را تعيين نماييد.
راه ديگري كه براي قراردادن مزويك در صفحه وب وجود دارد استفاده از تگ embed مي باشد.
< "embed src="music.mp3" loop="true" width="150" height="40" autostart="false >
كه در قسمتsrc بايد آدرس موزيك مورد نظرتان را وارد نماييد و قسمت loop هم برابر يكي از دو مقدار true و false است و در صورتي كه برابر با false قرار گيرد پس از پايان موسيقي ،موسيقي ديگر شروع به پخش نمي كند اما در حالت true پس از پايان، موسيقي دوباره شروع به پخش مي كند. و در قسمت هاي width و height هم مي توانيد اندازه لوگوي برنامه پخش موزيك را در صفحه مشخص كنيد.
با استفاده از تگ <a> هم مي توان يك موزيك را در صفحه قرار داد به اين صورت كه در قسمت href بايد آدرس آهنگ مورد نظرمان را وارد نماييم.
<a/> آهنگ < "a href="music.mp3>
مجموعه اي از متاتگها :
كد جلوگيري از نگهداري يك صفحه وب در آرشيو موتورهاي جستجوگر :
كد جلوگيري از دسترسي به يك صفحه از طريق موتورهاي جستجوگر :
جدول رنگ هاي هگزادسيمال
چند نكته براي طراحي بهتر صفحات وب :
توجه كنيد كه بستن برخي از تگ ها اجباري است مانند تگ <style>.
از تگ هاي تو در تو تا حد امكان استفاده نكنيد زيرا باعث سر در گمي شما مي شوند.
دستوراتي را كه نوشته ايد يكبار مرور كنيد تا اگر غلط املايي در آنها وجود دارد آن را اصلاح نماييد.
تا حد ممكن از جداول استفاده نكنيد زيرا مرورگرها آنها را دوبار مي خوانند كه سرعت بارگذاري را كاهش مي دهد .
براي كاهش حجم صفحات وب خود از StyleSheet ها خارجي استفاده كنيد .
از به كار بردن متاتگهاي اضافي خودداري نماييد.
برای بالا رفتن سرعت بارگذاری صفحات خود به هنگام ایجاد لینک در انتهای آدرس های خود از کاراکتر / استفاده نمایید.
موفق باشيد
منبع : par30theme.blogfa.com