Introdução
Vemos uma página em nosso navegador, e pensamos que é só uma entidade, mas não é assim, ela está composta por uma infinidade de arquivos: imagens, vídeos e o mais importante, o código fonte.A linguagem consta etiquetas que tem esta forma <b>, <p>. Cada Etiqueta funciona com uma função, por exemplo: <b> significa que o texto está em negrito, <p> significa o início de um parágrafo, <a> significa um link, etc. Quase todas as etiquetas tem sua terminação, que indica que a partir do ponto onde foi posta, em diante não deve afetar a etiqueta.
Ex: </b> significa que dali em diante não se deve estar escrito em negrito. <b>Este texto está em negrito</b>
</p> significa o fim de um parágrafo. <p>Parágrafo</p>
<p>Segundo Parágrafo</p>
</a> significa o fim de um link. <a href="http://hadesnail.blogspot.com.br" target="center">Hadesnail</a> -
OBS: Para o “</a> o texto em azul é o link do clique, e o laranja é o alinhamento do link.
Html não é nada mais que uma série de etiquetas que definem a forma e estilo do meu documento.
Partes do código html
O html deve estar delimitado pela etiqueta <html> e </html> dentro destas etiquetas podemos ainda distinguir algumas outras partes principais.O cabeçalho que é delimitado pelas etiquetas <head> e </head>. Aqui podemos por etiquetas informativas como o título da nossa página
O corpo que é delimitado pelas etiquetas <body> e </body>. Aqui colocamos todo o conteúdo do documento.
O resultado é uma página html com a seguinte estrutura:
OBS: Para Podermos testar o funcionamento de uma página html pequena devemos ter um editor de texto simples como o bloco de notas ou um programa mais sofisticado como o dreamweaver, que é até mais fácil pois ele lhe mostra onde há erros no código. Lembrando também que ao finalizarmos a edição devemos salvar como Ex: Minhaprimeirapágina.html
<html><head>
Etiquetas e conteúdos do cabeçalho
Dados que não aparecem em nossa página mas que são importantes para catalogá-la: Título, palavras-chaves, etc
</head>
<body>
Etiquetas e conteúdo do corpo
Parte do documento que será mostrada pelo navegador: Textos e imagens
</body>
</html>
Com o que já sabemos podemos construir uma página que já faça bastante sentido
OBS: A parte destacada em: "
- <body bgcolor="white" link="blue" vlink="green" alink="orange">"
No Código html anterior pus também um código JavaScript de alerta que você só vai estudar a fundo depois de estudarmos CSS.
Este comentário foi removido por um administrador do blog.
ResponderExcluirBoa iniciacao
ResponderExcluir