Como funcionam as páginas da web

5

# Noções básicas de HTML: estilização de planos de fundo e listas de formataçãoVocê pode definir o plano de fundo de uma página da web colando um atributo `bgcolor` diretamente na tag de abertura. É antigo, claro, mas funciona se você quiser uma cor simples e sólida sem mergulhar em CSS.“É isso. Você pode inserir nomes de cores padrão como “vermelho” ou “azul” ou, se precisar de algo mais específico, usar um código hexadecimal. É a mesma lógica que você usaria para cores de fonte.### Listas não ordenadasNa maioria das vezes, você vai querer uma lista com marcadores. Em HTML, essa é uma lista não ordenada. Começa com `

    ` e termina com `

`. Cada item dentro precisa da tag `

  • ` (abreviação de List Item).Aqui está o que isso parece na prática:
    • Califórnia
    • Oregon
    • Carolina do Norte

    Por padrão, esses marcadores são discos. Mas você pode alterá-los se desejar. Adicione um atributo `type` à tag `

      `.`

        ` fornece círculos.
        `

          ` fornece quadrados.É um pequeno detalhe, mas pode fazer com que uma lista pareça menos genérica.### Listas ordenadasPrecisa de números? Use uma lista ordenada. As tags são `

            ` e `

          `. Você ainda usa `

        • ` para cada item.
          1. laranjas
          2. uvas
          3. cerejas

          O padrão é a numeração padrão (1, 2, 3). Mas você pode mudar as coisas com o atributo `type`.- `type=”A”` usa letras maiúsculas (A, B, C).
          – `type=”a”` usa letras minúsculas (a, b, c).
          – `type=”I”` usa algarismos romanos maiúsculos (I, II, III).
          – `type=”i”` usa algarismos romanos minúsculos (i, ii, iii).Quer iniciar a contagem em um número específico? Digamos que você queira que o primeiro item seja “6”. Você usa o atributo `start` na tag `

            ` e o atributo `value` no `

          1. ` específico.
            1. É um pouco detalhado, mas dá controle sobre a sequência.### Listas DescritivasDepois, há os estranhos. Listas descritivas. Eles se parecem com uma lista de definições. A primeira linha está alinhada à esquerda. A segunda linha está recuada.Marshall Brain Fundador do HowStuffWorksPara construir isso, você envolve tudo em `
              ` e “. O rótulo vai em `
              ` (Termo de Definição). A descrição vai em `
              ` (Descrição da definição).Marshall Brain
              Fundador do HowStuffWorksO `
              ` fica na margem. O `
              ` empurra para a direita. É uma estrutura específica para pares de termos e descrições.Depois de classificar suas cores e listas, a próxima etapa é conectar tudo a outros lugares. Links.