کلاس آموزش html

[نقاب]

شناسه Name :
با کمک شناسه name ميتوانيد پيوندها را نام گذاری کنيد.پيوندهای نامگذاری شده امکان حرکت ميان قسمتهای مختلف يک صفحه يا page را فراهم ميکنند. در اينصورت مثلا برای رفتن به آخر يک متن ديگر نيازی به Scrool down کردن تمامی صفحه نيست و کافی است که بازديدکننده روی پيوندی که به آخر صفحه اشاره ميکند کليک کند.
استفاده از پيوندهای نامگذاری شده شامل دو مرحله است:
1- ايجاد يک پيوند نامگذاری شده (اين قسمت به عنوان لنگر کار خواهد کرد.) :
فرم کلی يک پيوند نام گذاری شده به قرار زير است:

<a name="label">Text to be displayed</a>

وظيفه شناسه name تعيين نام برای پيوند است و مقدارآن همان نام پيوند ميباشد. نام پيوند هم هر نام لاتينی ميتواند باشد. در فرم کلی بالا، نام پيوند label و متنی که بعنوان پيوند نمايش داده ميشود عبارت "Text to be displayed" خواهد بود. مثال زير به ايجاد يک پيوند نامگذاری شده با نام top ميپردازد:

<a name="top">Here is top of my page!</a>

2- ايجاد يک پيوند به پيوند نامگذاری شده ديگر:

برای دادن لينک به پيوندی نام گذاری شده، کافی است که پيوندی معمولی ايجاد کرده و در قسمت href آن ابتدا url مقصد و سپس نويسه # و در نهايت نام پيوند نامگذاری شده را درج کنيد. مثال زير ايجاد پيوندی است که به لينک نامگذاری شده ای به نام top اشاره ميکند:

<a href="index.htm#top"> Goto Top! </a>

در اثر کليک روی پيوند بالا مرورگر مستقيما به ابتدای بخش top صفحه index.htm خواهد رفت.
لگر مقصد پيوند در همان صفحه قرار دارد نيازی به قيد url نيست و فقط نويسه # و سپس نام پيوند کافی است:

<a href="#top"> Goto Top! </a>

[نقاب]

چند نکته کاربردی در مورد پيوندها:
* يکی از کاربردهای رايج پيوندهای نام گذاری شده در صفحات و متونی ميباشد که فهرست و يا ليستی از اقلام نمايش داده شده است، مانند بخش سرفصل مطالب، فهرست faq و يا ... در همين صفحه در دو مورد از پيوندهای نامگذاری شده استفاده شده است، آيا ميتوانيد آنها را بيابيد؟!
* اگر مرورگر نتواند يک پيوند نامگذاری شده را بيابد ابتدای صفحه مقصد را نمايش خواهد داد

[نقاب]

مثالهای بيشتر

[برای مشاهده لینکها باید ثبت نام کنید] ]
اين مثال نحوه ايجاد پيوندهائی که در پنجره ای جديد باز ميشوند را نشان ميدهد. در اين حالت بازديدکنندگان سايتتان را از دست نخواهيد داد.
[برای مشاهده لینکها باید ثبت نام کنید] ]
با کمک اين مثال نحوه تعريف پيوندهای نام گذاری شده را فراگرفته و چگونگی ارجاع به قسمتهای مختلف يک صفحه اچتمل را فرا خواهيد گرفت.
[برای مشاهده لینکها باید ثبت نام کنید] ]
اين مثال کاربرد شناسه target و مقدار top_ و نحوه رهائی از فريم ها را شرح خواهد داد.
[برای مشاهده لینکها باید ثبت نام کنید] ]
اين مثال نحوه ايجاد يک پيوند از نوع mailto برای باز کردن برنامه مديريت ايميل ها را نشان ميدهد. در اين حالت اگر بازديدکننده سايت برنامه های مربوط به ارسال و مديريت ايميل ها را نصب کرده باشد ميتواند به ارسال ايميل بپردازد.
[برای مشاهده لینکها باید ثبت نام کنید] ]
مثال از ارسال ايميل با امکان تعيين مقادير cc ، bcc، subject و body

[نقاب]

Start TagPurposeکاربرد عنصر Anchor [برای مشاهده لینکها باید ثبت نام کنید] ]Defines an anchorتعريف يک پيوند يا Anchor در يک صفحه اچتمل
Target Attributesکاربرد حالتهای مختلف شناسه target target="_blank"مرورگر پيوند را در يک پنجره جديد باز ميکند.target="_self"مرورگر پيوند را همان پنجره باز ميکند. (حالت پيش فرض يا default) target="_parent"مرورگر پيوند را فريم parent باز ميکند. (کاربرد در مبحث فريمها) target="_top"مرورگر پيوند را در فريم مادر و اصلی باز ميکند.(روشی خوب برای نجات از شر فريمها )

برای مطالعه بيشتر در مورد شناسه target سری به [برای مشاهده لینکها باید ثبت نام کنید] ] بزنيد.

[نقاب]

جداول ( Tables)

در اين درس با المان جدول ( Table ) ، سلولها يا خانه ها، مرز و border در جداول و تگ های مربوطه مخصوصا تگهای TABLE ، TD , TR آشنا خواهيد شد. توجه داشته باشید که جداول یکی از مهمترین المانهای آرایش و layout میباشند.

[نقاب]

مثالها:

[برای مشاهده لینکها باید ثبت نام کنید] ]
مثال ساده ای برای ايجاد جداول
[برای مشاهده لینکها باید ثبت نام کنید] ]
نقش شناسه border در تعيين مرز جداول
[برای مشاهده لینکها باید ثبت نام کنید] ]