location_on تهران ، خیابان آزادی خیابان شهیدان (روبروی مترو حبیب اله ) برج زیتون local_phone 66073800 021
بازگشت به لیست مقالات » | ﺳﻪشنبه 25 آبان 1395 در ساعت 11 : 29 دقیقه | نظرات کاربران ( 0 )

آموزش HTML   - لینک

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

طرز نوشتن صحیح یک لینک به این  صورت می باشد  : <a></a>

هایپرلینک یا لینک ها در HTML  :

Hyperlink  یا  link  یک یا چند کلمه و یا یک عکس و... می باشند که با کلیک بر روی آنها به مکان مورد نظری که در خصوصیات href  قرار داده ایم ما را منتقل خواهد کرد .

نکته : زمانی که با نشانگر موس روی یک لینک میرویم نشانگر تغییر حالت میدهد .

تگ a  به تنهایی نمیتواند آدرسی در خود قرار دهد . به این منظور این تگ مانند سایر تگ ها دارای ویژگیهای مخصوص به خود می باشد . ویژگی href  در تگ a  حمل کننده آدرس مقصد می باشد

نحوه ی نوشتن صحیح یک لینک بصورت زیر می باشد :

<a href="Address"></a>

آدرس موجود در ویژگی href   به دو صورت می باشد : 1 – آدرس بصورت ID  یا nameو یا بصورت لینک داخلی وارد می شود . مثال » <a href="myID">bakhsh morede nazar<a>  یعنی با کلیک بر روی این لینک به محیطی که آن ID  وجود دارد و یا صفحه ی داخلی وارد می شود .2 – وارد کردن آدرسی با لینک مشخص در این روش لینک دهی باید حتما با Http شروع شود . مثال  »  <a href="http://int-net.ir>طراحی سایت</a>

در مثال زیر بیشتر با این موضوع آشنا خواهید شد  :

 

<!DOCTYPE html>

<html>

<body>

<a href="http://www.int-net.ir/">Web Design</a>

</body>

</html>

 

مثال بالا در مرورگر بصورت زیر نمایش داده خواهد شد :

 

Web Design

 

 

زمانی که بر روی کلمه web design  موجود در متن لینک بالا کلیک میکنیم ما را به آدرسی که در داخل خصوصیت href  وجود دارد منتقل میشویم .

 

 

خصوصیت target  در لینک ها :

این خصوصیت در تگ a  به ما این اجازه را می دهد که صفحه ی مورد نظر را چگونه باز کند .!

در مثال زیر با استفاده از خصوصیت تارگت  target  متن لینک شده در یک پنجره ی جدید ( تب جدید ) باز میکند .

 

 

<!DOCTYPE html>

<html>

<body>

<a href=http://www.int-net.ir/  target="_blank">Web Design</a>

<p>If you set the target attribute to "_blank", the link will open in a new browser window or a new tab.</p>

</body>

</html>

 

با اجرای سند بالا مرورگر بصورت زیر به نمایش در خواهد آمد : بعد از کلیک روی لینک زیر

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

 

 

Web Design

If you set the target attribute to "_blank", the link will open in a new browser window or a new tab.

          

 

 

خصوصیت ID   یا  name   : با ایجاد یک نام منحصر به فرد برای عناصر HTML  به راحتی می توان به آن عنصر دسترسی داشت . در استانداردهای جدید بهتر است از ID   استفاده کنید .

در   HTML 4  نیز میتوان از خصوصیت  ID   استفاده کرد . اما در نسخه های HTML  قدیمی تر از خصوصیت name  استفاده می شود .

مثال :

 

 

<!DOCTYPE html>

<html>

<body>

<p name="int">int web design.</p>

<p> int web design2.</p>

<p> int web design3.</p>

<p> int web design4.</p>

<p> int web design5.</p>

<p> int web design6.</p>

<p> int web design7.</p>

<p> int web design8.</p>

<p> int web design9.</p>

<p> int web design10.</p>

<p> int web design11.</p>

<p> int web design12.</p>

<a id="int">go to int Name </a>

</body>

</html>

 

 

در مثال بالا بعد از کلیک روی متن به قسمتی از صفحه میرویم که ID آن int  می باشد .

نکته ی مهم در لینک دهی : حتما در زمان لینک دادن اگر میخواهید مرورگر ما را به داخل آن بخش ببرد یک اسلش "/" در انتهای آدرس قرارداهید .

مثال : <a href="http://int-net.ir/></a>

در صورتی که علامت / را در پایان آدرس قرار ندهید 2 دستور به سمت سرور خواهد رفت .

ابتدا آدرس به سمت سرور رفته و اسلش میگیرد سپس آدرس را بارگزاری خواهد کرد .

 

یکی دیگر از مزایای لینک ها این است که میتوانیم از طریق لینک دادن به کلمه ای وارد ایمیل آن سایت مورد نظر شوید . البته در نظر داشته باشید که با این روش حتما باید نرم افزار outlook  را در کامپیوتر خود نصب داشته باشید .

روش نوشتن این لینک بصورت زیر می باشد  :

<!DOCTYPE html>

<html>

<body>

<p>

This is another mailto link:

<<a href="mailto:info@int-net.ir ">Send mail to int!</a>

</p>

</body>

</html>

 

در مثال بالا با کلیک بر روی لینک وارد برنامه out look   شده و میتوانید بدون وارد کردن آدرس ایمیل گیرنده ایمیلی را ارسال کنید .

ارسال نظر

عنوان نظر :
نام شما :
ایمیل :
آموزش HTML  - کاراکترهای رزرو شده

آموزش HTML - کاراکترهای رزرو شده

آموزش HTML  - کاراکترهای رزرو شده یکسری از کارکتر ها و علائم در html  وجود دارند که به تنهایی نمیتوانند در داخل صفحات  html قرار گیرند و ممکن است حتی در کیبرد کامپیوتر ها وجود نداشته ب ...

آموزش html  -  جاوا اسکریپت

آموزش html - جاوا اسکریپت

آموزش html  -  جاوا اسکریپت تگ script  در html  : این تگ به منظور برنامه نویسی سمت کاربر مانند جاوا اسکریپت  javascript  مورد استفاده قرار میگیرد . عنصر <script > ...

آموزش html  تگ head

آموزش html تگ head

 آموزش html  تگ head عنصر head  یکی از مهمترین تگ های html  می باشد که تگ های اساسی و اصلی سایت را در خود جای میدهد . عناصری که درون تگ head  قرار میگیرند میتوانند شامل اسکری ...

آموزش HTML  - اعلان Doctype

آموزش HTML - اعلان Doctype

آموزش HTML  - اعلان Doctype یکسری از اعلان ها در html  می باشند که کمک میکنند مرورگر بهتر و سریعتر نوع صفحات را تشخیص دهد . اعلان <!doctype> یکی از آنها می باشد که در ابتدای سند های h ...

آموزش html  - مروری بر html مقدماتی

آموزش html - مروری بر html مقدماتی

    آموزش HTML  - خلاصه ای از مراحل مقدماتی با همراهی شما تا این بخش آموزش HTML  را بصورت مقدماتی پشت سر گذاشتیم . از این پس آموزش های حرفه ای و پیشرفته ی HTML  را شروع خوا ...

آموزش html – نام رنگ ها

آموزش html – نام رنگ ها

آموزش html – نام رنگ ها تمامی مرورگر ها از نام رنگ ها بصورت کامل پشتیبانی میکنند . با استفاده از رنگ ها در html میتوان رنگ عناصر و یا پس زمینه عناصر html  را تغییر داد .در بخش زیر نام 147 ...

آموزش html - رنگها

آموزش html - رنگها

آموزش html  - رنگها : رنگها  یکی از مهمترین بخش در طراحی سایت می باشند .در طراحی سایت از رنگ ها به 3 طریق استفاده خواهد شد . 1.  از طریق نام رنگ : این روش از انتخاب رنگ بسیار محدود بو ...

آموزش HTML  - تگ iframe

آموزش HTML - تگ iframe

آموزش HTML  - تگ iframe در این آموزش و با استفاده از تگ iframe روش نمایش یک صفحه وب درون صفحه ی دیگر وب را قرار خواهیم داد . با ما همراه باشید . همانطور که از نام تگ iframe  که به معنای قا ...

آموزش HTML فرم ها

آموزش HTML فرم ها

آموزش HTML  فرم ها یکی از عناصر مهم در HTML  فرم ها می باند . فرم ها مسثول نگهداری اطلاعات از جانب کاربران می  باشد .به کمک فرم ها میتوان دریافت و ارسال اطلاعات را به سمت سرور انجام د ...

آموزش HTML  - صفحه بندی

آموزش HTML - صفحه بندی

آموزش HTML  - صفحه بندی یکی از مهم ترین بخش های طراحی سایت نحوه ی صفحه بندی و چیدمان المان ها و عناصر HTML  می باشد . چیدمان سایت ها تقریبا مشابه چیدمان مجلات و روزنامه ها حاوی ستون ها و س ...

آموزش HTML  - تگ SPAN

آموزش HTML - تگ SPAN

آموزش HTML  - تگ SPAN تگ span  یکی از عناصر inline level  و درون خطی می باشد که در مقالات قبلی در مورد آن شرح دادیم . تفاوت تگ های inline level  و block level   یک عنصر inli ...

آموزش html  - تگ DIV

آموزش html - تگ DIV

آموزش html  - تگ DIV عنصر های HTML  را از طریق تگ های DIV  و یا SPAN  گروهبندی می شوند . تگ  div  یک عنصر بلاک لول است  .( Block level ) به این معنی که درصورتی که ...

expand_less