Cuando no existían ordenadores, la forma de referenciar en la edición de textos los atributos de formato era mediante una notación específica, desarrollada ex profeso. Se trataba de marcas añadidas a un documento original para indicar algún tipo de información. Para definirlas se utilizó un tipo de sintaxis u otra, según el caso. Se imponía por tanto desarrollar un mecanismo …
Conceptos básicos sobre estilos Antes de comenzar a insertar reglas CSS en nuestro archivo de estilos y aplicar un modelo de caja, debemos revisar los conceptos básicos sobre estilos CSS que van a ser utilizados en el resto del libro. Aplicar estilos a los elementos HTML cambia la forma en que estos son presentados en pantalla. Como explicamos anteriormente, los …
Estilos y estructura A pesar de que cada navegador garantiza estilos por defecto para cada uno de los elementos HTML, estos estilos no necesariamente satisfacen los requerimientos de cada diseñador. Normalmente se encuentran muy distanciados de lo que queremos para nuestros sitios webs. Diseñadores y desarrolladores a menudo deben aplicar sus propios estilos para obtener la organización y el efecto …
CSS es un lenguaje que trabaja junto con HTML para proveer estilos visuales a los elementos del documento, como tamaño, color, fondo, bordes, etc… La nueva especificación de HTML (HTML5) no describe solo los nuevos elementos HTML o el lenguaje mismo. La web demanda diseño y funcionalidad, no solo organización estructural o definición de secciones. En este nuevo paradigma, HTML …
Habiendo revisado la publicación sobre las URL, ahora trabajaremos con enlaces en HTML: Crear enlaces en las páginas web Enlaces globales Los enlaces permiten colocar un texto (u otro elemento, como una imagen o un botón) resaltado de forma especial, de modo que cuando se le hace clic, el navegador web nos llevará al destino de la URL (si está …
Los elementos de la estructura en HTML5 Con la llegada de HTML5 han llegado nuevos elementos de estructura para mejorar la semántica. Esto es, dotar a estos elementos de un significado. ¿Cuáles son esos elementos? No te preocupes, los vemos a continuación. El elemento <header> El nuevo elemento <header> se utiliza para definir una zona de visualización para las cabeceras. Puedes definir cabeceras …
Los enlaces Lo que caracteriza a la web como medio de comunicación es la navegación por medio de hipervínculos (links o enlaces). Esta conexión entre archivos permite al usuario elegir el sentido de la navegación. En el HTML los enlaces se marcan con la etiqueta <a></a> y el atributo principal es href=”” donde se escribe la ubicación del archivo de destino que puede estar …
Texto La mayor parte del contenido de las páginas HTML habituales está formado por texto, llegando a ser más del 90% del código de la página. Por este motivo, es muy importante conocer los elementos y etiquetas que define HTML para el manejo del texto. El lenguaje HTML incorpora al tratamiento del texto muchas de las ideas y normas establecidas …
Sintaxis de las etiquetas XHTML El lenguaje HTML original era muy permisivo en su sintaxis, por lo que era posible escribir sus etiquetas y atributos de muchas formas diferentes. Las etiquetas por ejemplo podían escribirse en mayúsculas, en minúsculas e incluso combinando mayúsculas y minúsculas. El valor de los atributos de las etiquetas se podían indicar con y sin comillas …
Ejercicio con Textos. Ejercicio: Elaborar el siguiente código, abrir el archivo resultando en el explorador, interpretarlo, investigar y describir qué hace exactamente. Elementos HTML Además de etiquetas y atributos, HTML define el término elemento para referirse a las partes que componen los documentos HTML. Aunque en ocasiones se habla de forma indistinta de “elementos” y “etiquetas”, en realidad un elemento …
