Os webmasters novatos têm que lidar commuitos problemas. Parece que hoje você já pode usar modelos para criar seus sites, mas o problema é que eles nem sempre têm as propriedades desejadas e, então, você precisa criar um design de site do zero ou fazer alterações no código existente. É aqui que você precisa de conhecimento de código HTML e ideias mínimas sobre como definir o fundo e a cor da página, inserir uma imagem ou vídeo, fazer uma tabela em HTML.
Uma das coisas mais difíceis sobre marcaçãoAs páginas HTML são tabelas. E o problema não está na complexidade das tags, que, na verdade, não são tão difíceis de lembrar, mas no fato de que, ao escrever código, você pode cometer erros facilmente - esqueça de escrever uma linha ou célula extra, escreva o texto no lugar errado e outras pequenas coisas ... Além disso, quanto maior a mesa, maior a chance de cometer um erro.
Portanto, ao começar a criar uma tabela em HTML, recomendamos que você se concentre o máximo possível e não se distraia.
Em primeiro lugar, você deve desenhar uma futura tabela em uma folha de papel, anotando o que e em qual célula você terá, bem como anotando por si mesmo os principais parâmetros de um ou outro elemento.
Em seguida, você deve contar o número de linhas emtabela, bem como o número de células em cada linha. Também recomendamos marcar itens como a presença de imagens na mesa, a cor do fundo, bordas, texto. Só então você pode começar a criar uma tabela em HTML usando as informações registradas.
Então você criou o layout da sua mesa.Agora você deve escolher um editor adequado para criá-lo. Você pode escolher construtores de sites especiais e fazer uma tabela neles. Usando este software, criar uma tabela não é mais difícil do que criar um documento do Word. Você pode escolher um programa como o FrontPage. Apesar de o programa ser bastante antigo, com a sua ajuda poderá criar bons sites, além disso, poderá encontrar mais do que um tutorial sobre o mesmo.
Se você deseja criar uma tabela em HTML usandocódigo especial, você pode usar um bloco de notas comum ou um documento normal do Word para esses fins. É verdade que você terá que trabalhar muito aqui, pois levará muito tempo para escrever o código.
Você pode usar o editor integradoo próprio mecanismo do site. Portanto, ao criar um registro, muitos mecanismos fornecem a capacidade de adicionar diferentes elementos, incluindo tabelas. Mesmo se você não estiver satisfeito com os recursos básicos do editor, fazer alterações no código será mais fácil do que escrevê-lo do zero.
Independentemente de qual editor você éantes de começar a criar uma tabela em html, você deve se lembrar das tags principais. Existem três deles - <table>, <tr> e <td>. Observe que todas as tags estão emparelhadas. A primeira marca denota a tabela como um todo, a segunda especifica a linha, a terceira - a célula dentro da linha.
Um pouco mais de detalhes sobre cada uma das tags.Uma tabela sempre começa com a tag <table> e termina com </table>. Para qualquer navegador, é uma convenção que a mesa está na frente dele. Em seguida, as linhas são escritas, que abre com <tr> e termina a tag </tr>. Cada linha contém o número de células usando as tags <td> e </td>.
Assim, o código para uma tabela 2x2 será semelhante a este:
<table>
<tr> <td>
</td> <td> </td> </tr>
<tr> <td> </td> <td> </td> </tr>
</table>
Você pode inserir a tabela no código HTML da página, copiando-a do editor selecionado.
Portanto, analisamos o código básico.Agora vamos falar sobre como melhorar a mesa, torná-la mais brilhante e atraente. Para fazer isso, você precisa conhecer os parâmetros básicos das tags. Eles são escritos dentro da tag de abertura, com um sinal de igual após cada parâmetro, e então seu valor é escrito entre aspas. Por exemplo, um plano de fundo em uma tabela HTML é definido assim: <table bgcolor = "#FFFFFF">.
Aqui estão alguns parâmetros básicos que serão mais úteis para você. Vamos começar com a própria mesa.
Portanto, definir a largura da borda ajudará no parâmetro da borda, que pode assumir qualquer valor numérico. A cor da borda é definida por bordercolor. O contexto geral é fornecido por bgcolor.
Se você quiser fazer do fundo da mesa uma imagem, use fundo, enquanto deve registrar a URL da imagem.
Alinhar o conteúdo da página ao redor da tabela ajudará no parâmetro de alinhamento, que pode assumir os valores à esquerda, centro e direita.
A tag de par <caption>, que é escrita imediatamente após a tag de abertura <table>, ajudará a definir o título.
Um pouco sobre parâmetros de string.A cor das células em uma linha é definida usando bgcolor. O alinhamento do texto horizontalmente pode ser feito usando o parâmetro de alinhamento (esquerda, centro ou direita), verticalmente - valign (leva os valores superior, médio ou inferior).
Em relação à célula, você pode notar que a cor de fundo e a imagem de fundo são definidas para ela usando os mesmos parâmetros de toda a tabela. Você pode alinhar o texto usando os parâmetros de alinhamento e validação.
Existem também parâmetros especiais - colspan e rowspan.Usando o primeiro, você pode definir o número de colunas que a célula irá estender. O segundo é o número de linhas que uma determinada célula pode abranger.
Todos esses são os parâmetros mais úteis.
Vamos dizer algumas palavras sobre algo tão útil comotabela de cores. Ele pode ser usado para definir o plano de fundo da página, a cor do texto, links e outros elementos. A tabela de cores contém cerca de 216 cores e tons. Cada um deles possui seu próprio código hexadecimal.
O próprio código começa com um sinal de hash e contémtrês pares de números ou letras. Por exemplo, a cor verde na tabela possui o código # 007F0. Cada par representa a intensidade de uma das três cores primárias - vermelho, verde e azul. Usando a tabela, você pode selecionar a cor desejada e defini-la usando um código.
Se você não tiver a oportunidade de usar a tabela, pode definir a cor usando seu nome em inglês.
Algumas palavras sobre o próprio conteúdo.Claro, na maioria das vezes podemos ver o texto na tabela HTML, mas isso não significa que apenas podemos colocá-lo lá. Células e linhas também podem conter imagens, arquivos de áudio e vídeo, links.
Para colocar texto ou qualquer outra informação em uma célula (linha), você deve escrevê-lo entre duas tags. Por exemplo: <td> nome </td>. A célula exibe "Nome".
Você pode colocar informações gráficas e arquivos de mídia usando marcas especiais - <img>, <audio> e <video>.
Finalmente, daremos algumas dicas úteis para ajudá-lo a criar rapidamente uma tabela de qualquer complexidade em HTML.
Ao escrever uma tabela, recomendamos que você primeiro escrevaas próprias tags da tabela e seus parâmetros principais. Em seguida, escreva as tags de linha. Comece cada par em uma nova linha. Isso mostrará quantas linhas existem em sua tabela. Escreva também os parâmetros da linha ou linhas se forem diferentes dos principais. Em seguida, aconselhamos você a começar a escrever cada célula, também em uma nova linha. Além disso, é desejável fazer um ou dois recuos de Tab a partir da borda. Dessa forma, você verá a estrutura do código com bastante clareza.
Aconselhamos você a escrever o conteúdo das células e linhas no final, quando o quadro da tabela estiver pronto.
