illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

آموزش HTML (قسمت 6) : کار با تصاویر در HTML

33423 ۴ مهر ۹۱
1 2 3

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

تگ </ img>

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

حالا میخواهیم آن را در فایل html مان بگنجانیم. برای این کار میتوان از چنین کدی استفاده کنیم:

نتیجه در مرورگر:

تگ <img>

حال شما را با صفت های این تگ آشنا می کنیم:

align : این صفت نحوه قرار گیری عکس نسبت به متن و عناصر اطرافش در صفحه را کنترل میکند. که میتواند مقادیر زیر را بپذیرد:

  •  right : عکس را در سمت راست متون اطرافش قرار می دهد.
  • left : عکس را در سمت چپ متون اطرافش قرار می دهد.
  • top : قسمت بالای عکس با خطی که در آن قرار دارد تراز خواهد شد.
  • middle : میانه های(وسط) عکس با خطی که در آن قرار دارد تراز خوهد شد.
  • bottom : قسمت پایینی عکس با خطی که در آن قرار دارد تراز خوهد شد.
1 2 3
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 8 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏

    ببخشید ولی فکر کنم align مقدار center رو هم بپذیره؟؟!!!!! ❗

  • ‏‏

    ببخشید چجوری کامنت ها میتونن تگ ها رو از کار بندازن؟؟ من متوجه نشدم!

    • ‏‏
      لقمان آوند(۲۱ تیر ۱۳۹۲)

      متوجه نشدم . سوالتون رو واضحتر بپرسید .

  • ‏‏

    مرسی از پاسخ هاتون آقای آوند…

    آقای دریس در آخر آموزش این قسمت فرمودن :
    “میتوان از comment ها برای از کار انداختن تگ های یک صفحه استفاده کرد. به عنوان مثال در کد زیر دیگر محتوای p در صفحه نمایش داده نخواهد شد:

    من متوجه نشدم ، مثلا من اگه با تگ p یه پاراگراف چیزی بنویسم و داخل همون پاراگراف کامنت بالا رو قرار بدم دیگه پاراگراف توی مرورگر به من نمایش داده نمیشه؟!!!
    یه کم غیر منطقی میاد ، فکر کنم من منظورو بد برداشت کردم .

    کلا توی نکته آخر آموزش این قسمت گیر افتادم!

    • ‏‏
      وحید صالحی(۲۱ تیر ۱۳۹۲)

      هر تگ یا نوشته ای که بین کامنت ها قرار بگیره نمایش داده نمیشه …اگه در یک تگ p چیزی بنویسید قسمتی که بین کامنت باشه نمایش داده نمیشه مثلا در این تگ

      سلام این یک متن

      قسمت آزمایشی است که بین کامنت قرار گرفته نمایش داده نمیشه…

    • ‏‏
      لقمان آوند(۲۲ تیر ۱۳۹۲)

      در واقع کامنت ها برای نوشتن یادداشت هایی در حین کدنویسی هستند . مرورگر کامنتها رو اصلا برای نمایش در صفحه نشون نمیده و رها می کنه . حالا می خواد هر چی توی کامنت باشه !
      در عین حال اگر بخواید قسمتی از کد وجود داشته باشه ولی نمایش داده نشه (چون ممکنه بعدا بهش نیاز داشته باشید) می تونید اون قسمت رو در کامنت قرار بدید .

  • ‏‏

    آقا کامنت هم تگ هارو از کار میندازه هم صفت هارو،من آزمایش کردم این نتیجه رو گرفتم(آقای دریس گفت که صفت ها رو از کار نمیندازه)

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram