Crie uma caixa contendo um bloco de texto usando HTML.
HyperText Markup Language (HTML) é a linguagem mais comumente usada para criar a estrutura e o conteúdo de páginas da web. O HTML contém uma ampla gama de elementos que permitem aos usuários gerar links, imagens, parágrafos, cabeçalhos e muito mais. Esses elementos são adicionados a uma página por meio do uso de conjuntos específicos de caracteres, conhecidos como tags. Depois de entender a combinação de elementos e tags necessários, criar um bloco de texto cercado por uma caixa em HTML é uma tarefa rápida.
Passo 1
Abra a página da web que deseja editar e visualize seu código HTML. Se você usa um editor de texto, simplesmente abra sua página no programa e role para baixo até chegar à seção da página onde a caixa e o texto aparecerão. Se você usa um programa visual de site da Web, como o Microsoft Expression Web ou Adobe Dreamweaver, abra sua página e clique na área onde deseja adicionar a caixa e o texto. Depois de fazer isso, altere seu modo de visualização para "Visualização de código" para ver o HTML que controla o comportamento da página.
Vídeo do dia
Passo 2
Pressione a tecla “Enter” para criar uma linha em branco em seu código HTML.
etapa 3
Copie e cole as três linhas de código a seguir na linha em branco criada na etapa anterior:
Um bloco de texto de parágrafo vai aqui
Passo 4
Ajuste os parâmetros do código adicionado na etapa anterior, conforme necessário. Altere a largura, o tamanho da borda, o estilo e a cor da borda modificando os valores "500px," "2px," "sólido" e "preto" na primeira linha do código. Altere a quantidade de espaço ao redor do texto, modificando o valor "10px" na segunda linha do código. Modifique o texto localizado entre a abertura "
"e fechando"
"tags para atender às necessidades de sua página.Etapa 5
Salve a página e abra-a em um navegador da web. O código que você inseriu e modificou nas duas etapas anteriores adiciona uma caixa de 500 pixels de largura com uma borda preta, circundando um bloco de texto de parágrafo.
