HyperText Markup Language (HTML) é a linguagem mais comumente usada para criar a estrutura e o conteúdo de páginas 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 através do uso de conjuntos específicos de caracteres, conhecidos como tags. Uma vez que você entende a combinação de elementos e tags necessária, criar um bloco de texto cercado por uma caixa em HTML é uma tarefa rápida.
Abra a página 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 até chegar à seção da página onde a caixa e o texto aparecerão. Se você usa um programa visual de site, como Microsoft Expression Web ou 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 "Visualização de Código" para ver o HTML que controla o comportamento da página.
Pressione a tecla "Enter" para criar uma linha em branco no seu código HTML.
Copie e cole as três linhas de código a seguir na linha em branco criada no passo anterior:
<div style="width: 500px; border: 2px solid black; padding: 10px"> <p>Um bloco de texto de parágrafo vai aqui</p> </div>
Ajuste os parâmetros do código adicionado no passo anterior, conforme necessário. Altere a largura, tamanho da borda, estilo da borda e cor da borda modificando os valores "500px", "2px", "solid" e "black" 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 as tags de abertura "<p>" e fechamento "</p>" para atender às necessidades da sua página.
Salve a página e abra-a em um navegador web. O código que você inseriu e modificou nos dois passos anteriores adiciona uma caixa de 500 pixels de largura com uma borda preta, cercando um bloco de texto de parágrafo.
Tecnologia Eletrônica © [www.351231.com]
