[XHTML] Diferencias entre HTML y XHTML

Aunque bien podríamos hacer una incursión mucho más profunda sobre el lenguaje XHTML en sí, considero que es suficiente con marcar las pautas que lo diferencian del HTML. Así pues, XHTML es la versión modernizada del anterior, pero compatible con XML (lenguaje que veremos más adelante). Sus siglas vienen de eXtensible HyperText Markup Language. Es un lenguaje semántico, lo que quiere decir que no definimos el aspecto de las cosas, sino lo que significan. EL DOCTYPE Y LA CODIFICACIÓN Al igual que hacíamos en HTML, las primeras líneas del documento…

Read More

[HTML] Formularios

En esta última entrega del apartado de HTML, vamos a tratar el uso de los formularios como elementos en el diseño web. Un formulario es una sección del documento que puede contener elementos especiales llamados controles, radiobotones, etc en esos controles. Los usuarios suelen completar dicho formulario usando sus campos disponibles: un cuadro de texto, una lista de seleccionables, cuadros para marcar, etc. En un formulario se solicitan diferentes tipos de datos, cada uno de los cuales quedará asociado a una variable. Una vez introducido estos datos, el contenido será enviado…

Read More

[HTML] Imágenes

Las imágenes son un elemento esencial en el diseño de páginas web, ya que dotan a nuestros sitios de un aspecto visual mucho más vistoso. Aún así, el uso de un número elevado de imágenes puede relentizar el proceso de visualización de las páginas, por lo que se suele recomendar un uso equilibrado de estas. La etiqueta definida en HTML para la inserción de imágenes es <img>, siendo de uso obligatorio el atributo src, el cual especifica la ruta donde se encuentra nuestra imagen. Por lo tanto, la etiqueta quedaría…

Read More

[HTML] Vínculos o enlaces

Un vínculo o enlace es una conexión desde un archivo html a otro. A pesar de ser un concepto muy simple, se trata de una de las partes más importantes en el éxito de la Web. Un enlace consta de dos partes: un punto de origen y otro de destino. El comportamiento típico del enlace consiste en que cuando el usuario actúa sobre el punto de origen, el navegador irá al destino definido. Suelen ser fáciles de identificar, ya que suelen mostrarse con otro color al base del documento, ya…

Read More

[HTML] Tablas

A pesar de que en la actualidad las tablas han perdido parte de utilidad debido al maquetado de CSS y los float, es un elemento que nos puede ayudar a mostrar información en nuestra web de una forma estructurada. Antes, incluso, se utilizaban para el propio maquetado. La etiqueta base para crear una tabla es <table>…</table>. Sus elementos más básicos son: <caption>..</caption> | Especifica el título de nuestra tabla. Por defecto, se muestra centrado horizontalmente y en la parte superior, aunque nosotros podremos indicarle si lo queremos en la parte…

Read More

[HTML] Listas

Las listas es uno de los elementos más visuales que podemos utilizar para mostrar texto en nuestra web, ya que mediante viñetas o numeración podemos dar al lector una serie de datos. Así pues, y como acabamos de mencionar, dichas listas podrán ser mostradas de manera ordenada o no ordenada. LISTA DESORDENADA Una lista desordenada mostrará una viñeta gráfica al lado de cada línea a mostrar. Para definirla, utilizaremos las etiquetas <UL> y </UL> encerrando entre ellas el contenido de cada línea. Además, definiremos cada línea con la etiqueta <LI>…

Read More

[Curso LMSI – HTML] Etiquetas de texto y su formato

En esta nueva entrega del curso de LMSI – HTML, veremos las distintas etiquetas que podemos usar para dar formato a un texto dentro de nuestra página web. En la anterior entrega, ya aprendimos como podíamos darle un aspecto visual más atractivo a nuestro sitio a través de los atributos de la etiqueta body. Ahora, aprenderemos a tratar el texto de forma más especial. TEXTO La etiqueta que se utiliza en HTML para escribir texto es <p></p>, la cual mete todo el texto que contiene dentro de un párrafo. Por…

Read More

[Curso LMSI – HTML] Etiqueta BODY: atributos del cuerpo, márgenes y comentarios

El contenido del BODY será todo aquel que queramos que se muestre en nuestra web, tales como imágenes, tablas, texto, etc. Para poder hacer uso de todos los elementos, necesitaremos conocer todas las etiquetas posibles. En las siguientes entregas las trataremos todas. Además, la etiqueta BODY puede albergar atributos, que determinan las características generales del cuerpo de la web como el color o la imagen de fondo, el color del texto, los márgenes, etc. ATRIBUTOS DE BODY Estos atributos acompañan a la etiqueta body al declararla:

  Los atributos…

Read More