Como fazer uma caixa com o texto dentro html

Criar uma caixa contendo um bloco de texto usando HTML.

HyperText Markup Language (HTML) é a língua mais utilizada para criar a estrutura eo conteúdo das páginas da web. HTML contém uma ampla gama de elementos que permitem aos usuários gerar links, imagens, parágrafos, que dirigem e muito mais. Estes elementos são adicionados a uma página através da utilização de conjuntos de caracteres específicos, conhecidos como etiquetas. Depois de entender a combinação de elementos e tags necessário, a criação de um bloco de texto rodeado por uma caixa em HTML é uma tarefa rápida.

  • Abra a página que você deseja editar e exibir seu código HTML. Se você usar um editor de texto, basta abrir a sua página no programa e role para baixo até chegar à seção da página onde a caixa eo texto irá aparecer. Se você usa um programa website visual, como o Microsoft Expression Web ou o Adobe Dreamweaver, abra a página e clique na área onde você deseja adicionar a caixa e texto. Após fazer isso, alterar o modo de visualização para "code View" ver o código HTML que controla o comportamento da página.

  • aperte o "Entrar" chave para criar uma linha em branco no código HTML.

  • Copie e cole o seguinte três linhas de código para a linha em branco criado na etapa anterior:




    Um bloco de texto de parágrafo vai aqui


  • Ajustar os parâmetros do código adicionado no passo anterior, conforme necessário. Alterar a largura, tamanho da borda, estilo de borda e cor da borda, modificando o "500px," "2px," "sólido" e "preto" valores na primeira linha do código. Alterar a quantidade de espaço que rodeia o texto, modificando o "10px" valor na segunda linha do código. Modificar o texto localizado entre a abertura "

    " e fechamento "

    " tags para atender às necessidades de sua página.
  • Salve a página e, em seguida, abri-lo em um navegador da web. O código inserido e modificado nas duas etapas anteriores adiciona uma caixa de largura de 500 pixels com uma borda preta, em torno de um bloco de texto do parágrafo.

De esta maneira? Compartilhar em redes sociais:

LiveInternet