Nesta primeira aula, apresento o primeiro foco de nosso curso: o HTML, que é a “linguagem de programação” base da maioria absoluta dos sites existentes na internet. É simplismente impossível ser um bom designer ou developer para web sem saber tudo sobre HTML…Os arquivos em HTML – HyperText Markup Language – Linguagem de Formatação de Hipertexto – pode ser gerados em qualquer editor de texto. É possível transformar um arquivo .doc (formato Word) para HTML.
A linguagem HTML utiliza marcações específicas e distintas para dizer ao navegador (Internet Explorer, Firefox, Mozilla, e outros) como exibir o documento.
Os comandos HTML são chamados de TAGS, compreende as marcas padrões que são utilizadas para fazer indicações a um browser. Assim como em outras linguagens, os comandos têm uma sintaxe própria e seguem algumas regras:
-> As TAGs aparecem sempre entre os sinais de “menor que” (<) e “maior que” (>);
-> Geralmente são utilizados em pares , sendo que a TAG de finalização de um comando é precedida de uma barra (/).
A maioria das etiquetas tem a sua correspondente de fechamento:
<etiqueta> … </etiqueta>
De um modo geral, as tags aparecem em pares, por exemplo:
<H1> Cabecalho </H1>
Onde:
-> A tag <H1> indica o início na instrução;
-> O texto Cabeçalho indica o texto que será formatado;
-> E a tag </H1> indica o final da instrução.
O símbolo que termina uma determinada etiqueta é igual aquele que a inicia, antecedido por uma barra ( / ) e precedido pelo texto referente.
As etiquetas são necessárias, pois servem para definir a formatação de um bloco de texto, e assim marcamos onde começa e termina o texto com a formatação específica por ela.
<h1>Marcus Monteiro</h1>
Há excessões para a utilização dos pares de etiquetas. Por exemplo, a que indica um final de um parágrafo: <p> não necessita (apesar de poder se usada) de uma correspondente </p> para terminar a formatação do bloco de texto. A etiqueta que indica quebra de linha <br> também não precisa de etiqueta correspondente, entre outras. Existe ainda algumas tags, como a de imagens, que aceitam o fechamento dentro dela mesma: <img … /><input … />
Continuaremos com nosso curso amanhã, onde começaremos a aprender e exercitar de fato o HTML.
No comments yet.