Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/2016 09:48 1 Digite os comandos abaixo no Bloco de Notas. Grave com o nome exerc5.htm Exemplos.

Apresentação em tema: "Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/2016 09:48 1 Digite os comandos abaixo no Bloco de Notas. Grave com o nome exerc5.htm Exemplos."— Transcrição da apresentação:

1 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/2016 09:48 1 Digite os comandos abaixo no Bloco de Notas. Grave com o nome exerc5.htm Exemplos de cabeçalhos Cabeçalho 1 centralizado Cabeçalho 2 alinhado à direita Cabeçalho 3 alinhado à esquerda Cabeçalho 4 centralizado Cabeçalho 5 alinhado à direita Cabeçalho 6 alinhado à esquerda

2 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/2016 09:48 2

3 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/2016 09:48 3 SEPARADORES As quebras de linha do texto fonte não são significativas na apresentação de documentos em HTML. Para organizar os textos, precisamos de separadores, que são apresentados a seguir. Quebra de linha Quando queremos mudar de linha, usamos o comando. Isso só é necessário quando queremos forçar uma quebra de linha em determinado ponto, pois os browsers já quebram as linhas automaticamente para apresentar os textos. Com sucessivos, podemos inserir diversas linhas em branco nos documentos. Parágrafos Para separar blocos de texto, usamos o elemento, que fornece um espaço maior entre porções de texto. Combinando parágrafos e quebras de linha, temos: Parágrafo 1; linha 1 do parágrafo 1, linha 2 do parágrafo 1. Parágrafo 2; linha 1 do parágrafo 2, linha 2 do parágrafo 2. tem atributo de alinhamento, como explicado nos cabeçalhos. O alinhamento default é à esquerda.

4 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/2016 09:48 4 SEPARADORES (continuação) Linha Horizontal insere uma linha horizontal no meio do texto, com possibilidades de atributos diversos de largura (SIZE), extensão (WIDTH), alinhamento e efeito tridimensional (NOSHADE), como mostrado nos exemplos abaixo: insere uma linha de largura 7 (pixels) insere uma linha que ocupa 50% do espaço disponível insere uma linha de comprimento 30% (do espaço disponível), alinhada à direita, sem efeito tridimensional. insere uma linha de largura 30, comprimento 2, alinhada à esquerda.

5 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/2016 09:48 5 Vamos testar os separadores apresentados. Digite os comandos abaixo no Bloco de Notas. Grave com o nome exerc6.htm Exemplos de separadores Primeiramente vamos verificar os atributos de quebra de linha e parágrafo. Parágrafo 1; linha 1 do parágrafo 1, linha 2 do parágrafo 1. Parágrafo 2; linha 1 do parágrafo 2, linha 2 do parágrafo 2. Exemplo de linhas horizontais:

6 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/2016 09:48 6