Em Html as tags são códigos utilizados para criar
páginas na web, são usados em pares, ou seja sempre existe uma tag de
abertura que inicia com "<" e termina com ">", e uma tag de
fechamento que inicia com "</" e ? com encerra com ">".
O código html é delimitado pelas tags <HTML> E </HTML>, ou seja, nada pode vir antes de <HTML> e nem depois de </HTML>.
A tag html geralmente vem seguida das tags de cabeçalho <HEAD> e </HEAD e e das tags <BODY> e </BODY> sendo estas últimas onde ficarão o corpo da página (textos, tabelas, camadas, etc).
A estrutura de uma página Web básica fica assim:
O código html é delimitado pelas tags <HTML> E </HTML>, ou seja, nada pode vir antes de <HTML> e nem depois de </HTML>.
A tag html geralmente vem seguida das tags de cabeçalho <HEAD> e </HEAD e e das tags <BODY> e </BODY> sendo estas últimas onde ficarão o corpo da página (textos, tabelas, camadas, etc).
A estrutura de uma página Web básica fica assim:
<HTML>
<HEAD>
<TITLE>Título do blog</TITLE>
</HEAD>
<BODY>
Corpo do Blog
</BODY>
</HTML>
A
tag <TITLE> e </TITLE> determinam o título do blog,
qualquer texto escrito entre essas tags serão exibidos na barra título
do navegador.
Algumas tags para formatação:
Precisaremos mais que essas simples tags para criar uma página na web.
Vejamos mais algumas delas:
<BR> - Serve para criarmos uma quebra de linha, como se tivessemos apertado "ENTER". É a única a qual não precisa vir em par.
<P> - É uma quebra de parágrafo, quando usada deixa uma linha em branco.
<B> ou <STRONG> - muda a formatação do texto para negrito.
<I> - muda a formatação do texto para itálico.
<U> - muda a formatação do texto para sublinhado.
<S> - risca o texto no meio.
<BIG> e <SMALL> - Alteram o tamanho da fonte.
<HR> - Insere uma linha horizontal.
Inserindo um link em um texto
Para inserir um link em um texto é muito simples, o código utilizado é o seguinte:
Caso o link seja um email dentro do atribulo HREF deverá ficar "mailto:" (sem as aspas), seguido do email desejado.
Para inserir uma imagem usamos a tag <IMG>, essa tag também não precisa ser fechada assim como a tag <BR>. Vejamos:
Algumas tags para formatação:
Precisaremos mais que essas simples tags para criar uma página na web.
Vejamos mais algumas delas:
<BR> - Serve para criarmos uma quebra de linha, como se tivessemos apertado "ENTER". É a única a qual não precisa vir em par.
<P> - É uma quebra de parágrafo, quando usada deixa uma linha em branco.
<B> ou <STRONG> - muda a formatação do texto para negrito.
<I> - muda a formatação do texto para itálico.
<U> - muda a formatação do texto para sublinhado.
<S> - risca o texto no meio.
<BIG> e <SMALL> - Alteram o tamanho da fonte.
<HR> - Insere uma linha horizontal.
Inserindo um link em um texto
Para inserir um link em um texto é muito simples, o código utilizado é o seguinte:
Onde HREF determina qual o link desejado e TARGET onde o link será aberto, neste caso foi escolhido abrir o link em um nova janela (_blank), também poderia vir atribuido como _self (mesma janela), _parente (quadro pai) ou algum quadro com nome personalizado.<A HREF="http//linkdesejado" TARGET="_blank">texto do
link</A>
Caso o link seja um email dentro do atribulo HREF deverá ficar "mailto:" (sem as aspas), seguido do email desejado.
Inserindo uma imagem<A HREF="mailto:teste@hotmail.com" TARGET="_blank">Email</A>
Para inserir uma imagem usamos a tag <IMG>, essa tag também não precisa ser fechada assim como a tag <BR>. Vejamos:
<IMG SRC="/IMAGENS/FOTO.JPG" ALT="FOTO DE TESTE">
Em
SRC deve ter colocado o caminho para onde se encontra a imagem, e ALT é
um atributo opcional, mas de grande utilidade, pois quando a foto não
for carregada o texto a susbtituirá.
Para inserir um link numa imagem basta colocar o código da imagem entre as tags </A>. Ficando assim:
Para inserir um link numa imagem basta colocar o código da imagem entre as tags </A>. Ficando assim:
<A HREF="http://link.com.br" TARGET="_blank"><IMG SRC="/IMAGENS/FOTO.JPG" ALT="FOTO DE TESTE"></A>
Por hoje é só, mas esse tutorial não terminou ainda, em breve darei seguimento.
;)
0 comentários:
Postar um comentário