کدهای جاوا(عکس کنار مطلب)

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

برای شروع ابتدا  یک مطلب جدید بنویسید سپس یک عکس آماده کنید عکس را آپلود کنید و در ابتدای مطلب خود قرار دهید 

و مثل من در قسمت ویرایشگر قسمت نمایش به صورت کد که به این شکل است <> را کلیک کنید توجه کنید امکان دارد که در سرویس های وبلاگ دهی به یک شکل نباشد اما تمامی سرویس های وبلاگ دهی همچین گذینه ای دارند همان قسمت قرمز رنگ در بالای عکس زیر

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

  <img style="float: left;" src="http://s2.picofile.com/file/7682569565/ja.png" />

قسمت کد قرمز رنگ را به کد عکس اضافه می کنیم و در پایان مطلب خود را ذخیره یا منتشر می کنیم