my ultimate goal is to get the XXX very large ( no, it is not x-rated ), with the title underneath smaller.
it would be better to set an explicit font-size on the h1 and h6 elements rather than rely on default browser sizing;
Code:
h1 { font-size: 20px; }
h6 { font-size: 10px; }
use whatever font-size you like to get the desired sizing effect.
But from a markup-meaning perspective, an h6 tag probably isn't appropriate for a title (at the top of a page). Unless you specifically intend to tell Google that your title is way down on the importance scale - h6 is the least important title - right down the list from all the other h tags (more likely expected towards the bottom of your page).
I would suggest the your XXX/OOO titles are the most important and so the h1 tag is most appropriate there, but the lines directly underneath -- should they not hold greater importance in the structure of your page? Might a h2 or h3 tag be better? (As an importance indicator for Google anyway?)
Use the h1-6 scale to rank the importance of your headings (h1 being the most important heading and h6 being the least important heading) but use CSS and font-size to control the visual sizing.
Bookmarks