Cómo funcionan las páginas web

10

# Conceptos básicos de HTML: diseñar fondos y formatear listasPuede configurar el fondo de una página web pegando un atributo `bgcolor` directamente en la etiqueta de apertura. Es de la vieja escuela, claro, pero funciona si quieres un color simple y sólido sin sumergirte en CSS.“Eso es todo. Puedes incluir nombres de colores estándar como “rojo” o “azul” o, si necesitas algo más específico, usar un código hexadecimal. Es la misma lógica que usarías para los colores de fuente.### Listas desordenadasLa mayoría de las veces, querrás una lista con viñetas. En HTML, es una lista desordenada. Comienza con `

    ` y termina con `

`. Cada elemento del interior necesita la etiqueta `

  • ` (abreviatura de Elemento de lista).Así es como se ve eso en la práctica:
    • California
    • Oregón
    • Carolina del Norte

    Por defecto, esas viñetas son discos. Pero puedes cambiarlos si te apetece. Agregue un atributo `type` a la etiqueta `

      `.`

        ` te da círculos.
        `

          ` te da cuadrados.Es un pequeño detalle, pero puede hacer que una lista parezca menos genérica.### Listas ordenadas¿Necesitas números? Utilice una lista ordenada. Las etiquetas son `

            ` y `

          `. Todavía usas `

        • ` para cada elemento.
          1. naranjas
          2. uvas
          3. cerezas

          El valor predeterminado es la numeración estándar (1, 2, 3). Pero puedes cambiar las cosas con el atributo “tipo”.- `type=”A”` usa letras mayúsculas (A, B, C).
          – `type=”a”` usa letras minúsculas (a, b, c).
          – `type=”I”` utiliza números romanos en mayúsculas (I, II, III).
          – `type=”i”` utiliza números romanos en minúscula (i, ii, iii).¿Quieres comenzar el conteo en un número específico? Supongamos que desea que el primer elemento sea “6”. Utilice el atributo `start` en la etiqueta `

            ` y el atributo `value` en el `

          1. ` específico.
            1. Es un poco detallado, pero te da control sobre la secuencia.### Listas descriptivasLuego están los raros. Listas descriptivas. Parecen una lista de definiciones. La primera línea está al ras a la izquierda. La segunda línea tiene sangría.Marshall Brain Fundador de HowStuffWorksPara construir esto, envuelve todo en `
              ` y “. La etiqueta va en `
              ` (Término de Definición). La descripción va en `
              ` (Descripción de definición).Marshall Brain
              Fundador de HowStuffWorksEl `
              ` se encuentra en el margen. El `
              ` empuja hacia la derecha. Es una estructura específica para pares de términos y descripciones.Una vez que haya ordenado sus colores y listas, el siguiente paso es conectarlo todo a otros lugares. Campo de golf.