HyperText Markup Language (HTML) é a linguagem mais comumente usada para criar a estrutura e o conteúdo de páginas da web. HTML contém uma ampla gama de elementos que permitem aos usuários gerar links, imagens, parágrafos, títulos 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.
Etapa 1
Abra a página da Web que você deseja editar e visualize seu código HTML. Se você usa um editor de texto, basta abrir sua página no programa e rolar para baixo até chegar à seção da página onde a caixa e o texto aparecerão. Se você usa um programa de site visual, como o Microsoft Expression Web ou o Adobe Dreamweaver, abra sua página e clique na área onde deseja adicionar a caixa e o texto. Após fazer isso, altere seu modo de visualização para "Code View" para ver o HTML que controla o comportamento da página.
Etapa 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
Etapa 4
Ajuste os parâmetros do código que você adicionou na etapa anterior, conforme necessário. Altere a largura, o tamanho da borda, o estilo da borda 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 ao redor de um bloco de texto de parágrafo.
