Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

prog_web

Quer aprender HTML?! Veja este material gratuito!

Por , em Desenvolvimento frontend

Recommended Posts

prog_web    0

prog_web
Postado

Quer aprender HTML básico? Uma dica: Começe lendo o seguinte:

 

HTML básico: Como funciona uma página?

O espaço para sua página na Internet fica em um computador, onde estão todos os seus arquivos de HTML, som, imagem, etc. O computador onde fica a sua home page é chamado de Servidor, pois a qualquer hora do dia ou da noite ele vai estar ligado para as...

http://www.htmlstaff.org/ver.php?id=1277

 

HTML básico: Introdução ao HTML

Todo documento HTML é composto de Tags. Este é o nome dados aos comandos HTML. Você deve começar sua página com a tag <HTML>, na primeira linha do código, e terminar com </HTML> na última linha do documento. Perceba que a barra "/" sinaliza o...

http://www.htmlstaff.org/ver.php?id=1278

 

HTML básico: Incluindo textos

Agora que você já aprendeu como é o arquivo HTML básico , pode começar a ver tags. Elas ficam após o comando <BODY> , no meio do seu texto. Após <BODY> você já pode começar a escrever o que quiser. Há duas formas de formatar o seu texto...

http://www.htmlstaff.org/ver.php?id=1279

 

HTML básico: Formatando textos

Você pode formatar o texto, colocando-o em negrito, itálico, sublinhado e centralizado. Assim...

http://www.htmlstaff.org/ver.php?id=1280

 

HTML básico: Parágrafos

Em HTML são necessários comandos para definir parágrafos. Não basta você simplesmente pressionar "ENTER" para que a linha vá para baixo, como em editores de texto comuns. Você terá que colocar uma tag para um parágrafo ou para uma linha nova...

http://www.htmlstaff.org/ver.php?id=1281

 

HTML básico: Incluindo imagens

Agora que você já sabe incluir e formatar os textos de sua página, é possível que você queira dar mais vida à sua página, incluindo imagens e fundos nela...

http://www.htmlstaff.org/ver.php?id=1282

 

HTML básico: Alinhando as imagens

Você pode usar muitos recursos para fazer o alinhamento de textos e imagens em sua página, e dar uma organização e visual diferentes. Para fazer os alinhamentos, você inclui parâmetros do alinhamento dentro da tag de imagem. Assim...

http://www.htmlstaff.org/ver.php?id=1283

 

HTML básico: Criando links

Links são os pontos clicáveis do documento HTML que levam a qualquer outro documento da sua página ou site na Internet. Podemos fazer links internos, para documentos no mesmo servidor, links externos para qualquer lugar na Web, ou até mesmo links para...

http://www.htmlstaff.org/ver.php?id=1284

 

HTML básico: Criar links para download

É provável que, depois de criar suas páginas, você queira colocar arquivos para que os visitantes façam download em sua home page. Este é um recurso bem fácil e simples. Vamos explicar...

http://www.htmlstaff.org/ver.php?id=1285

 

HTML básico: Listas

Você usa listas para criar menus simples ou organização de temas e textos em sua página...

http://www.htmlstaff.org/ver.php?id=1286

 

HTML básico: Inserindo imagem de fundo

Da mesma forma que é possível definir uma cor de fundo diferente para as páginas, pode-se colocar uma imagem como papel de parede. Com isso você pode criar um site muito mais bonito...

http://www.htmlstaff.org/ver.php?id=1287

 

HTML básico: Letreiros e linhas

Letreiros: É possível colocar mais recursos em seu site. Um deles é o letreiro. A imagem fica "rolando" pela tela. Ele é feito com a tag "<MARQUEE>", porém este recurso só funciona no Internet Explorer. No Netscape, o texto ficará parado. Por isso...

http://www.htmlstaff.org/ver.php?id=1288

 

Quer aprender HTML avançado? Uma dica: Começe lendo o seguinte:

 

HTML avançado: Tabelas

As tabelas foram uma grande conquista para os autores de documentos para a Web. Com elas é possível, por exemplo, termos estas páginas do tutorial organizadas em colunas, sendo uma delas voltada exclusivamente aos links de navegação e observações...

http://www.htmlstaff.org/ver.php?id=1289

 

HTML avançado: Frames - Parte 1

Os frames são divisões da tela do navegador em diversas telas (ou "quadros"). Com isso, torna-se possível apresentar mais de uma página por vez, por exemplo, um índice principal em uma parte pequena da tela, e os textos relacionados ao índice em outra...

http://www.htmlstaff.org/ver.php?id=1290

 

HTML avançado: Frames - Parte 2

Como já foi possível observar, FRAMESET tem atributos que definem a divisão da janela do navegador em colunas; essa divisão também pode ser feita em linhas, e utilizando uma combinação de "framesets" para variadas apresentações. Lembre-se de sempre...

http://www.htmlstaff.org/ver.php?id=1291

 

HTML avançado: Frames - Parte 3

Sempre que se aciona um link dentro de uma página, o padrão é que a página referente a esse link seja carregada na mesma janela da página anterior. No exemplo visto com frames, seguir um link dentro da janela à direita faz com que a página apontada...

http://www.htmlstaff.org/ver.php?id=1292

 

HTML avançado: Formulários - Parte 1

Um formulário é um modelo para a entrada de um conjunto de dados. Eles são muito usados em registros eletrônicos ou em formulários para o envio de emails para as páginas sem precisar abrir um programa de email ou digitar endereços, além da vantagem de...

http://www.htmlstaff.org/ver.php?id=1293

 

HTML avançado: Formulários - Parte 2

Agora precisamos criar os campos onde os usuários vão digitar os dados e selecionar as opções. Você inclui estes campos dentro da tag <FORM>. Conheça a função de cada um e como criá-los...

http://www.htmlstaff.org/ver.php?id=1294

 

HTML avançado: Formulários - Parte 3

<SELECT>: Apresenta uma lista de valores em um menu suspenso. Ótimo para criar escolhas que o usuário seleciona sem precisar digitar através de campos <OPTION>. Veja como fazer...

http://www.htmlstaff.org/ver.php?id=1295

 

HTML avançado: Inserindo sons

Você pode incluir em sua página um som de fundo. Com isso, sempre que alguém acessar sua página, este som será tocado. Desta forma você pode fazer seu site ter mais recursos e personalidade...

http://www.htmlstaff.org/ver.php?id=1296

 

HTML avançado: Âncoras

Âncoras são links estabelecidos para certas partes de uma mesma página ou de outra página qualquer, por exemplo, se você quer que um link vá direto para um texto que está no meio de uma página sem o visitante ter que descer a página. Por exemplo...

http://www.htmlstaff.org/ver.php?id=1297

 

HTML avançado: Cores hexadecimais

A tabela abaixo apresenta os códigos de cores que podem ser utilizados em documentos HTML...

http://www.htmlstaff.org/ver.php?id=1298

Compartilhar este post

Link para o post
Compartilhar em outros sites

prog_web    0

prog_web
Postado

Sim, o que é falado na parte de tabelas é para iniciantes. Tableless seria para intermediários e avançados.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito