Tutorial Html
Trabalho Universitário: Tutorial Html. Pesquise 862.000+ trabalhos acadêmicosPor: vico08 • 18/11/2013 • 1.148 Palavras (5 Páginas) • 463 Visualizações
Tutorial De Html Para iniciantes!!!
Toda página na internet tem que comesar e terminar, obrigatoriamente, assim:
<html> = Marca o ínicio da página
<head> = ínicio do cabeçalho
<title> titulo da página </title> = Título da página
</head> = fecha cabeçalho
<body> = ínicio de conteudo da página
</body> = fecha o conteúdo da página
</html> = Marca o fim da página
Colocando Contador:
Para colocar um contador da Geocities na sua página da internet é muito fácil, basta você clicar em "Count", correspondente a página em que você gostaria de colocar o contador e selecionar o tipo de formato do contador que você quer, você encontrará 20 tipos de contadores. Em seguida basta escrever na sua página a seguinte TAG, "não esqueça de retirar o *":
<img src="http://visit.geociti...m/counter.gif">
Ou se você preferir basta ir a http://geocities.yah...ls/counter.html, e depois colocar em sua página o segunte comando <img src="/cgi-bin/conter.gif">.
Enviando E-Mails:
Para fazer com que as pessoas abra um janela para enviar e-mails, ao clicar sobre o sue e-mail, nome ou uma palavra qualquer, basta inserir o comando:
<a href="mailto:nome@empresa.com.br </a>
Linhas:
--------------------------------------------------------------------------------
Para inserir uma linha como esta acima, escreva o comando <hr>
Para inserir linhas mais incrementadas utilize os seguintes Tag's: <hr size="5" align="left" noshade widht="50%">, veja a linha abaixo:
--------------------------------------------------------------------------------
Onde size é a largura da linha que pode variar de 1 à 10, align determina sua posição que pode ser left(esqueda), right(direita) e center(centro), noshade escurece a linha e widht determina o comprimento da linha na página que pode variar de 1% a 100%.
Cores:
As cores de sua Home Page e também as de fundo, letra, links, vlinks e alinks, são indicados dentro da Tag <*body>, onde deve-se inserir por exemplo:
<body bgcolor="FFFFFF" link="FFFF66" vlink="FF0000" alink="CC9999">
Onde o código das cores são:
#FFFFFF #DDDDDD #999999 #666666 #333333 #000000 #006666 #009999
#00CCCC #66FFFF #99CCFF #00CCFF #0099FF #0033CC #000099 #000066
#660066 #990099 #CC00CC #FF66FF #FFCCFF #FFCCCC #FF6666 #FF0000
#990000 #666600 #999900 #CC9900 #FF9900 #FFCC00 #FFFF00 #FFFF99
#CCFFCC #99FF99 #66FF66 #00FF00 #00CC00 #009900 #006600 #003300
Exemplos FFFFFF = Writhe (Branco) FFFF66 = Yellow (Amarelo)
FF0000 = Red (Vermelho) CC9999 = Gray (Cinza)
Hyperlinks:
Hyperlinks são palavras ou textos que dão acesso a outras páginas em outros endereços da Internet,
Para inserir um hyperlinks\ de deslocamento para uma outra página da internet, basta colocar o seguinte código:
<a href="http://www.suapagina.com.br"> Minha primeira pagina ^^ </a>
Quando clicado, o hyperlink abrirá a página destino na mesma janela do links clicado, para fazer o hyperlink abrir em um outra janela basta fazer o seguinte
<a href="http://www.suapagina.com.br" target="xxx"> Minha primeira pagina^^ </a>
Como target segnifica que será redirecionado para um alvo determinado, já que não existe tal alvo xxx na sua página ele abrirá uma nova janela.
Backgrounds:
Para inserir um papel de parede ou backgrounds em sua página, basta acresentar dentro da Tag <*body> o seguinte complemento:
<body background="nome_do_arquivo.gif">
<body background="nome_do_arquivo.jpg">
Arquivos GIF's animados ou arquivos "jpg", também podem ser utilizados como papel de parede
Letras:
As letras podem ter seis tamanos diferentes, a h1(maior) ao h6(menor). Para determinar o seu tamanho insira a Tag:
<h3>palavra</h3>
Exemplos:
h1h2h3h4h5h6
Fontes:
Usando as fontes você poderá mudar as cores de um texto, aumentar ou diminuir sue tamanho e mudar o estilo de fonte, basta inserir o seguinte comando:
<font color="cor_do_texto">TEXTO</font> -- Muda a cor da fonte.
<font size="#">TEXTO</font> -- Muda o tamanho da fonte. Onde # é um número de 1 à 6.
<font face="estilo_da_fonte">TEXTO</font> -- Muda o estilo da fonte.
...
Exemplo: <font color="#0066cc" face="arial" size="5">Exemplo! </font>
tb existe tags
<big></big> <small></small>
Frames:
Os frames dividem a tela do browser em duas ou mais partes, cada parte é uma página HTML chamada de frameset. Os frames são geralmente usados para que um frameset
...