Referencia HTML

Referencia HTML
- ESTRUTURA BASICA DO ARQUIVO

<!DOCTYPE html>
<html>
<head><title> </title>
<meta charset="utf-8">
</head>
<body>
</body>
</html>
- INSERIR IMAGENS TAG HTML 5
<figure>
<img src="img/produto1.png" alt="Foto do produto">
<figcaption>LEGENDA</figcaption>
</figure>
- INSERIR COMENTARIOS

- REFERENCIA AO AQUIVO CSS EXTERNO
Dentro da tag <head>
<link rel="stylesheet" href="estilos.css">
- ELEMENTOS ESTRUTURAIS
Invariavelmente voc vai cair algum dia num cenrio onde no
consegue achar a tag certa para aquele contedo.
Nesse caso, pode usar as tags <div> e <span> que funcionam como
coringas. So tags sem nenhum signicado especialmas que podem
servir para agruparumcerto contedo, tantoumbloco da pgina
quanto um pedao de texto.
E, como vamos ver a seguir, vamos poder estilizar esses divs e spans
com CSS customizado. Por padro, eles no tm estilo algum.
- LINKs e ANCORA
<a href="http://www.caelum.com.br">TEXTO LINK</a>.
Outro uso para a tag de ncora a demarcao de destinos para links

dentro do prprio documento, o que chamamos de bookmark.
(REFERINCIA PELO ID)
<p>Mais informaes <a href="#info">aqui</a>.</p>
<p>Contedo da pgina...</p>
<h2 id="info">Mais informaes sobre o assunto:</h2>
<p>Informaes...</p>
possvel, com o uso de um link, levar o usurio a um bookmark(ID)

presente em outra pgina.
<a href="http://www.caelum.com.br/curso/wd43/#contato">Entre em
contato sobre o curso</a>
FORMULARIOS
Em HTML, temos um elemento chamado <form> criado para esta
finalidade: capturar os dados do usurioe submet-lo a algum servi o
da internet.
Os dados so passados para o <form> por meio de tag <input>, que
pode uma ter dupla finalidade: receber os dados digitados ou
submeter o formulrio.
por meio da propriedade type que definimos essa finalidade. Em
nosso caso, utilizaremos o tipo search para capturar os dados
digitados e o tipo image para submeter o formulrio. Existe tambm o
tipo submit, que possui a mesma nalidade do image, mas
renderizado como um boto.
<form>
<input type="search">
<input type="image" src="img/busca.png" class="lupa">
</form>
RESOLVER PROBLEMA DE COMPATIBILIDADE DO HTML 5 NOS

NAVEGADORES ANTIGOS DO IE APOSTILA CAELIUM
Refresh Page
So pginas normalmente sem links, que chamam outras depois de um
determinado tempo dentro dela, sem nenhuma interferncia do
internauta.
Para fazer uma pgina desta basta colocar no documento a seguinte linha
de
comando:
Ex.:
<HTML>
<HEAD>
<META HTTP-EQUIV="REFRESH" CONTENT="segundos;
URL=Documento.htm">
<TITLE> Ttulo </TITLE>
</HEAD>
<BODY>
Corpo do Documento
</BODY>
</HTML>
CRIAO DE TABELAS
DISPONIVEL: \HD Cloud\Livros\Developers\HTML\Aprendendo HTML.pdf
PAGINA: 10
FORMULARIOS = FORM
PAGINA: 14
FRAMES
PAGINA: 19
CARACTERES ESPECIAIS
PAGINA: 24

Referencia HTML

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Referencia HTML

Enviado por

Direitos autorais:

Formatos disponíveis

Referencia HTML

- ESTRUTURA BASICA DO ARQUIVO

Outro uso para a tag de ncora a demarcao de destinos para links

possvel, com o uso de um link, levar o usurio a um bookmark(ID)

RESOLVER PROBLEMA DE COMPATIBILIDADE DO HTML 5 NOS

Você também pode gostar