First things first, make sure all text, images, and buttons are inside your body tags.
A p tag is a paragragh.
A br signifies a break in the text.
It's basically entering. But it does not substitute for a /p to end it.
This is the code to add an image:
An image doesn't need an ending tag. You can upload pngs, jpgs, jpegs, and gifs.
To add a button, you have to use the button tag.
A button only makes something clickable. The only way I know how to use buttons so far is as links.
To put a link inside a button you have to use an a tag.
It should look like this:
Links should support .coms, .htmls, .orgs, and any site.
The text between the beginning tag and the ending tag will be the actual link.
In order to change the color, font, position and style of anything you have to use a style tag.
Changing style is a bit more in depth, so I'll go one at a time.
First thing is size. Size is the most important thing you might have to change.
Size can be changed with pixel measurements (px) or percentages.
Pixels are best for smaller details and decorations while percentages are easier for things meant to take up a majority of the screen.
Size will mostly be used for images and buttons, so I'll show those.
This is how it should look for an image:
or with pixels:
It should look pretty similar with a button.
It doesn't matter if width or height goes first.
If you want to preserve the exact proportions of an image, use only width or height, not both.
Next up is position.
Position can be either relative or absolute.
I don't know how relative position works yet, so for now you can just use absolute.
Just like size it can be in pixels or percentages.
Image:
Button:
And text:
You just have to find position through practice and trial and error.
Somewhat related to position is the transform property.
I only know how to use transform to rotate but there are ways to use it to reflect. You just have to look that up.
(Personally, I would just flip the image before you upload it.)
Here's how you rotate.
Image:
Button: