Em JavaScript e HTML, a tag "
" define um elemento de célula da tabela. Antes de criar um elemento de tabela, crie uma tabela com a tag " " e uma linha de tabela com a tag " " . Alinhar o conteúdo horizontalmente , anexando o " alinhar " centro " =" atributo para a marca (obsoleto em HTML versão 5 ) ou usando CSS para definir as margens esquerda e direita para auto e definindo o "text -align: center " atribuir para a célula. Instruções
1 Crie um novo documento HTML utilizando o bloco de notas ou um editor HTML. Digite os cabeçalhos HTML no documento :
< meta charset = " UTF-8" >
Table Cell Center
2 Criar uma definição de estilo CSS que vai centralizar o conteúdo de uma célula da tabela por criação de uma classe com as margens esquerda e direita iguais a "auto" e "text -align " definido como " centro " .
3 Crie uma função JavaScript que irá fazer o "id" de uma célula da tabela e adicionar a classe CSS para centralizar o conteúdo das células :
4 Criar uma tabela HTML usando a tag , adicionar uma nova linha usando a tag e adicionar uma nova célula usando a tag . Atribuir o mesmo " ID " usado na função JavaScript para a célula . Feche todas as três tags :
Aqui é um texto a ser centralizado |
< br > 5 Criar um formulário HTML com um botão que irá chamar a função JavaScript para centralizar horizontalmente o conteúdo do | quando clicado :
6 Salve o arquivo HTML. Abra-o com um navegador e exibir o texto inicial -esquerda justificado na célula da tabela . Clique no botão e ver o texto tornar-se horizontalmente centrado.
|
|
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados
| 