segunda-feira, 6 de abril de 2020

HTML -Aula 6

Título e subtítulos

HTML-Aula

Títulos e subtítulos

Em HTML, o conteúdo textual é distribuido e pode ser organizado inserindo se parágrafos com a TAG <p>. Podemos também, inserir titulos e subtítulos.

Esses títulos, e subtítulos, são numerados de 1 a 6, onde o título de maior valor número é subtítulo de um valor menor.

As Tags

<h1> Aqui é um título de nível 1 </h1>

<h2> Aqui é um título de nível 2 </h2>

<h3> Aqui é um título de nível 3 </h3>

<h4> Aqui é um título de nível 4 </h4>

<h5> Aqui é um título de nível 5 </h5>

<h6> Aqui é um título de nível 6 </h6>

Dicas de uso

A tag h1, normalmente é usada para identificar o título geral da página.

Você pode o h2, para ser título de artigos ou seções que farão parte do conteúdo de sua página

Postado por às Nenhum comentário:

domingo, 5 de abril de 2020

HTML Aula-5

Cores em HTML (cont)

Cores em HTML

Alguns exemplos

CORCÓDIGO
Azul blue
Azul bebê lightblue
Cyano cyan
Azul escuro darkblue
Azul turquesa turquoise
Azul marinho navy
Azul celeste skyblue
Vermelho red
Vermelho escuro darkred
Tomate tomato
Salmão salmon
Coral coral
Laranja orange
Gold gold
Amarelo yellow
Amarelo claro lightyellow
Verde claro lightgreen
Verde green
Verde escuro darkgreen
Oliva olive
Magenta magenta
Violeta violet
Rosa pink
Silver silver

Os exemplos servem para mostrar que indicar uma cor por nome em HTML é fácil, contanto que se saiba os respectivos nomes de cores na língua inglesa

Postado por às Nenhum comentário:

quarta-feira, 1 de abril de 2020

HTML-Aula 4

Cores em HTML

Aprendendo Cores

As cores em HTML usam formatos de sistemas distintos. Mostrarei os seguintes:

  1. Sistemas por nome
  2. Sistema Hexadecimal
  3. Sistema RGB

Sistema por nome

Onde a cor é inserida através de seu nome em lingua inglesa.

Exemplos

Código <font color="blue">Este texto ficará azul </font>
<font color="yellow">Este texto ficará amarelo</font> Resultado

Este texto ficará azul
Este texto ficará amarelo

Sistema Hexadecimal

Esse sistema é representado pelos algarismos alfanuméricos {0, 1, 2, 3,4,5,6,7,8,9,a,b,c,d,e,f}. As cores Hexadecimais são precedidas por uma cerquilha (#) seguida se desses algarismos alfanuméricos.

Exemplos:

Código <font color=#00CED1>Esta texto será turquesa</font>
<font color=#90EE90>Este texto será verde claro</font>

Resultado Esta texto será turquesa
Este texto será verde claro

Sistema RGB

Esse sistema consiste na combinação de cores Red Green Blue, as Quais são informadas suas tonalidade entre parênteses, com com números decimais variando de 0 a 250 cada uma dessas cores (R, G, B).

Para representar uma cor em RGB indicamos como exemplo a seguir:

Exemplos:

<body bgcolor= "RGB(250,0,0)">Esta página será vermelha</body>

<body bgcolor= "RGB(0,250,0)">Esta página será verde</body>>

<body bgcolor = "RGB(0,0,255)"> Esta página será azul</body>

O sistema RGB tem uma vantagem de nós dar mais infinidades de cores. No entanto, nem todos navegadores reconhece.

Usamos a TAG <font> para abordar os exemplos
Postado por às Nenhum comentário:

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/>
Postado por às Nenhum comentário:

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!

Postado por às Nenhum comentário:

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.

Postado por às Nenhum comentário:
Assinar: Postagens (Atom)