Image size-task

Last Updated : Jun 08, 2026 |

About this task

For Circular icon: outputclass=icon-circle; for screenshot, outputclass =screenshot; images added directly in the image element: Image change

Alt attribute for testing Alt element-testing

For Circular icon: width=50pt; for screenshot, width=100pt; images added directly in the image element:

Image added directly in image element, no size set:

Image inside p element:

Outputclass=iconsquare:

Procedure

  1. This graphic is 6 pt height: .
  2. This graphic is 7 pt height: .
  3. Image with width set in the step element.

    Image in Step>Info>p element, with width= 50pt and 100pt respectively

    Image in Step>info with width= 50pt and 100pt respectively

  4. Image with outputclass set in the step element.

    Image in Step>Info>p element, with outputclass=icon-circle and outputclass =screenshot respectively

    Image in Step>info with width= 50pt and 100pt respectively

  5. This graphic is 8 pt height: .
  6. This graphic is 9 pt height: .
  7. This graphic is 10 pt height: .
  8. This graphic is 11 pt height: .

    • 11 pt in para inside choices

    Image within info (info/image)

    11 pt in para inside info :

  9. This graphic is 12 pt height: .
  10. This graphic is 13 pt height: .
  11. This graphic is 14 pt height: .
  12. This graphic is 15 pt height: .
  13. This graphic is 16 pt height: .
  14. This graphic is 17 pt height: .
  15. This graphic is 18 pt height: .
  16. No size set: .

Next Steps