Apostila De Sistemas Operacionais
Monografias: Apostila De Sistemas Operacionais. Pesquise 860.000+ trabalhos acadêmicosPor: samuel013 • 29/3/2014 • 4.415 Palavras (18 Páginas) • 317 Visualizações
1
Instituto Federal de Educação, Ciência e Tecnologia de São Paulo
Linguagem de Programação Web I
Anotações de Aula
Prof. Rolando Ruggiero
Capivari 12/2010
2
HTML – Hipertext Markup Language (Linguagem de Marcação de Hipertextos)
Destina-se a criação de página interpretada por um navegador de internet.
Regras:
Deve ser codificada em um editor de textos simples do tipo Bloco de Notas.
O arquivo salvo deve ter extensão .htm ou .html.
Não faz diferença entre letras maiúsculas e minúsculas.
Marcações (tags) são identificadas por < > e </ >
Toda página inicia com a tag <html> e termina com </html>
Exemplo de uma página HTML:
<HTML>
<HEAD>
<TITLE> Título do Documento</TITLE>
<H1> Cabeçalho 1 </H1>
<H1> Cabeçalho 2 </H1>
</HEAD>
<BODY>
<H2> Cabeçalho 3 </H2>
</BODY>
</HTML>
<HTML></HTML>: Indicam o início e o fim do documento.
<HEAD></HEAD>: Delimitam a seção de cabeçalho do documento.
<TITLE></TITLE>: Indicam o título do documento.
<BODY></BODY>: Corpo do documento.
<H1>Cabeçalho 1 </H1>: Escreve o texto Cabeçalho 1 (De H1 até H6) H1 o maior tamanho H6 o menor
Comando <p>. Início de um novo parágrafo. Salta uma linha antes de escrever o texto.
Formato: <p> Texto do parágrafo </p>
Parâmetro ALIGN. Para alinhar o texto do parágrafo nas seguintes opções:
Center, Right, Justify e Left.
Formato: <P align="center">Texto do parágrafo centralizado</p>
COMANDO <BR>. Salta para a próxima linha.
COMANDO <HR>. Insere uma linha divisória na posição em que foi especificado.
Parâmetros:
Color= “nome da cor”
Size= “largura da linha” (em pixels)
Width= “Comprimento da linha” (em pixels ou em porcentagem em relação ao tamanho da página)
Formato: <HR color="red" size=10 width=75%>
Exemplo usando os commandos p e hr:
<HTML>
<HEAD>
<TITLE> Parágrafos</TITLE>
<H1> Exemplo </H1>
</HEAD>
<BODY>
<p align="center"> Parágrafo centralizado </p>
<p align="left"> Parágrafo à esquerda </p>
<HR color="blue" size=12 width=80%>
</BODY>
</HTML>
3
Tabela de cores Nome Código Nome Código
Aqua
#70DB93
Blue
#0000FF
Black
#000000
Cyan
#00FFFF
Fuchsia
#FF00FF
Gray
#C0C0C0
Green
#00FF00
Lime
#32CD32
Brown
#800000
Navy
#23238E
Olive
#808000
Red
#FF0000
Silver
#E6E8FA
Teal
#008080
White
#FFFFFF
Yellow
#FFFF00
Exercício:
Crie uma página contendo:
Título – Exercício
Primeira linha seu nome e RA cabeçalho 3 centralizado
Segunda linha – IFSP- Campus Capivari - cabeçalho 2 à esquerda
Terceira linha – Curso de Manutenção e Suporte em Informática - parágrafo à esquerda.
Quarta linha - uma linha separadora cor azul tamanho 10 comprimento 60%
Quinta linha - Linguagem de Programação WEB I - parágrafo à direita.
Formatação de textos
Comando Sintaxe Função
Negrito
<B>Texto</B>
Texto em Negrito
Itálico
<I>Texto</I>
...