Un documento web (una pagina por ejemplo) consta básicamente de:
.- El propio contenido o información y que es (o al menos debería ser) su razón de existir y
.- La forma o el cómo se muestra al usuario
Para lo primero, esto es, para contener la información y entregarla al agente de usuario (navegador, lector de voz, impresora...) hay que etiquetarla (envolverla entre tag´s) con las correspondientes e indicadas para cada tipo de contenido (se conoce como código semántico):
/ p / para párrafos de texto, / a / para los enlaces, los distintos /hnº/ para títulos... etc ¡ah! ¡sí! también /table-th...td.../ para presentar datos tabulados.
Para lo segundo: el aspecto y cómo organizar en el medio de presentación dicha información hace ya mucho que los diversos estándares recomiendan hacerlo en documento separado. Esto es, utilizar las hojas de estilo y ahí definir las particularidades del
mismo documento html para cada uno de los distintos medios destinatarios (los "media=xx"; xx= handheld/print/screen/all/.../ ) sin necesidad de generar más html´s
Las ventajas de hacerlo así ya se han repetido hasta la saciedad. No las glosaré de nuevo.
Quizás le interese.
No obstante, cada quien es muy libre de hacer las cosas bien o de cualquier otra manera.