Baixar para ler offline
Resumos html
- 1. RESUMO DO HTML Select <form> <selectname="carros"> <option selected value="volvo">Volvo (Este é o valor default – selected) <option value="saab">Saab <option value="fiat">Fiat <option value="audi">Audi </select> </form> TextArea <trextarea rows=”10” cols=”30”>Valor default que será exibido</textarea> CheckBox <form name="input" action="html_form_action.php" method="get"> I have a bike: <input type="checkbox" name="Bike" checked> <br> I have a car: <input type="checkbox" name="Car"> <br><input type="submit" value="Submit"> </form> Radio <form name="input" action="html_form_action.php" method="get"> Male: <input type="radio" name="Sex" value="Male" checked> <br> Female <input type="radio" name="Sex" value="Female"> <br><input type ="submit" value ="Submit Now!"> </form> Botão do tipo Submit envia o conteúdo do form para o action automaticamente. Caso precisemos enviar para o action através de uma função em JavaScript, devemos usar um botão do tipo Button no lugar do tipo Submit. Campo Desabilitado e Somente Leitura <input type ="text" value ="Valor" disabled readonly> MÉTODOS POST E GET (Formulários) GET - Este método exibe os dados no Browser ao enviar ao Servidor POST - Este método envia os dados para o servidor sem exibir no Browser (mais seguro, pois não exibe os dados na URL do browser). 1
- 2. Optgroup – Agrupargrandes listas separando por grupos <select> <optgroup label="Swedish Cars"> <option value ="volvo">Volvo</option> <option value ="saab">Saab</option> </optgroup> <optgroup label="German Cars"> <option value ="mercedes">Mercedes</option> <option value ="audi">Audi</option> </optgroup> </select> <input type=”tipo” name=”nome” value=”valor default> tipo: hidden – campo oculto, normalmente para armazenar valores a serem transportados password – campo tipo senha que mostra asteriscos ao digitar reset – botão que limpa todos as campos ao ser clicado file – tipo para upload Formatação <b>Negrito</b> <s>Riscado</s> <font size="3" color="red"> <FONT FACE = TipoDaFonte>Texto</FONT> TipoDaFonte: times, arial, courier <sub>subscrito</sub> sobrescrito <sup> </sup> <h1> ... <h6> - Títulos <h1 align=”center”>Título 1 Centralizado</h1> <HR> traça uma linha horizontal Imagem <img src="angry.gif" alt="Angry" /> <img SRC="NomeImagem.Ext" ALT="Aqui o Texto de Dicas" height=50 width=50> Height - Altura da imagem e Width - Largura 2
- 3. Tabela <TABLE BORDER =1> <TH> Cabeçalho Coluna 1</TH><TH> Cabeçalho Coluna 2</TH> <TR><TD> Linha1, Coluna1</TD><TD> Linha1, Coluna2</TD></TR> <TR><TD> Linha2, Coluna1</TD><TD> Linha2, Coluna2</TD></TR> </TABLE> Código verde: <tr><td colspan="4"></td><td></td></tr> Código azul: <tr><td colspan="3"></td><td></td><td></td></tr> <TABLE BORDER=1> <TR> <TD rowspan=2> my first table </TD> <TD> my first table </TD> </TR> <TR> <TD> my first table </TD> </TABLE> my first table my first table my first table colspan – juntar colunas rowspan – juntar linhas ÂNCORAS (LINKS) Abrindo o resultado em uma nova janela. O default, sem target, abre na atual. <a href=http://www.w3schools.com target="_blank">W3Schools</a> FRAMES <a href="planets.htm" target="_blank">View this page for the result</a> Código de "planets.htm": <html> <frameset cols = "25%, 25%,*"> <frame src ="venus.htm" /> 3
- 4. <frame src ="sun.htm"/> <frame src ="mercur.htm" /> </frameset> </html> HTML RESPEITANDO A POSIÇÃO DE DIGITAÇÃO O comando (tag) para que o HTML respeite a posição de digitação do texto é o <PRE>. Exemplo: <PRE> O que for digitado Será visto na mesma posição quando usarmos este comando.</PRE> COMENTÁRIO Para inserir comentários em páginas HTML use <!-- para iniciar o comentário e --> para finalizar. QUEBRAR LINHA <br> IMAGEM DE FUNDO NA PÁGINA <BODY BACKGROUND = "http://www.ctonline.hpg.com.br/figura.jpg"> A figura é repetida preenchendo a página. TABELAS DE CORES HTML 1 - http://www.ufpa.br/dicas/html-cor.htm 2 - http://orbita.starmedia.com/~edaurelio/a12.htm 3 - http://209.135.157.193/html/colortable.html 4 - http://www.geocities.com/ensinandohtml/cores_html.htm 4