sexta-feira, 27 de março de 2020

HTML-Aula 3

Aula 3

Aula 3


Primeiros passos

Vamos construir nossa primeira página em HTML.

Digite o seguinte código, em qualquer editor de texto, em seguida salve-o com o formato HTML.

Código Inicial

<!DOCTYPE html>
<html>
  <head>
    < title>
Título do Navegador </title>
  </head>

  <body>

    Olá, sou sua primeira página!.

  </body>
</html>

Conferindo

Feche o editor de texto e abra o arquivo que você salvou. Note, ele já está com formato de arquivo da web.

Observe que no código, a tag TITLE insere um metadado, nesse caso, correspondente ao título que fica no navegador. Enquanto que o código inserido entre o BODY ficou na parte visual da página.

Parágrafo

Logo abaixo temos mais algumas tags úteis:

para parágrafos usamos as tags < p> e </p>

exemplo:

Digite dentro da TAG body

<p> Isto é um parágrafo </p>

Salve o arquivo, atualize a página e confira o resultado.

Linha Horizontal

A tag <hr/> É a TAG responsável por gerar um linha horizontal (Horizontal Row). Essa tag não possui TAG de fechamento.

Exemplo:


Quebra de linha

Temos também a tag <br/> que a responsável por fazer a quebra de linha (Break Row) em um texto.

Resumindo

  1. <title> e </title>
  2. <p> e </p>
  3. <hr/>
  4. <br/>

HTML-Aula 2

Aula 2- HTML

Aula 1

Tags basicas

As principais tags em HTML são:

  1. <!DOCTYPE html>
  2. <html> </html>
  3. <head> </head>
  4. <body> </body>

Descrição

A tag DOCTYPE Não é necessariamente uma tag html. No entanto ela deve ser colocado no topo do código. Pois é essa tag que indica ao navegador qual a versão do html que está sendo utilizada.

A tag HTML possui iníhcio e fim. Entre essas duas tag deverão ser colocados todo código html. Assim, essa tag é a mais importante do documento.

A tag HEAD, com início e fim, é uma tag onde inserimos metadados. Essas informações não são visíveis ao usuário.

A tag BODY, também possui um início e um fim. Dentro dessa tag são inseridos elementos que farão parte do visual da página html. Tudo aquilo que deve aparecer para o usuário deve ser inserido entre essas tag.

Organização

Estrutura do Código

<!DOCTYPE html>
<html>
  <head>

    Aqui inserimos os código metadados

  </head>

  <body>

    Aqui inserimos os códigos "visuais".

  </body>
</html>

Observações

O código HTML pode ser escrito em qualquer editor de texto.

Após escrever o código, salve o código a extensão .html

exemplo:

meucodigo.html

Atenção: Não esqueça o local onde o arquivo foi salvo!

HTML-Aula 1

Aula 1 HTML

Aula 1

introdução

HTML é uma linguagem para estruturação de página da web.

A sigla HTML significa:

HyperText Markeup language

Com a linguagem HTML, escrevendo códigos que são interpretados pelos navegadores retornando um visual atrativo para o usuário.

TAG

O código HTML é estruturado em comandos chamados de tag. Esses comandos são colocado entre os símbolos < e >.

Cada elemento dentro da tag, representa uma ação sobre o conteúdo especificados.

Exemplo:

< comando>
    Conteúdo a qual sofre ação.
< /comando>

Exemplo

Como vimos pelo exemplo acima, os comandos, em sua maioria, tem tags de abertura e tags de fechamento. No entanto algumas tags não precisam de fechamento.

< COMANDO> inicia uma ação

< /COMANDO> finaliza a ação

Atenção

Observação: o conhecimento de HTML é necessário para o estudo de linguagens como PHP, JAVA SCRIPT entre outras.