آموزش طراحي سايت - آموزش لينك هاي متني
لينك هاي متن HTML
يك صفحه ي وب مي تواند لينك هاي متنوعي داشته باشد كه شما را مستقيما به صفحات ديگر يا حتي بخش هايي خاص از يك صفحه ي ارائه شده مي برد. اين لينك ها هايپرلينك ناميده مي شوند.
هايپرلينك ها به بازديدكنندگان اجازه مي دهند تا با كليك كردن روي لغات، اصطلاحات و تصاوير بين صفحات وب مسيريابي كنند. شما مي توانيد هايپرلينك ها را روي صفحه ي وب با استفاده از متن يا تصاوير موجود ايجاد كنيد.
لينك كردن داكيومنت ها
يك لينك با استفاده از برچسب < a> در HTML تعيين مي شود. اين برچسب anchor tag ناميده مي شود و هر چيزي بين برچسب آغازين < a> و پاياني < /a> بخشي از لينك مي شود و يك يوزر مي تواند آن بخش را كليك كرده تا به داكيومنت لينك شده برسد. در زير تركيب ساده ي استفاده از برچسب < a> را مي بينيد.
<a href="Document URL" ...="" attributes-list="">Link Texta>
مثال:
اجازه دهيد مثال زير را امتحان كنيم كه http://www.tahlildadeh.com را در صفحه ي شما لينك مي كند. Hyperlink Example Click following link اين مثال نتيجه ي زير را توليد خواهد كرد كه شما مي توانيد روي لينك توليد شده ي tahlildadeh كليك كنيد تا به صفحه ي اصلي tahlildadeh برسيد. ما از ويژگي target در مثال قبلي خود استفاده كرديم . اين ويژگي براي مشخص كردن موقعيتي كه داكيومنت لينك شده باز مي شود، مورد استفاده قرار مي گيرد. در زير گزينه هاي ممكن را مشاهده مي كنيد. مثال: براي درك تفاوت اصلي در برخي گزينه هاي ارائه شده در ويژگي target مثال زير را امتحان كنيد. Hyperlink Example Click any of the following links اين مثال نتيجه ي زير را توليد خواهد كرد كه مي توانيد روي لينك هاي مختلف كليك كنيد تا تفاوت بين گزينه هاي مختلف ارائه شده براي ويژگي target را درك كنيد. وقتي كه شما داكيومنت هاي HTML را متناسب با همان وب سايت لينك مي كنيد، ارائه ي يك URL كامل براي هر لينك ضروري نيست. اگر از برچسب در تيتر داكيومنت HTML خود استفاده مي كنيد، مي توانيد از دست آن خلاص شويد. اين برچسب براي ارائه ي يك مسير پايه براي همه ي لينك ها استفاده مي شود. بنابراين مرورگر شما مسير ارائه شده ي مرتبط را به مسير پايه پيوند خواهد داد و يك URL كامل ايجاد خواهد كرد. مثال زير از برچسب < base> براي مشخص كردن URL پايه استفاده مي كند و پس از آن ما مي توانيم به جاي ارائه ي URL كامل براي هر لينك از مسيرهاي مرتبط استفاده كنيم. Hyperlink Example Click following link اين مثال نتيجه ي زير را توليد خواهد كرد كه مي توانيد روي لينك توليد شده ي HTML tahlildadeh كليك كنيد تا به آموزش HTML برسيد. مي توانيد براي بخش خاصي از صفحه ي وب ارائه شده، با استفاده از ويژگي name يك لينك ايجاد كنيد. اين امر يك فرايند دو مرحله اي مي باشد. مرحله ي دوم ايجاد يك هايپر لينك مي باشد براي لينك كردن داكيومنت و قرار دادن در مكاني كه مي خواهيد برسيد. و اين مثال لينك زير را توليد خواهد كرد كه مي توانيد در آن روي لينك توليد شده ي Go to the Top كليك كنيد تا به نقطه ي بالاي آموزش HTML Text Link برسيد. Hyperlink Example Click following link شما مي توانيد رنگ لينك هاي خود، لينك هاي فعال و لينكهاي مشاهده شده را با استفاده ازويژگي هاي link و alink و vlink از برچسب < body>تنظيم كنيد. مثال زير را در test.htm ذخيره كنيد و سپس مي توانيد آن را در هر مرورگري باز كنيد تا ببينيد كه چگونه ويژگي هاي link, alink و vlink كار مي كنند. Hyperlink Example اين مثال نتيجه ي زير را توليد مي كند. فقط رنگ لينك را قبل از كليك كردن روي آن چك كنيد، سپس رنگ ان را در هنگام فعال كردن و بازديد آن چك كنيد. شما مي توانيد لينك متني ايجاد كنيد تا فايل هاي قابل دانلود PDF، ZIP و DOC خود را بسازيد. اين كار بسيار ساده مي باشد، فقط كافيست يك URL كامل از فايل قابل دانلود ارائه بدهيد. جهت مشاهده كدها برروي آموزش طراحي سايت كليك نماييد.
نمونه يك
Click following linktahlildadeh
ويژگي target
نمونه دو
Click any of the following linksOpens in New | Opens in Self | Opens in Parent | Opens in Bodyاستفاده از مسير پايه
مثال:آموزش طراحي سايت
نمونه سه
اكنون URL ارائه شده ي < a href="http:/WebsiteNews/TahlildadeNews.aspx> باعنوان < a href=" http //www.tahlildadeh.com/WebsiteNews /TahlildadeNews.aspx"> در نظر گرفته مي شودلينك شدن به بخشي از صفحه
نخست اينكه در مكاني كه مي خواهيد به داخل صفحه ي وب برسيد يك لينك ايجاد كنيد و آن را با استفاده از برچسب < a...> نام گذاري كنيد<h1>HTML Text Links <a name="top">a>h1>
<a href="/html/html_text_links.htm#top">Go to the Topa>
نمونه پنج
تنظيم رنگ هاي لينك
مثال:نمونه شش
HTML tahlildadeh
دانلود كردن لينك ها