Frustrated newbie: why does the "table" move automatically in HTML?

Question

Hi guys, I am just beginning to learn HTML here, so please forgive my stupidity.

In my CV project, when I write codes like the following:
_________________________________
<h2><em>Skills</em></h2>
<table border="2">
<tr>
<th>Coding Skills</th>
<td>HTML</td>
<td>CSS</td>
<td>JavaScript</td>
<td>React</td>
</tr>
<tr>
<th>Soft Skills</th>
<td colspan="2">Communication skills</td>
<td>Problem-solving</td>
<td>Mind reading</td>
</tr>
<h2><i>Contacts</i></h2>
<a href="http:/www.github.com" target="_blank">Github</a>&nbsp
<a href="http:/www.linkedIn.com" target="_blank">LinkedIn</a>
_________________________________
I thought in the output page, the element order should be: Skills-->Table (about skills)-->Contacts-->Two links

However, the actual order shown on the page is: Skills-->Contacts-->Two links-->Table (about skills)

In other words, the table gets moved to the end of the page, which I can't figure out why.

Could anyone help me out? Thank you so much!

Answer 1

H. Y. Tbh, I really don't know. But nothing good comes from forgetting to close tags. Sometimes you don't even notice because nothing seems off, but sometimes you can basically ruin all the design you wanted to do in the code. xD

Answer 2

I don t see a </table> closing tag. Maybe that's the issue?

Answer 3

You didnt close table tag.
Just add </table> after </tr>

Answer 4

Hi Alex, thank you so much! That fixed it!

So without the closing tag, html would, by default, execute the codes about the table at last, instead of executing the codes from top to down? I didn't expect that :)

Answer 5

Thank you for the quick answer too Robert! Appreciated!

Answer 6

🍇 Alex Tușinean 💜 thank you Alex, good to know, I will keep that in mind! :)