Baixe o app para aproveitar ainda mais
Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original
Comandos HTML 1 Titao Yamamoto – titaoyamamoto.com/estacio 1 Lista de parâmetros (<body parâmetros >): 2 text="#cor de texto” Associa uma cor ao texto padrão da página. link="#cor de link” Associa uma cor a um link de texto ou à moldura de um link de imagem vlink="#cor de link depois” Associa uma cor a um link após ter sido acessado alink="#cor de link durante" Associa uma cor a um link enquanto o usuário não largar o botão do mouse. Titao Yamamoto – titaoyamamoto.com/estacio Comando <p> ... </p> Usadoparaeditarparágrafos,gerandoumespaçamentoentreeles. Aceita o parâmetro align="método de alinhamento" Sintaxe: <p align="método de alinhamento" > Aqui vai o texto do parágrafo </p> align pode ser igual a "left"(`aesquerda),"right"(àdireita), "center"(centralizado)e"justify"(justificado) 3 Titao Yamamoto – titaoyamamoto.com/estacio <html> <head> <title> Minha primeira página Web </title> </head> <body bgcolor="#ffcccc"> <p align="center"> Este é um parágrafo centralizado ... parágrafo centralizado ... </p> <p align="right">Este é um Parágrafo alinhado à direita... Parágrafo alinhado à direita... Parágrafo ... </p> <p> É usado para parágrafos </p> </body> </html> 4 Comando <p> ... </p> Titao Yamamoto – titaoyamamoto.com/estacio Comando <font> ... </font> Usado para formatar a cor, tamanho e ou o tipo de letra do texto passado como argumento. Sintaxe: <font color="cor" size="tamanho" face="tipo" > O texto vai aqui </font> A cor deve ser escrita em inglês ou em código RGB O tamanho da letra vai de 1(menor) a 7(maior), ou 12pt, 16pt... Ex. de tipos de letra: arial, times, verdana, etc 5 Titao Yamamoto – titaoyamamoto.com/estacio <html> <head> <title> Minha primeira página Web </title> </head> <body> <font color="brown" size="18pt" face="courier"> O texto vai aqui... </font> </body> </html> 6 Comando <font> ... </font> Titao Yamamoto – titaoyamamoto.com/estacio Criando uma lista ordenada <ol> ... </ ol> <html> <head> <title> Minha Página Web </title> </head> <body> Minha Lista Ordenada: <ol> <li> Primeiro ítem <li> Segundo ítem <li> Terceiro ítem <li> Quarto ítem </ol> </body> </html> 7 Titao Yamamoto – titaoyamamoto.com/estacio Não ordenada <ul> ... </ul> <html> <head> <title> Minha Página Web </title> <head> <body> Minha Lista Não Ordenada: <ul> <li> Primeiro ítem <li> Segundo ítem <li> Terceiro ítem <li> Quarto ítem </ul> </body> </html> 8 Titao Yamamoto – titaoyamamoto.com/estacio Encadeamento de listas <html> <head> <title> Minha Página Web </title> <head> <body> Minha Lista Encadeada: <ul> <li> Primeiro ítem itemizado (n1) <ol> <li> Primeiro ítem (n2) <li> Segundo ítem (n2) </ol> <li> Segundo ítem (n1) <ul> <li> Primeiro ítem (n2) <li> Segundo ítem (n2) </ul> <li> Terceiro ítem (n1) </ul> </body> </html> 9 Titao Yamamoto – titaoyamamoto.com/estacio Comando <img src> Comando usado para inserir imagens no documento html Sintaxe: <img src="endereço imagem" width="largura" height="altura” alt="mensagem" align="posição" border="tamanho" > Ex. de posição: left, right 10 Titao Yamamoto – titaoyamamoto.com/estacio Comando <img src> <html> <head> <title> Minha primeira página Web </title> </head> <body> <img src="internet.gif" width="280" height="299" alt="Olá Pessoal!!!"> </body> </html> 11 Titao Yamamoto – titaoyamamoto.com/estacio Comando <img src> <html> <head> <title> Minha primeira página Web </title> </head> <body> <img src="internet.gif" width="168" height="178" border="6"> </body> </html> 12 Titao Yamamoto – titaoyamamoto.com/estacio Comando <img src> alinhando imagem e texto com o atributo align <html> <head> <title> Minha primeira página Web </title> </head> <body> <img src="internet.gif" width="168" height="178" align="left">Procure usar imagens do tipo GIF ou JPG em suas páginas web pois elas são de boa qualidade e são mais leves que outros tipos e portanto a página demora menos para ser exibida no navegador. Procure usar imagens do tipo GIF ou JPG em suas páginas web pois elas são de boa qualidade ... </body> </html> 13 Titao Yamamoto – titaoyamamoto.com/estacio Comando <hr> Usado para inserir uma linha horizontal no documento html Seus atributos são: size: define a espessura da linha width: define o comprimento horizontal da linha color: define a cor da linha (escrita em inglês ou por código RGB) Exemplo: <hr color=‘‘red’’ size=‘‘4’’ width=‘‘600’’> 14 Titao Yamamoto – titaoyamamoto.com/estacio Comando <marquee> Este comando faz um letreiro ou uma imagem correr horizontalmente ou verticalmente pela página html. Alguns atributos são: Behavior: define o tipo de efeito: scroll, slide, alternate. direction: define a direção do efeito: left, right, up, down width: define em pixels ou%, o comprimento horizontal height: define em pixels ou %, o comprimento vertical 15 Titao Yamamoto – titaoyamamoto.com/estacio <html> <head> <title> Minha primeira página Web </title> </head> <body> <marquee behavior="scroll" direction="right" widht="400"> Letreiro dinâmico </marquee> <marquee behavior="alternate" direction="right" widht="200"> <img src ="smurf.jpg"> </marquee> </body> </html> 16 Titao Yamamoto – titaoyamamoto.com/estacio
Compartilhar