اموزش رایگان برنامه نویسی ، اموزش رایگان برنامه نویسی c ، اموزش رایگان طراحی سایت ،اموزش رایگان برنامه نویسی کامپیوتر،اموزش رایگان طراحی وب سایت ، اموزش رایگان طراحی وب ، اموزش رایگان طراحی سایت آموزش رایگان برنامه نویسی های مختلف ، طراحی سایت به زبان php
درباره وبلاگ



مدیر وبلاگ : بهاره ساعدی
نویسندگان
آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
جلسه 17 html

ردیف کردن تصاویر

برای ردیف کردن یک تصویر با متن :
  1. تایپ کنید img src=image.location>
  2. تایپ کنید align=direction که در ان direction می تواند مقادیر top , middle, bottom  را داشته باشد .
  3. هر شاخص دیگری را که مورد نیاز است را اضافه کنید و سپس </ را تایپ کنید .
  4. متنی که می خواهید با تصویر ردیف شود را تایپ کنید .

مثال :

<html>

<body>

<h3>aligned to the top </h3>

<p> if you put an image with a line of text , it might look better if it is with the top of the line <img src="http://s4.picofile.com/file/7823638923/imageskhoroos.jpg" align="top" /> and then followed by another couple of lines of interesting text . </p>

<h3> aligned to the middle </h3>

<p> or it might look better if it is in the middle of the line <img src="http://s4.picofile.com/file/7823638923/imageskhoroos.jpg" align = "middle" /> depending on what is around it , although it does not look much like the middle to me .... </p>

<h4> aligned to the bottom </h3>

<p> or it might look better at the bottom <img src="http://s4.picofile.com/file/7823638923/imageskhoroos.jpg" align="bottom" />of the line with lost of text in it that is very important and that say something crucial . </p>

</body>

</html>

خروجی

http://s1.picofile.com/file/7823662682/17html.png






نوع مطلب : آموزش html، 
برچسب ها :
لینک های مرتبط :

       نظرات
شنبه 8 تیر 1392
بهاره ساعدی


 
 
 
شبکه اجتماعی فارسی کلوب | Buy Mobile Traffic | سایت سوالات