Elementos Basicos de HTML y CSS, Herramientas para Epubs

Por Luis Brito

Este libro te proporcionara una visión general de dos herramientas básicas que se utilizan en la creación de libros electrónicos en el formato epub, el lenguaje HTML y las hojas de estilo en cascada CSS. Aunque existen herramientas que manejan de forma automática la transformación de documentos a formato epub, tales como Calibre, Scrivener y otros, siempre es bueno conocer que hay detrás de ellos, sobre todo para aquellas personas que quieren tener un mayor control sobre la forma en que se presentan sus contenidos. Las conversiones automáticas son buenas, pero son genéricas, crean documentos epubs que se parecen todos entre sí. Si se desea una apariencia distinta, única, personalizada, la única forma de hacerlo es a través del manejo de estas herramientas básicas.
El lenguaje HTML (XHTML) es una herramienta básica para la creación de contenidos para medios electrónicos, páginas web y epubs y las hojas de estilo en cascada (CSS) son utilizadas para el diseño de la forma en que se presentaran los contenidos. La combinación de ambas herramientas permite la creación de contenidos en una forma que es visualmente atractiva.

• Idioma: Español
• Editorial: Luis Brito
• Fecha de lanzamiento: 24 abr 2021
• ISBN: 9781005311520

Vista previa del libro

HTML es el lenguaje con el que se confeccionan las páginas web y los libros electrónicos (e-books). Su estructura está basada en elementos, integrados por etiquetas (tags) y el contenido que está encerrado entre dichas etiquetas. Las etiquetas están contenidas entre los símbolos de menor y mayor (paréntesis triangulares), <>. Todo lo que está contenido entre la etiqueta de comienzo y la etiqueta de cierre constituye un elemento HTML.

Estructura de un elemento HTML

La estructura general de un elemento HTML es:

Contenido

Las etiquetas se pueden considerar como contenedores de contenidos (containers), aunque algunas etiquetas han sido creadas para aplicar formato a los contenidos que se encuentran delimitadas por ellas.

Partes de un documento HTML

——–

Esta etiqueta que engloba todo el contenido de un documento HTML. Dentro de este elemento se colocarán las demás etiquetas. En todo documento hay dos partes:

——–

Donde se coloca información para ser utilizada por el navegador, pero que no será mostrada en la página, en esta sección se puede colocar información como el título (que aparece en la pestaña del navegador), autor, lenguaje, tipo de codificación y adicionalmente se pueden incluir hojas de estilos en cascada, CSS.

——-

Donde se colocan los contenidos que aparecerán en la página, flanqueados por las diferentes etiquetas.

Elementos Básicos HTML

Algunos elementos básicos HTML se muestran en la siguiente tabla

Con esta información podemos crear la estructura básica de un documento html.

Estructura básica de un documento HTML

Este código produce la siguiente salida.

Pagina con los elementos HTML que han sido creados con el editor de texto.

Para introducir el código html podemos utilizar cualquier editor de texto. En Windows podemos utilizar notepad, sin embargo, existen otros editores que podrían ser utilizados tales como el notepad ++, CoffeCup HTML editor y otros editores de HTML.

El notepad guarda los archivos con la extensión txt por defecto, cuando guardemos nuestro archivo con el documento html, debemos colocar la extensión html o htm. Para ver el resultado del documento html debemos abrirlo con algún navegador, el cual procesara el código creado con el editor de texto (notepad o cualquier otro editor).

Utilizando Imágenes en HTML

Las imágenes son una parte importante de cualquier publicación. Ayudan a explicar conceptos complejos y también rompen la monotonía de utilizar solo texto. En HTML se tiene una etiqueta específica para el manejo de las imágenes , la cual como mínimo debe ir acompañada del atributo src=URL, donde src es la fuente (source) de la imagen:

URL />

Esta es la estructura más sencilla de la etiqueta para insertar una imagen, donde URL (Universal Resource Locator) constituye el nombre del archivo de imagen y su