Buscar

3- Comandos HTML

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

Teste o Premium para desbloquear

Aproveite todos os benefícios por 3 dias sem pagar! 😉
Já tem cadastro?

Outros materiais