Diese von dir ungewollten Abstände, bekommst du durch CSS weg. Welches HTML-Tag du für deinen Inhalt wählst, sollte nie davon abhängig sein, wie es der Browser anzeigt.
Eine Überschrift gehört in <h1>-<h6>, je nach Ebene der Überschrift. Den Außenabstand bekommst du durch
h1 {margin: 0;}
entfernt.