Even if you want to create an HTML document, you are using Writer which means document composition is done under Writer rules. If you’re more familiar with direct HTML creation, use an HTML utility. Many browsers have a document creation function.
Writer is intended to manage a text flow. Whatever is in the text flow (characters or other objects) are laid out sequentially with line wrapping. Objects may be positioned “off-flow”. Doing so will remove a rectangular (usually) area from the page so that text flow will not interfere with the object. This can be controlled through the anchor and wrap properties.
Anchor As character leaves the object “in-flow”, making it a sort of big character, while all other anchor modes are “off-flow” and the objects may be positioned anywhere in the page.
Your questions has to issues: position and size integrity.
Dropping the images into Writer created frames with default properties. One of them is Autosize. This may have two results: the frame adjust to to the contents or the contents is adjusted to the frame size.
Fix it by right-clicking on the images and
Properties. Reset to original size (if not too large) or ensure that Keep ratio is checked and change the size.
Positioning is a bit more tricky. If anchor is As character, the images are considered as synthetic characters; delete intervening characters to have them consecutive (but line wrapping may still occur if they are wide).
Fomatting Marks to have clues about what is really present in your document.
With a different anchor mode, if you want an automatic position behaviour, it is better to rely on a frame style. Customize it for the position of the first image only (in
Type tab). To get the automatic “shift” behaviour, in the
Wrap tab, remove Allow overlap check mark and select Optimal wrap mode.
Apply the same frame style to all images.
Using styles, you end up with a very quick formatting mathod: double-click on style name and you’re done. Reusing a style in a new document can be done in two ways: loading styles from another document (rightmost icon in style sidepane toolbar) or saving them in a template and working from this template.
To show the community your question has been answered, click the ✓ next to the correct answer, and “upvote” by clicking on the ^ arrow of any helpful answers. These are the mechanisms for communicating the quality of the Q&A on this site. Thanks!