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

طراحی حرفه ای سایت وب سازان شمال در بابل با پشتیبانی 24 ساعته و سئو بالا با متد gtmetrix

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

طراحی حرفه ای سایت وب سازان شمال در بابل با پشتیبانی 24 ساعته و سئو بالا با متد gtmetrix

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

بدون شک، برنامه نویسی یکی از مهم‌ترین مهارت‌هایی است که امروزه نه تنها برای فارغ التحصیلان و دانشجویان رشته مهندسی کامپیوتر، بلکه برای سایر رشته‌ها و زمینه‌ها کاربرد مهمی دارد .

درج کردن لینک های تصویری در HTML

دوشنبه, ۱۰ دی ۱۳۹۷، ۰۷:۰۰ ق.ظ

ما شاهد چگونگی ایجاد لینک hypertext با استفاده از متن بوده ایم و همچنین یاد گرفتیم که چگونه از تصاویر در صفحات وب استفاده کنیم. در حال حاضر، ما یاد بگیریم که چگونه از تصاویر برای ایجاد لینک ها استفاده کنیم.


مثال

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


<!DOCTYPE html>

<html>


   <head>

   عنوان موضوع مشخص میکنیم      <title/>درج کردن لینک های تصویری  <title>

   </head>

اینجا ساختار بدنه ما درون این تگ قرار میگیره    <body>

     

به صفحه ای که قراره لینک بشه اینجا قرارش میدم به عنوان مثال

  <"a href = "http://websazanshomal.ir" target = "_self> 

این تگ img که شامل لوگو و تگ alt که تاثیر زیادی در بهینه سازی و سئو دارد و یک کادر بهش داده     

     </"img src = "/images/logo.png" alt = "websazanshomal" border = "0> 

      </a>

   </body>

</html>


این نتیجه زیر را تولید می کند که در آن شما می توانید بر روی تصاویر کلیک کنید تا به صفحه اصلی websazanshomal.ir برسید.

نظرات  (۱)

زندگی همانند ستاره ها و مهتاب زیباست به جز زمان هایی که با ابرهای غم و درد پوشیده شده است

******

پاسخ:
ممنونم مررسی

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی