test6.html

<!DOCTYPE html><html><head><meta charset="utf-8"><style>body{margin:16px;font-family:sans-serif}img.r{border-radius:16px}.w{max-width:100%;height:auto}</style></head><body>
<h2>Images</h2>
<p>Inline PNG data URI: <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABQCAYAAADSm7GJAAADuklEQVR4nO2dTUgUYRjH/7MfrmzkVrggUSuUdYgiMk+BH4GCkITQKbtEtJJBUKeig6HQpQ51iCTtGtFBMPCWlHos69IHWUvpRiUpIpSRutt2kN2dzV1Zdd6vZ57faWc/4Hmf3/7fd2aZ2bEiV2IpMGTxqC6AEQsLJg4LJg4LJg4LJg4LJg4LJg4LJg4LJo5PdQEiiLW2rPuzVQODDlaiHsv0nyo3IrNYTJZupGAZUgthmmxjBKuUWggTZGstWEephdBVtpaCTRL7P7qJ1u4wyWS5gH71a5Ng3RrjBDqkWYsEU5QL6DEupQnWoQGyUJVmZQl2k1xA3XiVCHab3DQqxi1dsFvlppE9fqmC3S43jcw+SBPMcnOR1Q8pgllufmT0RYvjYEYcwgVzeldHdH+ECma5xSGyTzxFE0eYYE7v2hDVL04wcYQIdvrbGKofR2NHHE3n42hon8TYuz8AgLK6cTSdj+e8N9z4IfP4/sAcjpyZQF10EscvfcHXHwlH63IaESk2IsElfgtDPRE8uRvBncsVuHBzCgAQKLGQSKYw8ur3is8MPZ/H4+GfGOmtxGhfJWqrg2i//l126coxQrCd/bsDmPi2lNnujIbR3Tez4n23HsziWnsYfp8FADh3YitKAxaSf6WVqgXGCX76Yh4H95Zmto/WBAEAwy9zU/z20wIO7AlktjcHPei/sQNe40a8MRy/skHEOrK4lEJjRxwpAGWbPLh3tSLn9c5oObp6Z9BwOJJ5LpnMvn774SwGR39hajaBN492OV6fk8RaWxw9OcCIS1fSa3Ah6quD8HqAZ2PZFFft9OP1xwXU7CvFxZPbcLolhMixmIxytYLMhNUZLUd333Rm+2zrFnT1TmMpsXxGUk//HLxeS1V5yjAiwcVQeyiIEr+FhcVloW3NIbyfWET1qc/YHvahrTkEn1dxkQpw/KQ7/gVr4zi5BpOZopn8sGDisGDisGDiOC5Yh+txTMbp/nGCicOCicOCiSNEMK/D60NE3zjBxBEmmFO8NkT1ixNMHKGCOcXFIbJPwhPMkldHdH94iiaOFMGc4vzI6Iu0BLPkXGT1Q+oUzZKXkdkH6Wuw2yXLHr+SnSy3SlYxbmV70W6TrGq8WvwZKeUzMVV/kbU4DlbdBFHoMC4tEmyHQpp1EJtGiwTb0ak560G3+rVLsB2T0qyb2DRaC7ajo2xdpdoxRrAdvm9S8Rgp2A7f+Wx1jBecD753YRaSgpks2h0mMc7CgonDgonDgonDgonDgonDgonDgonzD2hpH9P8iTaqAAAAAElFTkSuQmCC" alt="logo"> followed by text.</p>
<p><img class="r" width="240" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABQCAYAAADSm7GJAAADuklEQVR4nO2dTUgUYRjH/7MfrmzkVrggUSuUdYgiMk+BH4GCkITQKbtEtJJBUKeig6HQpQ51iCTtGtFBMPCWlHos69IHWUvpRiUpIpSRutt2kN2dzV1Zdd6vZ57faWc/4Hmf3/7fd2aZ2bEiV2IpMGTxqC6AEQsLJg4LJg4LJg4LJg4LJg4LJg4LJg4LJo5PdQEiiLW2rPuzVQODDlaiHsv0nyo3IrNYTJZupGAZUgthmmxjBKuUWggTZGstWEephdBVtpaCTRL7P7qJ1u4wyWS5gH71a5Ng3RrjBDqkWYsEU5QL6DEupQnWoQGyUJVmZQl2k1xA3XiVCHab3DQqxi1dsFvlppE9fqmC3S43jcw+SBPMcnOR1Q8pgllufmT0RYvjYEYcwgVzeldHdH+ECma5xSGyTzxFE0eYYE7v2hDVL04wcYQIdvrbGKofR2NHHE3n42hon8TYuz8AgLK6cTSdj+e8N9z4IfP4/sAcjpyZQF10EscvfcHXHwlH63IaESk2IsElfgtDPRE8uRvBncsVuHBzCgAQKLGQSKYw8ur3is8MPZ/H4+GfGOmtxGhfJWqrg2i//l126coxQrCd/bsDmPi2lNnujIbR3Tez4n23HsziWnsYfp8FADh3YitKAxaSf6WVqgXGCX76Yh4H95Zmto/WBAEAwy9zU/z20wIO7AlktjcHPei/sQNe40a8MRy/skHEOrK4lEJjRxwpAGWbPLh3tSLn9c5oObp6Z9BwOJJ5LpnMvn774SwGR39hajaBN492OV6fk8RaWxw9OcCIS1fSa3Ah6quD8HqAZ2PZFFft9OP1xwXU7CvFxZPbcLolhMixmIxytYLMhNUZLUd333Rm+2zrFnT1TmMpsXxGUk//HLxeS1V5yjAiwcVQeyiIEr+FhcVloW3NIbyfWET1qc/YHvahrTkEn1dxkQpw/KQ7/gVr4zi5BpOZopn8sGDisGDisGDiOC5Yh+txTMbp/nGCicOCicOCiSNEMK/D60NE3zjBxBEmmFO8NkT1ixNMHKGCOcXFIbJPwhPMkldHdH94iiaOFMGc4vzI6Iu0BLPkXGT1Q+oUzZKXkdkH6Wuw2yXLHr+SnSy3SlYxbmV70W6TrGq8WvwZKeUzMVV/kbU4DlbdBFHoMC4tEmyHQpp1EJtGiwTb0ak560G3+rVLsB2T0qyb2DRaC7ajo2xdpdoxRrAdvm9S8Rgp2A7f+Wx1jBecD753YRaSgpks2h0mMc7CgonDgonDgonDgonDgonDgonDgonzD2hpH9P8iTaqAAAAAElFTkSuQmCC" alt="scaled"> <img class="w" style="width:50%" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABQCAYAAADSm7GJAAADuklEQVR4nO2dTUgUYRjH/7MfrmzkVrggUSuUdYgiMk+BH4GCkITQKbtEtJJBUKeig6HQpQ51iCTtGtFBMPCWlHos69IHWUvpRiUpIpSRutt2kN2dzV1Zdd6vZ57faWc/4Hmf3/7fd2aZ2bEiV2IpMGTxqC6AEQsLJg4LJg4LJg4LJg4LJg4LJg4LJg4LJo5PdQEiiLW2rPuzVQODDlaiHsv0nyo3IrNYTJZupGAZUgthmmxjBKuUWggTZGstWEephdBVtpaCTRL7P7qJ1u4wyWS5gH71a5Ng3RrjBDqkWYsEU5QL6DEupQnWoQGyUJVmZQl2k1xA3XiVCHab3DQqxi1dsFvlppE9fqmC3S43jcw+SBPMcnOR1Q8pgllufmT0RYvjYEYcwgVzeldHdH+ECma5xSGyTzxFE0eYYE7v2hDVL04wcYQIdvrbGKofR2NHHE3n42hon8TYuz8AgLK6cTSdj+e8N9z4IfP4/sAcjpyZQF10EscvfcHXHwlH63IaESk2IsElfgtDPRE8uRvBncsVuHBzCgAQKLGQSKYw8ur3is8MPZ/H4+GfGOmtxGhfJWqrg2i//l126coxQrCd/bsDmPi2lNnujIbR3Tez4n23HsziWnsYfp8FADh3YitKAxaSf6WVqgXGCX76Yh4H95Zmto/WBAEAwy9zU/z20wIO7AlktjcHPei/sQNe40a8MRy/skHEOrK4lEJjRxwpAGWbPLh3tSLn9c5oObp6Z9BwOJJ5LpnMvn774SwGR39hajaBN492OV6fk8RaWxw9OcCIS1fSa3Ah6quD8HqAZ2PZFFft9OP1xwXU7CvFxZPbcLolhMixmIxytYLMhNUZLUd333Rm+2zrFnT1TmMpsXxGUk//HLxeS1V5yjAiwcVQeyiIEr+FhcVloW3NIbyfWET1qc/YHvahrTkEn1dxkQpw/KQ7/gVr4zi5BpOZopn8sGDisGDisGDiOC5Yh+txTMbp/nGCicOCicOCiSNEMK/D60NE3zjBxBEmmFO8NkT1ixNMHKGCOcXFIbJPwhPMkldHdH94iiaOFMGc4vzI6Iu0BLPkXGT1Q+oUzZKXkdkH6Wuw2yXLHr+SnSy3SlYxbmV70W6TrGq8WvwZKeUzMVV/kbU4DlbdBFHoMC4tEmyHQpp1EJtGiwTb0ak560G3+rVLsB2T0qyb2DRaC7ajo2xdpdoxRrAdvm9S8Rgp2A7f+Wx1jBecD753YRaSgpks2h0mMc7CgonDgonDgonDgonDgonDgonDgonzD2hpH9P8iTaqAAAAAElFTkSuQmCC" alt="half"></p>
<p style="aspect-ratio:3/1;background:#eee;width:300px">aspect-ratio 3/1</p>
<p><img src="missing.png" alt="broken image alt text"></p>
</body></html>