| کد HTML | اجرای کد HTML به وسیله برنامه مرورگر (Browser) |
| ايجاد پيوندها با کمک متن | |
| <html> <head> <meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8"> </head> <body> <p> This is link to <a href="http://www.Google.com/postcard/">Google.com</a> Site!!! </p> <p dir="rtl"> <a href="http://www.Aviny.com/index.htm">اين متن</a> لينکی است به صفحه ای ديگر در همين سایت! </p> <p dir="rtl"> لطفا توجه داشته باشيد که در مثال اول پيوند به سايتی ديگر در وب برقرار شد و مثال دوم پيوندی بود به صفحه ای ديگر از همين سايتی که اين صفحه در آن قرار گرفته است. </p> </body> </html> |
This is link to
Google.com Site!!!
اين متن لينکی است به صفحه ای ديگر در همين سایت! لطفا توجه داشته باشيد که در مثال اول پيوند به سايتی ديگر در وب برقرار شد و مثال دوم پيوندی بود به صفحه ای ديگر از همين سايتی که اين صفحه در آن قرار گرفته است. |
| ايجاد پيوندها با کمک تصاوير(img) | |
| <html> <head> <meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8"> </head> <body> <p dir="rtl"> نحوه استفاده از يک تصوير به عنوان يک پيوند: <br> <a href="../default.htm"> <img border="0" src="../../images/madresehweb4.jpg" width="150" height="60"> </a> </p> <p dir="rtl"> در اين مثال از يک تصوير بجای متن استفاده شده است و آدرس منبع يا source تصوير در شناسه src عنصر img قرار دارد. تصوير ميتواند روی سايت خودتان يا در هر کجای وب قرار داشته باشد. </p> </body> </html> |
نحوه استفاده از يک تصوير به عنوان يک پيوند: در اين مثال از يک تصوير بجای متن استفاده شده است و آدرس منبع يا source تصوير در شناسه src عنصر img قرار دارد. تصوير ميتواند روی سايت خودتان يا در هر کجای وب قرار داشته باشد. |
| باز کردن پيوند در پنجره ای جديد با کمک شناسه target | |
| <html> <head> <meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8"> </head> <body> <p> This is link to <a href="http://www.Aviny.com" target="_blank">Aviny.com</a> Site!!! </p> <p dir="rtl"> با استفاده از شناسه target و مقدار "_blank" برای آن مرورگر پيوند بالا را در پنجره جديدی باز خواهد کرد. سعی کنيد که شناسه target و مقدارش را حذف کرده و نتيجه را دوباره آزمايش کنيد. </p> </body> </html> |
This is link to
Aviny.com
Site!!!
با استفاده از شناسه target و مقدار "_blank" برای آن مرورگر پيوند بالا را در پنجره جديدی باز خواهد کرد. سعی کنيد که شناسه target و مقدارش را حذف کرده و نتيجه را دوباره آزمايش کنيد. |
| ارجاع به قسمت ديگری از صفحه با کمک پيوندهای نامگذاری شده | |
| <html> <head> <meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8"> </head> <body> <div dir="rtl"> <a name="start" ><h2>آموزش استفاده از شناسه name در پيوندها </h2></a> <p> <a href="#last_section"> بخش پايانی </a> </p> <p> <h2>فصل 1</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 2</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 3</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 4</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 5</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 6</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 7</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 8</h2>> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 9</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 10</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 11</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 12</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 13</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <h2>فصل 14</h2> <p>آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، </p> <a name="last_section"><h1>بخش پايانی</h1></a> شاهنامه آخرش خوشه!!!!!!!!!!!!!!! <p> <a href="#start"> رجوع به اول صفحه </a> </p> </div> </body> </html> |
آموزش استفاده از شناسه name در پيوندها
فصل 1آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 2آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 3آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 4آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 5آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 6آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 7آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 8> آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 9آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 10آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 11آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 12آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 13آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، فصل 14آري آري زندگي زيباست، زندگي آتشگهي ديرنده پابرجاست، بخش پايانیشاهنامه آخرش خوشه!!!!!!!!!!!!!!! |
| رهائی از شر فريم ها با کمک شناسه target | |
| <html> <head> <meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8"> </head> <body> <div dir="rtl"> <p>رهائی از شر فريمها</p> <a href="http://www.google.com/" target="_top">اينجا را کليک کنيد!</a> <p>استفاده از مقدار "top_" برای شناسه target سبب باز شدن پيوند در صفحه اصلی مرورگر شده و در واقع از فريمها خلاص ميشويد! توجه داشته باشيد که مقدار "self_" برای شناسه target مقدار پيش فرض بوده و اگر در يک پيوند شناسه target قيد نشود به صورت پيش فرض مقدار self برای آن در نظر گرفته خواهد شد. </p> </div> </body> </html> |
رهائی از شر فريمها
استفاده از مقدار "top_" برای شناسه target سبب باز شدن پيوند در صفحه اصلی مرورگر شده و در واقع از فريمها خلاص ميشويد! توجه داشته باشيد که مقدار "self_" برای شناسه target مقدار پيش فرض بوده و اگر در يک پيوند شناسه target قيد نشود به صورت پيش فرض مقدار self برای آن در نظر گرفته خواهد شد. |
| نحوه ايجاد يک پيوند mailto | |
| <html> <head> <meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8"> </head> <body> <div dir="rtl"> <p> نمونه ای از پيوند mailto: <a href="mailto:admin@aviny.com?Subject=Hello%20Aziz!">برايم ایميل بفرستيد!</a> </p> <p> توجه داشته باشيد که به جای space های لازم در بخش subject از معادل ASCII آن يعنی %20 استفاده شده است. </p> </div> </body> </html> |
نمونه ای از پيوند mailto:
برايم ایميل بفرستيد!
توجه داشته باشيد که به جای space های لازم در بخش subject از معادل ASCII آن يعنی %20 استفاده شده است. |
| مثالی کاملتر در مورد mailto | |
| <html> <head> <meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8"> </head> <body> <div dir="rtl"> <p> نمونه ای از پيوند mailto: <a href="mailto:admin@aviny.com? &bcc=andsomeoneelse2@microsoft.com &subject=Summer%20Party &body=YOUR TEXT IN MAIL!">دعوت نامه</a> |
نمونه ای از پيوند mailto:
دعوت نامه
در پيوند از نوع mailto تمامی پارامترها قابل مقدار دهی هستند. آدرس ايميل مقصد و Carbon Copy or cc, Blinded Carbon Copy or bcc, Subject & Body |