image and br tags, noting how they are self-closed due to not being wrapped around anything
example:
HTML Code:
<div><img src="/download/sprites/bw/528.png" alt="" /></div>
<p>Emboar @ Leftovers<br />
Trait: Blaze<br />
EVs: 252 SpA / 4 SpD / 252 Spe<br />
Timid / Modest Nature<br />
- Substitute<br />
- Fire Blast<br />
- Focus Blast<br />
- Flame Charge</p>
also, even though images aren't even mandatory for most articles, it'd be nice to know about image placement. people tend to do different and/or weird shit with the inline css.
center (used for centering text as well):
HTML Code:
<div style="text-align: center;">content here</div>
right:
HTML Code:
<div style="float: right; margin-left: 10px;">content here</div>
how to float images to the left is self-explanatory based on what i just gave you, but i would rarely ever use it just because it's visually unappealing in my opinion. the reason why i included the margin-left in the css above is just so that the image and text have some spacing (hence, a margin) between each other.
it is also worth noting that div is a block level, which means it will place the content on a new line. if for any reason you want the content to be inline, use span tags instead.
speaking of which, i do not know if it's worth mentioning this, but you cannot place a block level element inside an inline element because of what i said above. for example, p and table tags can never ever be inside a href or span tags. i have seen stuff like
this before (header tags being inside p tags) and it will cause a validation error.
also, a mention about
validating (though this would need further writing to explain it) and
further resources to learn more about the basics of html would be neato.
oglemi you're a loser by the way......