1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

آموزش HTML

شروع موضوع توسط (̅(َ_̅_̅(َ)ڪے ‏16/9/11 در انجمن Html

  1. Sert oğul

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,621
    تشکر شده:
    6,352
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : آموزش HTML

    [TABLE="align: center"]
    [TR]
    [TD="class: header, colspan: 3"][/TD]
    [/TR]
    [TR="class: page"]
    [/TR]
    [/TABLE]
    [TABLE]
    [TR]
    [TD]شناسه های مورد استفاده در تگ body
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"] وقتی که شما یک صفحه HTML می نویسید می توانید چیزهای زیادی را در آن با اضافه کردن شناسه هایی به تگ <BODY> تغییر داد. تگ زیر را در نظر بگیرید:

    <body bgcolor="green" text="blue" link="yellow" alink="red" vlink="white" background="image.gif">
    شما می توانید به هر تعداد از این شناسه ها که خواستید به این تگ اضافه کنید. اگر از شناسه ای استفاده نکنید این گزینه مطابق پیش فرض مرورگر تنظیم می شود. در زیر توضیحی برای هر کدام از شناسه های تگ BODY آورده شده است. البته در مورد هر کدام از آنها به طور کامل در درسهای بعد توضیح خواهیم داد:
    [h=3]"bgcolor="color[/h] این شناسه رنگ زمینه صفحه شما را تغییر می دهد. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. برای دیدن لیست رنگها به صورت هگزا دسیمال به سر فصل این بحث بروید. گزینه پیش فرض این ویژگی معمولاً سفید یا خاکستری است.
    [h=3]"text="color[/h] این شناسه رنگ متنی را که در پنجره مرورگر به نمایش در می آید تعیین می کند. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید.گزینه پیش فرض این ویژگی مشکی است.
    [h=3]"link="color[/h] این شناسه رنگ تمام لینکهای باز نشده در صفحه را تغییر می دهد. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. گزینه پیش فرض برای لینکهای باز نشده معمولاً آبی است.
    [h=3]"alink="color[/h] این شناسه رنگ لینکهای فعال را در صفحه شما تعیین می کند. این لینکها آنهایی هستند که به وسیله کاربر بر روی آنها کلیک شده است. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید.
    [h=3]"vlink="color[/h] این شناسه رنگ لینکهای باز شده را در صفحه تعیین می کند. شما می توانید آنرا به هر رنگی که دوست دارید تغییر دهید. فقط به جای « رنگ » در فرمان بالا اسم رنگی را که می خواهید یا معادل هگزا دسیمال آنرا قرار دهید. گزینه پیش فرض این ویژگی بنفش است.
    [h=3]"background="image.gif[/h] این شناسه یک عکس را به عنوان زمینه برای صفحه شما قرار می دهد. اگر شما از این شناسه استفاده کنید تصویر زمینه ای که انتخاب کرده اید جایگزین هر رنگی که به عنوان زمینه انتخاب کرده بودید می شود. اگر از این شناسه استفاده نکنید مرورگر از رنگی که به عنوان زمینه انتخاب کرده اید استفاده می کند و در صورت عدم انتخاب رنگ از رنگ پیش فرض خود استفاده می کند.

    [/TD]
    [/TR]
    [/TABLE]
     
  2. Sert oğul

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,621
    تشکر شده:
    6,352
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : آموزش HTML

     [TABLE="align: center"]
    [TR]
    [TD="class: header, colspan: 3"][/TD]
    [/TR]
    [TR="class: page"]
    [/TR]
    [/TABLE]
    [TABLE]
    [TR]
    [TD]تغییر رنگ پیش فرض متن در صفحه
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"] برای تغییر رنگ پیش فرض متن در صفحه باید از تگ <BODY> استفاده کنید. شما باید دنبال " "=text بعد از تگ BODY بگردید. مانند این:
    <BODY text="black">

    ممکن است به جای رنگ از ترکیبی از حروف و اعداد استفاده شده باشد. مانند زیر:
    <BODY text="#000000">
    البته ممکن است هیچکدام از موارد بالا وجود نداشته باشد، یا شما بخواهید یک صفحه تازه بنویسید. در این موارد باید این فرمان اضافی را به تگ BODY خود اضافه کنید. درست مثل موارد بالا. اگر فرمانهای دیگری هم دارید می توانید این فرمان را در انتهای آنها اضافه کنید البته با قرار دادن یک فضای خالی بین فرمانها. برای نمونه به سطر زیر توجه کنید، من برای تعیین رنگ زمینه و رنگ متن این صفحه از این فرمان استفاده کرده ام:
    <BODY bgcolor="#66CCFF" text="black">
    حالا اگر می خواهید رنگ متن را تغییر دهید می توانید نام انگلیسی رنگ مورد نظر خود را به جای black بنویسید. روش دیگری که برای این کار وجود دارد استفاده از معادل هگزادسیمال رنگها است که در این روش می توانید از بین رنگهای بیشتری رنگ خود را انتخاب کنید چون ما برای تمام رنگهای مورد استفاده نمی توانیم اسم واحدی را به کار ببریم.
    برای مثال اگر می خواهید رنگ متن شما زرد باشد از دو طریق می توانید به این خواسته خود برسید:

    1. استفاده از نام رنگ به صورت زیر :
      <BODY text="yellow">
    2. استفاده از معادل هگزادسیمال رنگها :
      <BODY text="#FFFF00">
    بعد از انجام این کار هر متنی که در صفحه مرورگر شما دیده شود به رنگ زرد خواهد بود.

    [/TD]
    [/TR]
    [/TABLE]
     
  3. Sert oğul

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,621
    تشکر شده:
    6,352
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : آموزش HTML

    [TABLE]
    [TR]
    [TD]تغییر رنگ لینکهای صفحه در حالات مختلف
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"]اگر بخواهید رنگ لینکها را در صفحه خود تغییر دهید مانند تغییر رنگ پیش فرض متن باید تگ BODY را پیدا کنید. در تگ BODY به دنبال شناسه link بگردید. مثلاً ممکن است تگ BODY به این صورت باشد:

    <body link="blue">
    در تگ BODY ممکن است شناسه های دیگری هم وجود داشته باشند، مثلاً شناسه های مربوط به رنگ متن و یا رنگ زمینه. در این صورت می توانید شناسه رنگ لینک را با یک فاصله خالی با آخرین فرمان موجود در تگ BODY به این تگ اضافه کنید.
    حالا برای تغییر رنگ لینکها در صفحه نام رنگ مورد نظر خود را به عنوان مقدار شناسه link وارد کنید یا از معادل هگزادسیمال رنگ به جای نام رنگ استفاده کنید.
    مثلاً برای تغییر رنگ لینکها به زرد می توانیم مانند زیر عمل کنیم:
    1- استفاده از نام رنگ:
    <body link="yellow">
    2- استفاده از معادل هگزادسیمال رنگ:
    <body link="#ffff00">
    حالا همه لینکهای موجود در صفحه شما به جای آبی به رنگ زرد در مرورگر ظاهر می شوند.
    همین کار را می توانید برای لینکهای فعال و لینکهای بازدید شده تکرار کنید. مانند زیر:
    <body alink="blue" vlink="violet">
    مانند مثال بالا شناسه alink برای لینکهای فعال و vlink برای لینکهای بازدید شده استفاده می شود.
    برای تغییر دیگر رنگها هم به همین صورت عمل می شود تنها نکتهای که باید مد نظر قرار گیرد این است که حتماً قبل از وارد کردن فرمان یک فضای خالی با فرمان قبلی بگذارید.
    روش دیگری که برای تغییر رنگ لینکها وجود دارد استفاده از استایل و CSS است. در صورتی که برای تعیین مشخصات لینکها از استایل استفاده شود امکان افزودن ویژگیهای دیگری نظیر کادر و رنگ زمینه هم به لینکها وجود دارد. [/TD]
    [/TR]
    [/TABLE]
     
  4. Sert oğul

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,621
    تشکر شده:
    6,352
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : آموزش HTML

    [TABLE]
    [TR]
    [TD]وارد کردن تصاویر در صفحات HTML
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"]اگر می خواهید برای زمینه صفحه خود یک رنگ را انتخاب کنید، باید این رنگ را در تگ BODY تعریف کنید. وقتی که این تگ را پیدا کردید در آن به دنبال شناسه bgcolor بگردید ، که ممکن است مانند زیر باشد:

    <body bgcolor="gray">
    ممکن است به جای نام رنگ از معادل هگزادسیمال رنگ استفاده شده باشد. مانند زیر (این فرمانی است که من برای زمینه این صفحه از آن استفاده کرده ام):
    <body bgcolor="#66ccff">
    البته ممکن است این شناسه را در تگ BODY پیدا نکنید، در این صورت یک فاصله بعد از BODY قرار داده شناسه bgcolor را وارد کنید.
    برای عوض کردن رنگ زمینه نام رنگ مورد نظر خود را به جای نام رنگ در شناسه بالا قرار دهید.
    به جای نام رنگ می توانید از معادل هگزا دسیمال رنگ استفاده کنید.
    برای مثال اگر می خواهید رنگ زمینه به رنگ سبز درآید باید مانند زیر عمل کنید:
    <body bgcolor="green">
    و یا به این صورت:
    <body bgcolor="008000">
    روش دیگری که برای تغییر رنگ زمینه صفحه وجود دارد استفاده از CSS است که با ورود نسخه چهارم HTML استفاده از آن رو به افزایش است. [/TD]
    [/TR]
    [/TABLE]
     
  5. Sert oğul

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,621
    تشکر شده:
    6,352
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : آموزش HTML

     [TABLE="align: center"]
    [TR]
    [TD="class: header, colspan: 3"][/TD]
    [/TR]
    [TR="class: page"]
    [/TR]
    [/TABLE]

    [TABLE]
    [TR]
    [TD]آموزش قرار دادن یک تصویر در زمینه صفحه [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"]برای قرار دادن یک تصویر به عنوان زمینه صفحه باید از تگ BODY استفاده کرد.وقتی که تگ BODY را پیدا کردید ممکن است به صورت ساده باشد یا با فرمانهایی که به آن اضافه شده است. مانند زیر:

    <body bgcolor="#66ccff" text="#000000">
    کاری که شما باید انجام دهید، اضافه کردن یک شناسه به تگ BODY است. بنابراین یک فاصله بعد از آخرین فرمان بگذارید و سپس این فرمان را وارد کنید:
    background=" "
    اکنون تگ BODY شما باید به این صورت باشد (اگر فرمانهای دیگری به آن اضافه نکرده باشید):
    <body background=" ">
    حالا باید آدرس عکس را بین دو دابل کوت قرار دهیم. برای این کار دو راه وجود دارد:

    • برای این کار اگر صفحه و عکس در یک مسیر هستند می توانیم فقط نام کامل عکس با پسوند آنرا بنویسیم. مثلاً:
    <body background="image.gif">

    • اگر از قرار داشتن صفحه و عکس در یک مسیر مطمئن نیستید یا عکس و صفحه در یک مسیر نیستند می توانید از آدرس کامل عکس استفاده کنید.
    <body background="http://www.example.com/image.gif">
    تصاویر برای زمینه باید با یکی از دو فرمت GIF یا JPG باشند. اگر عکس به این صورت نبود باید آن را با برنامه ای مثل Paint Shop Pro یا Photoshop به یکی از این فرمتها تبدیل کرد.

    برای مثال فرض کنید یک عکس با نام background.jpg داریم که در این مسیر قرار دارد: http://www.mysite.com/img . حال اگر بخواهیم صفحه ای را در پوشه ای به غیر از پوشه img در این سایت طراحی کنیم باید از آدرس کامل عکس یعنی http:www.mysite.com/img/background.jpg استفاده کنیم. و تگ BODY ما به این صورت در می آید:
    <body background="http:www.mysite.com/img/background.jpg">
    ما برای تعیین تصویر زمینه این صفحه قبلاً از این تگ استفاده می کرده ایم:
    <body background="http://www.neopersia.org/images/index.jpg">
    اما اگر بخواهیم صفحه را به پوشه img منتقل کرده یا صفحه جدیدی را در پوشه img طراحی کنیم می توانیم از نام عکس یعنی: background.jpg استفاده کنیم و تگ BODY ما به این صورت در می آید:
    <body background="background.jpg">
    برای تغییر دادن تصویر زمینه روش دیگر هم وجود دارد که استفاده از CSS است.
    [/TD]
    [/TR]
    [/TABLE]
     
  6. Sert oğul

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,621
    تشکر شده:
    6,352
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : آموزش HTML

    [TABLE="align: center"]
    [TR]
    [TD="class: header, colspan: 3"][/TD]
    [/TR]
    [TR="class: page"]
    [/TR]
    [/TABLE]
    [TABLE]
    [TR]
    [TD]ساختن لینک با استفاده از تصاویر
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"] برای اینکه از یک عکس به عنوان یک لینک استفاده کنید با ید از دو نکته که قبلاً آموختیم استفاده کنیم.


    1. چگونه یک لینک بسازیم.
    2. چگونه یک عکس را به صفحه اضافه کنیم.

    • برای اینکه بخواهیم به یک صفحه لینکی را ایجاد کنیم باید از این تگ استفاده کنیم:
    <a href="url">متن لینک</a>

    • اگر بخواهیم یک عکس را به صفحه اضافه کنیم باید از این تگ استفاده کنیم:
    <img src="image.gif">
    حال اگر بخواهیم از یک عکس به عنوان یک لینک استفاده کنیم باید تگ عکس را به جای متن لینک استفاده کنیم. یعنی به صورت زیر:
    <a href="url"><img src="image.gif"></a>
    تنها نکته ای که در اینجا باید به آن دقت کنید این است که نباید تگ لینک را قبل از ورود تصویر ببندید. یعنی تگ عکس باید بین تگ ابتدایی و انتهایی لینک قرار بگیرد تا به عنوان یک لینک عمل کند. به این مثال توجه کنید:
    می خواهیم از عکسی با نام learn_html.gif که در پوشه همین صفحه قرار دارد به عنوان لینک به مقدمه آموزش HTML که در همین پوشه است استفاده کنیم(نام صفحه مورد نظر index.html است). به این صورت عمل می کنیم:
    <a href="index.html"><img src="learn_html.gif"></a>
    لینک به دست آمده مانند سطر زیر است:
    [​IMG] اگر ماوس خود را بر روی عکس بالا قرار دهید خواهید دید که نشانگر ماوس به شکل دست در می آید. اگر بر روی عکس کلیک کنید به صفحه سرفصل آموزش HTML خواهید رفت.
    اغلب مرورگرها به تصاویری که به عنوان لینک استفاده می شوند یک خط حاشیه (border) در لبه های تصویر اضافه می کنند. برای اینکه این خط دیده نشود شناسه زیر را به تگ عکس خود اضافه کنید:
    border="0"
    مثال قبل را با اضافه کردن شناسه بالا تکرار می کنیم:
    <a href="index.html"><img src="learn_html.gif" border="0"></a>
    نتیجه به این صورت در می آید:
    [​IMG] شما می توانید خط حاشیه را کلفت تر نیز نشان دهید. فقط کافی است عدد بزرگتری را در فرمان border قرار دهید. مانند زیر:
    <a href="index.html"><img src="learn_html.gif" border="5"></a>

    نتیجه را در زیر مشاهده می کنید:
    [​IMG] منظور از قرار دادن خط حاشیه مشخص کننده محدوده لینک است.

    [/TD]
    [/TR]
    [/TABLE]
     
  7. Sert oğul

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,621
    تشکر شده:
    6,352
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : آموزش HTML

    [TABLE]
    [TR]
    [TD]تنظیم نحوه قرار گرفتن تصاویر در صفحه
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"] برای اینکه بتوانیم یک متن را در کنار یک عکس بنویسیم باید در تگ عکس از یکی این فرمانها استفاده کنیم (در صورتی که از این فرمانها استفاده نشود متن و عکس در دو سطر نمایش داده می شوند):
    align="left"
    align="right"
    تگ عکس با استفاده از این فرمانها به صورت زیر در می آید:
    [​IMG]

    عکس مورد نظر در صفحه به این صورت نمایش داده می شود:
    [​IMG]


    اکنون می توانید متن را تایپ کنید و نگران قرار گرفتن متن زیر عکس هم نباشید چون متن در اطراف عکس به نمایش در خواهد آمد.
    به مثال زیر توجه کنید:
    این سطر قبل از وارد کردن عکس است

    [​IMG]
    این سطر باید در کنار عکس به نمایش درآید

    همینطور تا وقتی که

    متن به پایان عکس برسد

    متن باید در کنار عکس قرار گیرد

    تا به پایان عکس برسد

    نتیجه هم به صورت زیر است:
    این سطر قبل از وارد کردن عکس است
    [​IMG] این سطر باید در کنار عکس به نمایش درآید
    همینطور تا وقتی که
    متن به پایان عکس برسد
    متن باید در کنار عکس قرار گیرد
    تا به پایان عکس برسد

    البته ممکن است شما احتیاجی به استفاده از تگ سطر جدید یعنی
    نداشته باشید. من از این تگ برای جلوگیری از طولانی شدن متن استفاده کردم. اگر از این تگها استفاده نکنید تا جایی که عرض صفحه اجازه می دهد سطر ادامه پیدا می کند و بعد به سطر بعد خواهید رفت.
    شما می توانید از فرمان "align="right برای قرار دادن عکس در سمت راست صفحه استفاده کنید. در این صورت عکس در سمت راست صفحه نمایش داده می شود و متن در سمت چپ کس دیده می شود.

    [/TD]
    [/TR]
    [/TABLE]
     
  8. Sert oğul

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,621
    تشکر شده:
    6,352
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : آموزش HTML

    [TABLE="align: center"]
    [TR]
    [TD="class: header, colspan: 3"][/TD]
    [/TR]
    [TR="class: page"]
    [/TR]
    [/TABLE]
    [TABLE]
    [TR]
    [TD]استفاده از متن جایگزین (کامنت) برای تصاویر
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"] از شناسه alt برای وارد کردن متن جایگزین برای عکس در تگ <img> استفاده می شود. موقعی که مرورگر به هر دلیلی نتواند عکس موجود در صفحه شما را نمایش دهد به جای آن این کامنت را نشان می دهد. و می تواند به بیننده بفهماند که چه چیزی را از دست داده است.

    از این شناسه مانند مثال زیر استفاده می شود :
    alt="متن کامنت"
    این فرمان را در تگ تصویر (IMG) قرار دهید، فاصله بین دو فرمان را فراموش نکنید. مانند زیر:
    <img src="learn_html.gif" alt="html لوگوی آموزش">
    ما این کامنت را به عنوان جانشین عکس در تگ IMG وارد می کنیم. تا هر وقت عکس به نمایش در نیامد این کامنت به نمایش درآید.
    در سطر زیر نشان می توانید یک کامنت جایگزین را ببینید چون عکس اصلی به نمایش در نمی آید (در اینجا عکس به نمایش در نمی آید چون در مسیر مربوطه چنین عکسی وجود ندارد):
    توصیه می کنیم تا حد امکان برای عکسهای صفحه خود از این کامنت استفاده کنید ( البته برای نه برای عکسهای تزئینی ). در این صورت صفحه شما می تواند برای تمام کاربران مفید باشد. چون ممکن است به هر دلیلی برخی از کاربران امکان مشاهده تصاویر صفحه شما را نداشته باشند.
    یکی از این دلایل که در کشور ما هم مصداق دارد عدم دسترسی به اینترنت با سرعت بالا و استفاده از خطوط تلفن برای دسترسی به اینترنت است. در این رابطه تقریباً تمامی مرورگرها، این امکان را در اختیار کاربر قرار می دهند که از بارگذاری تصاویر در صفحات جلوگیری کنند، تا بتوانند از متن صفحه را سریعتر مشاهده کنند، یا فایلهای خود را با سرعت بیشتری داتلود کنند.
    موتورهای جستجو هم وقتی که صفحه ای را ایندکس می کنند نمی توانند تصاویر آنرا ببینند و فقط نام تصویر و کامنت جایگزین آنرا می خوانند پس برای تصاویری که به موضوع صفحه شما مرتبط هستند و یا می خواهید بازدید کنندگان بتوانند در موتورهای جستجو آنها را پیدا کنند حتماً از این کامنت استفاده کنید.

    [/TD]
    [/TR]
    [/TABLE]
     
  9. Sert oğul

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,621
    تشکر شده:
    6,352
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : آموزش HTML

    [TABLE="align: center"]
    [TR]
    [TD="class: header, colspan: 3"][/TD]
    [/TR]
    [TR="class: page"]
    [/TR]
    [/TABLE]
    [TABLE]
    [TR]
    [TD]ساختن لینک به نقاط مختلف یک صفحه
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"] بیایید تصور کنیم که یک صفحه بلند داریم. ممکن است شما بخواهید که بیننده بتواند با یک کلیک از نقطه معینی دوباره به بالای صفحه باز گردد. احتمالاً این لینک را زیاد دیده اید:

    Back to the Top
    ممکن است شما بخواهید صفحه را به چندین قسمت تقسیم کنید و در بالای صفحه فهرستی برای آن قرار دهید که بیننده با کلیک کردن بر روی عنوان هر قسمت به آن قسمت در صفحه برود.
    در این موارد شما می توانید از پیوندهای نامگذاری شده که در قسمتهای مشخصی از صفحه شما قرار دارند که شما می خواهید به آن نقاط لینک بسازید استفاده کنید. شما می توانید به هر نقطه از صفحه لینک بسازید اما فعلاً در مورد لینک به بالای صفحه توضیح می دهیم.
    برای این کار به بالای قسمت BODY در متن HTML خود بروید ( درست بعد از تگ BODY )
    اکنون این تگ را تایپ کنید:

    شما می توانید هر نامی را بین دو دابل کوت بنویسید. نوشتن top کار ما را برای درک بهتر آسان می کند.
    حالا به جایی در قسمت BODY بروید که می خواهید از آنجا لینکی به بالای صفحه ایجاد کنید.
    این فرمان را تایپ کنید:
    بازگشت به بالا
    اکنون وقتی لینک بازگشت به بالا را کلیک کنید به بالای صفحه می روید.

    علامت # به مرورگر می فهماند که مقصد پیوندی نامگذاری شده در همین صفحه است. اگر شما یک پیوند با نام "UP" ساخته بودید اکنون باید از "up#" به جای "top#" استفاده می کردید.
    شما می توانید در هر کجای صفحه یک پیوند نامگذاری شده بسازید و به وسیله یک لینک از قسمتهای دیگر به آن قسمت بازگردید.

    لینک زیر را برای نمونه به بالای صفحه ساخته ام. می توانید آنرا امتحان کنید:
    بازگشت به بالای صفحه
    با استفاده از این روش نه تنها می توانید لینکی بسازید که بازدید کننده با کلیک بر روی آن به قسمت دیگری از همان صفحه برود، بلکه می توانید از این روش در لینکهایی که در دیگر صفحات قرار دارند استفاده کنید و بازدید کننده را به قسمت مشخصی از یک صفحه دیگر بفرستید. تنها نکته ر اینجا این است که در صفحه مقصد باید لینکهای نامگذاری شده وجود داشته باشند و از این نامگذاری در لینکی که رد صفحه مبدأ قرار دارد استفاده شود.

    برای مثال اگر شما لینک زیر را در صفحه خود قرار دهید با کلیک بر روی آن می توانید بخش پایینی این صفحه را مشاهده کنید و باز دید خود را از پایین این صفحه شروع کنید. ( ما یک لینک نام گذاری شده با نام bottom# در پایین این صفحه قرار داده ایم ) :
    ساختن لینک بازگشت به بالای صفحه


    [/TD]
    [/TR]
    [/TABLE]
     
  10. Sert oğul

    تاریخ عضویت:
    ‏12/11/10
    ارسال ها:
    17,621
    تشکر شده:
    6,352
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    IOG
    پاسخ : آموزش HTML

    [TABLE="align: center"]
    [TR]
    [TD="class: header, colspan: 3"][/TD]
    [/TR]
    [TR="class: page"]
    [/TR]
    [/TABLE]
    [TABLE]
    [TR]
    [TD]ساختن لینک برای آدرس ایمیل، بخش اول
    [/TD]
    [/TR]
    [TR]
    [TD="colspan: 3"]برای ایجاد یک لینک که بیننده با آن بتواند به شما ایمیل بفرستد باید ز تگ استاندارد لینک استفاده کنیم. اما تفاوت این لینک با لینک به یک صفحه در آدرسی است که به عنوان مقصد لینک نوشته می شود. برای اینکه مرورگر را مجبور کنیم لینک را به عنوان یک لینک ایمیل بشناسد، باید از این عبارت :mailto به جای //:http در آغاز آدرس استفاده کنیم و بعد از آن آدرس ایمیل را بنویسیم. به یک مثال توجه کنید:

    <a href="mailto:example@example.com">متن لینک</a>
    لینکی که در صفحه مشاهده خواهید کرد به صورت زیر است که برای فرستادن ایمیل به آدرس example@example.com ساخته شده است.

    تنها کاری که شما باید انجام دهید جایگزین کردن example@example.com با آدرس ایمیل خودتان است.
    اگر روی این نوع لینک کلیک کنید مرورگر شما پنجره ای تازه برای ارسال ایمیل باز می کند که آدرس در یافت کننده در آن تایپ شده است.
    شما میتوانید همچنین یک موضوع هم برای ایمیل در لینک قرار دهید تا بیننده مجبور نباشد چیزی غیر از متن اصلی بنویسد.
    این کار ار می توانید با افزودن علامت سوال به انتهای آدرس ایمیل و نوشتن =subject بعد از آن انجام دهید. مانند زیر:
    <a href="mailto:example@example.com?subject=this is the subject">متن لینک</a>
    با کلیک کردن بر روی این لینک صفحه ای برای فرستادن ایمیل باز می شود که قسمت آدرس(to) و قسمت موضوع (subject) در آن کامل شده است و آماده ارسال است.[/TD]
    [/TR]
    [/TABLE]