تگ <marquee> به شما اجازه می دهد که یک متن را به دلخواه خود در صفحه به حرکت در آورید. برای انجام این کار به جاوا اسکرپت نیاز ندارید. تنها مشکل این است که مرورگرهایی که بر پایه Netscape ساخته شده اند، نمی توانند به طور کامل با این تگ سازگار شوند و در پاره ای از اوقات با آن مشکل پیدا می کنند و تنها متن بدون حرکت را نشان می دهند. در اینجا می توانید کدی را که برای ساخت متن متحرک ستفاده می شود مشاهده کنید: <marquee loop="infinite">متن مورد نظر خود را اینجا بنویسید</marquee> می خواهید ببینید چگونه کار می کند: شناسه "loop="infinte باعث می شود که متن تا هنگامی که صفحه باز است به حرکت خود ادامه دهد. شما می توانید به جای این شناسه از "loop="-1 هم استفاده کنید. شما می توانید تغییراتی را در این تگ ایجاد کنید به جای infinite در شناسه loop می توانید از اعداد استفاده کنید. برای مثال "loop="2 به مرورگر می گوید که حرکت متن را پس از دو بار چرخش متوقف کند. می توانید با وارد کردن شناسه " "=bgcolor به شما امکان این را می دهد که رنگ زمینه محلی را که متن در آن در حال چرخش است تغییر دهید. می توانید برای تغییر رنگ زمینه از نام رنگ یا معادل هگزادسیمال آنها استفاده کنید. به یک مثال توجه کنید: <marquee loop="infinite" bgcolor="yellow"> متن مورد نظر خود را اینجا بنویسید </marquee> و این هم نتیجه این تگ: با اضافه کردن شناسه " "=width می توانید عرض متن متحرک خود را تعیین کنید. در این شناسه می توانید از مقیاس پیکسل و یا در صد استفاده کنید. <marquee loop="infinite" bgcolor="yellow" width="400"> متن مورد نظر خود را اینجا بنویسید </marquee> با تگ بالا می توانید یک متن متحرک با عرض 400 پیکسل و رنگ زمینه زرد ایجاد کنید. مانند زیر: <marquee loop="infinite" bgcolor="yellow" width ="50%"> متن مورد نظر خود را اینجا بنویسید </marquee> با تگ بالا می توانید متنی متحرک با 50 در صد عرض پنجره مرورگر و با رنگ زمینه زرد ایجاد کنید. مانند زیر: | ||
| ||
برای اینکه یک لینک را وادار کنیم که در یک صفحه جدید باز شود، باید این شناسه را به تگ لینک اضافه کنیم: "target="_blank تگ لینک به این صورت به نظر می رسد: لینک شما در صفحه نهایی به صورت زیر مشاهده می شود. می توانید روی آن کلیک کنید و مطمئن این صفحه را از دست نخواهید داد، چون لینک در یک پنجره جدید باز خواهد شد. شما می توانید از این روش برای باز کردن تصاویر در یک پنجره جدید استفاده کنید. به این منظور می توانید به صورت زیر عمل کنید: <a href="http://learn_html.gif" target="_blank"> <img src="learn_html.gif"> </a> در اینجا یک تصویر داریم که با کلیک کردن بر روی آن تصویر در پنجره جدید باز می شود. می توانید آنرا امتحان کنید:  شناسه target مقادیر دیگری هم می تواند داشته باشد. برای مثال از top_ برای باز کردن لینک در تمام پنجره استفاده می شود. البته در صورتی که صفحه در فریم استفاده نشده باشد این top_ تأثیر و کاربردی ندارد بیشتر کارایی آن هنگامی است که صفحه در یک فرم قرار دارد و شما نمی خواهید لینک در همان فرم باز شود. البته وقتی صفحه در فریم قرار دارد، در صورتی که سایر فریمهای پنجره نام گذاری شده باشند می توان از نام آن فریمها در شناسه targrt استفاده کرد تا لینک در آن فریمی که نام آنرا به کار برده اید باز شود نه در فریمی که خود آن قرار دارد. | ||
| ||
اگر تمایل دارید شکل فونت متن خود را در یک صفحه تغییر دهید، می توانید این کار را با استفاده از تگ font انجام دهید.( این روش تأثیری بر تصاویر موجود در صفحه شما ندارد). با افزودن این شناسه: " "=face به تگ فونت می توانید شکل آنرا تغییر دهید. به یک مثال توجه کنید: <font face="Times New Roman">This line is Written by Times New Roman font face</font> این هم متن نوشته شده با فونت Times New Roman: This line is Writen by Times New Roman font face البته نکاتی هست که باید به آنها توجه کنید: 1. افرادی که صفحه شما را تماشا می کنند برای اینکه بتوانند صفحه را با فونتی که شما برای آن تنظیم کرده اید ببینند باید حداقل مرورگر اینترنت اکسپلورر یا نت اسکیپ 3 به بالا داشته باشند.(زیاد نگران این قسمت نباشید، اکنون تقریباً تمامی کاربران مرورگرهای جدیدتری دارند) 2. افراد بیننده صفحه شما باید فونت مورد استفاده شما را قبلاً نصب کرده باشند تا بتوانند صفحه شما را به خوبی مشاهده کنند. وقتی شما در صفحه خود می خواهید از یک فونت خاص استفاده کنید مراقب باشید و فونتی را استفاده کنید که بیشتر افراد به صورت پیش فرض داشته باشند. برای مثال وقتی ویندوز XP را نصب می کنید چندین فونت به صورت خودکار بر روی کامپیوتر شما نصب می شوند. مثلاً Tahoma, Arial, Times New Roman و چندین فونت دیگر. قابل ذکر است که اگر بیننده شما فونت مورد استفاده شما را نداشته باشد مرورگر به طور خودکار از فونت پیش فرض خود که به طور معمول Times New Roman است استفاده می کند. در اینجا لیستی از فونتهایی که زیاد مورد استفاهد قرار می گیرد آورده شده است که می تواندی با شناسه " "=face استفاده کنید:
البته باید توجه داشته باشید که اگرچه تگ <font> هنوز در HTML4.01 کارایی دارد ولی استفاده از این تگ توصیه نمی شود. بهتر است برای تنظیم فونت متن خود از CSS استفاده کنید. برای یادگیری نحوه تنظیم فونت متن با استفاده از CSS لینک زیر را کلیک کنید (لینک در یک پنجره جدید باز می شود): | |||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||
فرض کنید می خواهیم از یک خط افقی در صفحه خود استفاده کنیم، اما می خواهیم طول آن برابر یک تصویر یا قسمتی از یک متن باشد. یا شاید به یک خط افقی کوتاه که در سمت چپ یا راست صفحه قرار بگیرد، نیاز داشته باشیم. اینها خواصی هستند که ما می توانیم برای تگ HR یعنی همان خط افقی استفاده کنیم:
در اینجا هر کدام از فرمانهای بالا را با یک مثال بیشتر توضیح می دهیم. --------------------------------------------------------------------------------------------------------------- <hr width="250"> با این فرمان خطی افقی مانند زیر خواهید داشت: --------------------------------------------------------------------------------------------------------------- <hr width="250" align="right"> با این تگ یک خط افقی با عرض 250 پیکسل و در سمت راست صفحه خواهید داشت. مانند زیر: --------------------------------------------------------------------------------------------------------------- <hr width="250" size="10"> با این تگ یک خط افقی با عرض 250 پیکسل و پهنای 10 خواهید داشت: --------------------------------------------------------------------------------------------------------------- حالا یک اندازه بزرگ را برای پهنای خط انتخاب می کنیم، مثلاً 80 ، نتیجه به این صورت خواهید بود: همانطور که ملاحظه می کنید، خط به صورت تو خالی و مانند یک حباب به نظر می رسد. حالا اگر از فرمان noshade استفاده کنید، خط به صورت تو پر نمایش داده می شود: <hr width="250" noshade="noshade"> این بار با اندازه 80 این تگ را امتحان می کنیم: <hr width="250" size="80" noshade> --------------------------------------------------------------------------------------------------------------- در برخی مرورگرها مانند اینترنت Internet Explorer 4.0 به بعد و Mozilla Firefox امکان تغییر رنگ خط نیز وجود دارد. اما ممکن است این رنگ در همه مرورگرها مثلاً Opera 9.0 قابل مشاهده نباشد و خط به رنگ پیش فرض مشاهده شود. در این قسمت اگر با مرورگری مثل اینترنت اکسپلورر صفحه را مشاهده می کنید، می توانید خطی را به رنگ زرد مشاهده کنید اما اگر با مرورگری مثل Opera این صفحه را مشاهده می کنید، خط زیر را به رنگ خاکستری (رنگ پیش فرض) خواهید دید. <hr width="250" size="20" color="yellow" noshade> | ||
| ||
اگر صفحه شما جابجا شد یا به هر دلیلی خواستید مسیر بازدیدکنندگان خود را تغییر دهید می توانید از تگ meta refresh برای بردن بازدید کنندگان به صفحه مورد نظرتان استفاده کنید. البته در استفاده از این روش برای تغییر مسیر بازدید کنندگان، مخصوصاً در صفحه اصلی سایت خود باید به این نکته توجه کنید که برخی از موتورهای جستجو به دنبال تگهای meta refresh می گردند که بازدید کنندگان را از یک صفحه که با کلمات کلیدی پر شده است، به صفحه واقعی می برند که ممکن است در آن از کلمات کلیدی استفاده نشده باشد و در نتیجه با موضوع مورد نظر بازدید کننده مرتبط نباشد. بنابراین تغییر مسیر بازدید کننده از یک صفحه با سرعت زیاد (معمولاً کمتر از 10 ثانیه) ممکن است باعث شود این صفحه در لیست موتور جستجو قرار نگیرد. البته اگر این صفحه صفحه اصلی سایت شما نباشد ممکن است نخواهید در لیست موتور جستجو قرار گیرد. بسیار خوب، کد زیر را می توان برای تغییر مسیر بازدید کننده استفاده کرد: <html> <head> <meta http-equiv="refresh" content="3;url=http://www.yoursite.com/destinationpage.htm"> <title>این صفحه جا به جا شده است</title> </head> <body> متن مورد نظر شما </body> </html> این نکته را مد نظر داشته باشید که تگ Meta refresh قبل از عنوان صفحه (TITLE) نوشته می شود. فرمان " "=content دو کار را انجام می دهد. اول مشخص می کند که مرورگر قیل از تغییر مسیر چند ثانیه باید صبر کند. دوم آدرس صفحه ای که باید مسیر به آن آدرس تغییر یابد. به این نکته توجه کنید که هر دو قسمت زمان و آدرس صفحه در یک جفت دابل کوت قرار دارند نه دو جفت. برای جدا کردن این دو قسمت باید از نقطه ویرگول (;) استفاده کرد. در بخش BODY هم ر چیزی که بخواهید می توانید بنویسید. همچنین می توانید برای کاربرانی که از مرورگرهای قدیمی استفاده می کنند یک لینک را قرار دهید تا به صورت دستی به صفحه جدید وارد شوند. <html> <head> <meta http-equiv="refresh" content="3;url=http://www.yoursite.com/destinationpage.htm"> <title>این صفحه جا به جا شده است</title> </head> <body> این صفحه جا به جا شده است. اگر مرورگر شما به صورت اتوماتیک به صفحه جدید نرفت <a href="http://www.yoursite.com/destinationpage.htm">اینجا</a> را کلیک کنید تا به صورت دستی به صفحه جدید وارد شوید </body> </html> | ||
| ||
تگهای META مورد استفاده موتورهای جستجو برای بررسی و شاخص گذاری صفحات قرار می گیرند. مخصوصاً اگر صفحه شما فریم (قاب) داشته باشد. این تگها باید در قسمت HEAD صفحه شما قرار گیرند. در سطر زیر یکی از معمول ترین تگهای META را می بینید: <head> <title>عنوان صفحه</title> <meta name=" " content=" "> </head>
META Keywords
توجه داشته باشید که نباید یک کلید واژه را چندین بار تکرار کنید و کلی واژه ها باید با متن شما در صفحه مربوطه ارتباط باشند. موتورهای جستجو معمولاً رتبه بندی صفحاتی را که در آنها با تکرار بیش از حد یک کلید واژه یا ذکر کلید واژه ای که با متن صفحه ارتباطی ندارد سعی می شود رتبه بالایی را به دست بیاورند، متوقف می کنند. META Descriptionاین تگ محتویات صفحه را توصیف می کند. <meta name="description" content="افزودن متا تگ به صفحه">
دو متا تگ ذکر شده در بالا از بقیه متا تگها پر کاربرد تر هستند. متا تگ های دیگری هم وجود دارند که در زیر به برخی از آنها اشاره می شود: <meta name="author" content="نام نویسنده صفحه"> این تگ به شما اجازه می دهد که نویسنده صفحه را مشخص کنید. فقط نام نویسنده را در این تگ بنویسید تا هر کسی که کدهای HTML این صفحه را می بیند، بداند چه کسی این صفحه را نوشته است. موتور های جستجو معمولاً از این تگ برای رتبه بندی صفحات استفاده نمی کنند. <meta name="generator" content="نام برنامه مورد استفاده شما"> این تگ به شما اجازه می دهد که به افرادی که کدهای این صفحه را می بینند بگویید که شما از چه برنامه ای برای نوشتن این کدها استفاده کرده اید. این تگ نیز برای رتبه بندی صفحات در موتورهای جستجو استفاده نمی شود. |
هیچ نظری موجود نیست:
ارسال یک نظر