آموزش HTML-بخش سوم
نوشته شده توسط admin در ۴ دی ۱۳۹۱در این بحث میخواهیم در مورد تگ های a و img صحبت کنیم . تگ a برای ساخت لینک استفاده میشود و تگ img برایدرج تصویر مورد استفاده قرار میگیرد. نحوه ی کد نویسی این تگ ها به این شکل میباشد :
<a href=”Address”>Text Link</a>
<img src=”Picture Address With Format” width=”Size” height=”size” />
حال به چند مثال از این تگ ها میپردازیم :
۱) <a href=”http://www.p30pedia.com”>P30Pedia</a>
2) <a href=”http://www.p30pedia.com” target=”_blank”>P30Pedia</a>
3) <a href=”http://www.p30pedia.com” target=”_blank” title=”SEO & Analytics & Programming”>P30Pedia</a>
در حالت شماره یک : به کلمه P30Pedia لینک دادیم .
در حالت شماره دو : زمان کلیک بر روی کلمه P30Pedia ، سایت P30Pedia در تب جدید باز میشود.
در حالت سوم : زمانیکه بر روی لینک می ایستیم ؛ کلیک نکرده باشیم ، عبارت SEO & Analytics & Programming در تولتیپ به نمایش میگذارد. که بهترین حالت سئو میباشد.
و چند مثال از تگ img :
1) <img src=”http://donyacomputer.com/Upload/ADS/donyacomputer_banner_468_60.gif” />
2) <img src=”http://donyacomputer.com/Upload/ADS/donyacomputer_banner_468_60.gif” width=”468″ height=”60″ />
3) <img src=”http://donyacomputer.com/Upload/ADS/donyacomputer_banner_468_60.gif” width=”468″ height=”60″ alt=”بنر وب سایت دنیا کامپیوتر” />
در حالت شماره یک : تصویر به نمایش در می آید.
در حالت شماره دو : تصویر به نمایش در می آید اما در سایز دلخواه !
در حالت شماره سه : تصویر به نمایش در می آید به علاوه متن جایگزین تصویری در سایز دلخواه . که بهترین حالت سئو میباشد !