ANTERIOR |
Tutorial Html B�sico |
Comandos de Texto Todos os comandos s�o chamados de tags. Cada uma delas manda o browser (ou visualizador) alterar o texto de uma maneira diferente. A sintaxe de uma tag � a seguinte: <tag>texto</tag> Onde <tag> inicia a tag, </tag> fecha a tag e texto � o que ser� exibido pelo browser. Exemplo: <B> Teste </B> seria exibido como Teste - Tags de "Estilo": <B> NEGRITO <I> IT�LICO <U> SUBLINHADO *Lembre-se que, ao terminar o trecho correspondente � tag, deve-se colocar a tag de fechamento, que � correspondente ao nome da tag, com uma "/". Ex: para se fechar tags de it�lico <I>, usa-se o </I>. - Tags de Tamanho: <H1> TAMANHO M�XIMO <H2> TAMANHO GRANDE <H3> TAMANHO M�DIO <H4> TAMANHO "QUASE NORMAL" <H5> TAMANHO PEQUENO <H6> TAMANHO M�NIMO - Quebra de Linha e Par�grafo Para mudarmos de linha, usamos a tag <BR> (que n�o necessita de tag de fechamento). Para termos par�grafo, usamos a tag <P> (que tamb�m n�o necessita de fechamento). - Exemplos Gerais: O texto: -------------------------------------------------------------------------------- <H2> T�tulo Grande</H2><P> <B>Usando negrito.</B> <I><U>Usando o it�lico e o sublinhado juntos.</I></U><BR> <I>� poss�vel sobrepor uma ou mais tags.</I><P><H6> O texto pode at� ficar <I><B><U> negrito, it�lico e sublinhado.</I></B></U></H6> -------------------------------------------------------------------------------- Visto pelo browser: -------------------------------------------------------------------------------- T�tulo Grande Usando negrito.Usando o it�lico e o sublinhado juntos. � poss�vel sobrepor uma ou mais tags. O texto pode at� ficar negrito, it�lico e sublinhado. -------------------------------------------------------------------------------- Como falado no exemplo, podemos sobrepor as tags, fazendo com que um texto fique no tamanho m�nimo e, ao mesmo tempo, seja visto em negrito, it�lico e sublinhado. - Outras Tags: Existem outras tags relacionadas a texto: <HR> Mostra uma linha horizontal <UL> Inicia uma lista <OL> Inicia uma lista numerada <LI> Acrescenta um �tem de uma lista - Exemplos: O texto: -------------------------------------------------------------------------------- <HR> <UL> <LI> ESTA � UMA LISTA <LI> ESTA � UMA LISTA <LI> ESTA � UMA LISTA </UL> <OL> <LI> ESTA � UMA LISTA NUMERADA <LI> ESTA � UMA LISTA NUMERADA <LI> ESTA � UMA LISTA NUMERADA </OL> -------------------------------------------------------------------------------- Seria exibido como: -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- ESTA � UMA LISTA ESTA � UMA LISTA ESTA � UMA LISTA ESTA � UMA LISTA NUMERADA ESTA � UMA LISTA NUMERADA ESTA � UMA LISTA NUMERADA -------------------------------------------------------------------------------- Como podemos perceber, n�o h� necessidade de se colocar tags de quebra de linha <BR> ou de par�grafo <P> entre os �tens de uma lista. Vale a pena ressaltar que, para podermos fechar a lista, devemos acrescentar a tag de fechamento (</UL> ou </OL>). -------------------------------------------------------------------------------- . Links Existem dois tipos de links: os externos - que ligam a uma outra p�gina; os internos - que ligam a um determinado ponto dentro da mesma p�gina. - Links Externos A tag de links externos � a seguinte: <A HREF="XXXXXX"> Texto </A> Onde: XXXXX corresponde ao endere�o da p�gina e Texto corresponde ao texto exibido pelo link. Exemplos: <A HREF="http://www.geocities.com/Heartland/1296">Revista Aqua </A> <A HREF="mailto:[email protected]">Mande e-mail!</A> � igual a: *Nota: o mailto:xxxx diz ao browser para enviar mensagem ao e-mail definido pelo xxxx. Ao digitar o endere�o da p�gina, assegure-se de estar digitando-o corretamente, com as letras mai�sculas e min�sculas EXATAMENTE como s�o.http://www.Teste.com/ n�o � equivalente � http://www.teste.com/. - Links Internos Links internos, quando ativados, levam o leitor a outro local do documento. Para tanto, temos que definir o alvo (local para onde o leitor ser� levado) e o link. Para definirmos o alvo, usamos a seguinte tag: <A NAME="XXXX">Texto</A> Onde: XXXX � o nome do alvo e Texto � o que aparecer� no local do alvo. (O texto � opcional). Para definirmos o link, usamos a tag: <A HREF="#XXXX">Texto</A> Onde: XXXX � o nome do alvo (que deve ser precedido por #) e Texto � o que estar� escrito no link. Exemplos: <A NAME="TEST">Teste</A> <A HREF="#test">Volta ao �tem Teste</a> -------------------------------------------------------------------------------- . Figuras A coloca��o de figuras � extremamente f�cil. Basta colocar a seguinte tag: <IMG ALT="XXXXX" SRC="ZZZZZZ.YYY"> Onde: XXXXX - Texto alternativo � figura (no caso da figura n�o aparecer); ZZZZZZ - Nome da figura (pode ser junto com o endere�o, se n�o for no mesmo diret�rio da p�gina) e YYY - extens�o da figura (JPG, GIF) Exemplo: <IMG ALT="Esta � uma figura!" SRC="colorbar.gif"> |