segunda-feira, 7 de dezembro de 2015

Web designer

Exercício 2 – Vamos aprender mais um pouco?
Em alguns momentos em sua página faz necessário comentar alguns trechos do código para facilitar na leitura e manutenção da página, por isso adicionamos comentários, ou seja, palavras ou frases que não são exibidos no Nevegador, apenas são visto como estamos trabalhando no código fonte.
Na listagem 1.3 faremos um novo exemplo e incrementaremos novos tags. Digite a listagem 1.3 abaixo e salve com o nome exemplo2.html na pasta Meus Documentos. ATENÇÃO: Salve sempre os seus exemplos na pasta Meus Documentos, o processo para salvar é igual ao do Exemplo1, troque apenas o nome do arquivo. Na dúvida veja o exemplo 1. Tudo bem?
Listagem 1.3
<!Início do Documento HTML>
<html>
<head>
<title>Melhorando Minha Home Page</title> curso web designer


<meta name="author" content="NMBS Informática"> curso web design
<meta name="keywords" content="html, homepages">
</head>
<! Início do Corpo da Página> curso de web design
<body>
<h1>Este é o título Principal</h1>
<h2>Este é o título Secundário</h2>
<h3> Estou adorando criar páginas</h3>
<hr>
<p>Este é o 1º Primeiro Paragráfo <br> Esta é 2ª
Linha do 1º Paragráfo
<p>Com este recurso inicio um paragráfo<br> E Com
este recurso quebro uma linha
<hr>
<! Fim do Corpo da Página> web designer curso
</body>
</html>
<! Fim do Documento HTML>
Fim da Listagem 1.3
Para ver o resultado deste exemplo abra o Internet Explorer, e na barra de
endereço digite C:\Meus documentos\exemplo2.html.
CONCEITO DOS TAGS USADOS NESTE EXERCÍCIO
TAG O QUE FAZ
<!> Insere comentários nas páginas
<meta> Marcas Metas. Servem para você especificar o autor, palavraschaves,
descrição da página, etc..
Dentro do tag<meta>, tem os comandos name e o content. No
comando name você especifica que informação você quer dar, e
no content você descreve a informação
<hn> Marca um título. Sendo que n representa um valor que pode ser de
1 a 6, o tamanho muda de forma decrescente, ou seja, o número 1
é o maior tamanho do título.
<hr> Insere uma linha horizontal
<p> Marca um parágrafo e acrescenta uma linha em branco.
<br> Insere uma quebra de linha
Agora, que você viu o resultado do exemplo2.html a cada vez mais feliz, por
está entendendo esta linguagem, vamos passar para o Exercício 3.
Exercício 3 – TAGS DE ALINHAMENTO
Assim, como num documento comum, há necessidade de melhorar a aparência
do documento, e a primeira providência a tomar é cuidar do alinhamento do
texto. O Alinhamento padrão que vem configurado nos navegadores, é a
esquerda. Para entender isto, digite a listagem 1.4

Nenhum comentário:

Postar um comentário