Html
html
Esta tag inicia um arquivo HTML.
Atributos
- Atributo lang: Dita uma linguagem para o aquivo HTML.
Exemplo:
<html lang="pt-br">(Inicio de um arquivo HTML) </html>(fim do arquivo HTML)
head
Esta Tag indica o inicio do cabeçalho da pagina.
Exemplo:
< head >(Inicio do cabeçalho) </head>(fim do cabeçalho)
title
Esta Tag indica Titulo da pagina.
Exemplo:
<title>(indica o inicio do texto do titulo). Exemplo </title>(indica o fim do texto do titulo).
meta
Esta tag introduz informações sobre a pagina.
Atributos:
- Atributo name: da o nome para tag meta
- Atributo content: dita o conteúdo do nome da meta
- Atributo charset: dita a formatação da escrita
Exemplo:
<meta name="author" content="Exemplo"> <meta name="description" content="Introdução html"> <meta name="keywords" content="introdução, html, Exemplo">
body
Esta tag indica o inicio do corpo da pagina.
Exemplo:
<body>(Inicio do corpo) </body>(fim do corpo)
header
Esta tag cabeçalho do corpo do documento html
Exemplo:
<header>Texto do cabeçalho</header>
footer
Esta tag é o rodapé do corpo do documento html
Exemplo:
<footer>Conteúdo do rodapé</footer>
nav
Esta tag define o conjunto de links de navegação
Exemplo:
<nav> Links </nav>
center
Esta tag posiciona todo conteúdo entre as tags <center> Exemplo </center> no meio da tela.
Exemplo:
<center> Exemplo </center> (exemplo abaixo)Exemplo
h1 ao h6
Estas tag`s formatam o tamanho das letras tudo que se encontra dentro de <h1> Exemplo </h1>
Exemplo:
<h1> Exemplo </h1>Exemplo
<h2> Exemplo </h2>Exemplo
<h3> Exemplo </h3>Exemplo
<h4> Exemplo </h4>Exemplo
<h5> Exemplo </h5>Exemplo
<h6> Exemplo </h6>Exemplo
br
Esta tag pula uma linha.
Exemplo:
... Exemplo <br /> ...
Exemplo
p
Esta tag inicia um paragrafo.
Atributos:
- Atributo align="left"
- Atributo align="right"
- Atributo align="center"
- Atributo align="justify"
Exemplo:
* <align="left">align="left"
* <align="right">align="right"
* <align="center">align="center"
* <align="justify">align="justify"
strong
Esta tag deixa em negrito o texto referente
Exemplo:
<strong> Exemplo <strong>
Exemplo
em
Esta tag deixa em itálico o texto referente
Exemplo:
<em> Exemplo <em>
Exemplo
u
Esta tag sublima o texto referente
Exemplo:
<u> Exemplo <u>
Exemplo
ul
Esta tag Cria uma lista desorganizada(pontinhos)
Exemplo:
<ul> <li> 1 </li> <li> 2 </li> </ul>
- 1
- 2
ol
Esta tag cria uma lista ordenada(Numeros).
Exemplo:
<ol> <li> Exemplo 1 </li> <li> Exemplo 2 </li> </ol>
- Exemplo 1
- Exemplo 2
li
Esta tag cria um item da lista, obrigatório se usado dentro de um ul ou ol
Exemplo:
<ol> <li> Exemplo linha 1 </li> <li> Exemplo linha 2 </li> <li> Exemplo linha 3 </li> <li> Exemplo linha 4 </li> </ol>
- Exemplo linha 1
- Exemplo linha 2
- Exemplo linha 3
- Exemplo linha 4
a
Esta tag cria um link
Atributos:
- Atributo href é o endereço do link.
Exemplo:
<a> Link </a> Link <a href="#"> Link </a> Link
img
Esta tag informa que o conteúdo será uma imagem.
Atributos:
- Atributo SRC: indica o arquivo a ser carregado.
- Atributo width: Define a largura da imagem da pagina (pixels ou porcentage).
- Atributo height: Define a altura da imagem da pagina (pixels ou porcentagem).
- Atributo alt: Define uma descrição da imagem.
- Atributo title: Define um titulo para d imagem.
Exemplo:
<img src="../visual/imagens/Sid.jpg" width="100" height="50" title="Sid Espantado" alt="Sid Espantado" />
div
Esta tag define a divisão do documento
Atributos:
- Atributo width: Define a largura da imagem da pagina(pixels ou porcentagem)
- Atributo height: Define a altura da imagem da pagina(pixels ou porcentagem)
Exemplo:
< div > Link < /div>Link
Table
Esta tag dita que o assunto a seguir será uma tabela.
Atributos:
- Atributo border diz o tamanho da margem da tabela//border vai de 1 ate o infinito e além.
- Atributo height: Define a altura da imagem da pagina(pixels ou porcentagem)
Exemplo:
-> <table width="50" height="20" border="4"> <tr <td> Linha1 </td> <td> Linha2 </td> </tr> -> </table>
| Linha1 | Linha2 |
thead
Este é usado dentro da tag table, indica o cabeçalho da tabela.
Exemplo:
thead usa-se TH no lugar de TD
<table width="50" height="20" border="4"> -> <thead> <tr> <th colspan="2" > Cabeça </th> </tr> -> </thead> <tbody> <tr> <td> Linha1 </td> <td> Linha2 </td> </tr> </tbody> </table>
| ->Cabeça<- | |
|---|---|
| Linha1 | Linha2 |
tbody
Este é usado dentro da tag table, indica o corpo da tabela.
Exemplo:
<table width="150" height="35" border="4"> -> <tbody> <tr> <td> Corpo </td> <td> Corpo </td> </tr> -> </tbody> </table>
| ->Corpo | ->Corpo |
tr
Esta tag cria uma "linha" de tabela
Exemplo:
<table width="50" height="35" border="4"> <thead> -> <tr> <th colspan="2" > Cabeça </th> -> </tr> </thead> <tbody> -> <tr> <td> Linha1 </td> <td> Linha2 </td> -> </tr> </tbody> </table>
| Cabeça | |
|---|---|
| linha1 | linha2 |
th
Esta tag é usada dentro da tag head, e cria uma "linha".
Exemplo:
<table width="150" height="35" border="4"> <thead> <tr> -> <th colspan="2" > Cabeça </th> </tr> </thead> </table>
| ->Cabeça |
|---|
td
Esta tag cria uma coluna na linha.
Atributos:
- Atributo: colspan dita o numero de colunas que a legenda deve ter.
- Atributo: rowspan dita o numero de linhas que a legenda deve ter.
Exemplo:
<table width="50" height="150" border="4"> <thead> <tr> <th> Cabeça </th> </tr> </thead> <tbody> <tr> <td colspan="2"> Linha1 </td> </tr> <tr> <td rowspan="2"> Linha2 </td> <td> X </td> </tr> <tr> <td>X</td> </tr> </tbody> </table>
| Cabeça | |
|---|---|
| linha1 | |
| linha2 | X |
| XXXX | |
form
Esta tag indica que o assunto a seguir será um formulário.
Atributos:
- Atributo name: nome do formulário
- Atributo action: define o arquivo no qual serão enviados os dados
- Atributo method: método de como será enviados os dados
Exemplo:
<form name="formulario" action="#" method="get"> Assunto </form>
input
Esta tag especifica um campo de entrada aonde o usuário pode colocar dados.
Atributos:
- Atributo type: define um tipo de intup
- Atributo value: Valor do campo
- Atributo maxlength: define a quantidade de caracteres
- Atributo size: define o tamanho que o intup será exibido
- Atributo placeholder: Valor do campo "invisível"
Exemplo:
Nome: <input type="text" name="txtnome" maxlength="20" size="15" value="Digite seu nome"> Nome:
select
Esta tag permite criar uma lista de seleção
Atributos:
- Atributo name: define o nome de do select
Exemplo:
<select name="selestadosivil"> </select>
option
Esta tag define uma opção de escolha e é usado dentro do select
Atributos:
- Atributo value: define o valor da opção...cada opção deve tem UM valor DIFERENTE.
- Atributo selected: Traz uma opção seleciona por padrão
Exemplo:
<select name="selestadosivil"> <option value="0">--Escolha--</option> <option value="1">--Exemplo1--</option> <option value="2">--Exemplo2--</option> <option value="3">--Exemplo3--</option> <option value="4">--Exemplo4--</option> </select>
textarea
Esta tag cria uma caixa de texto
Atributos:
- Atributo cols: Define a quantidade de colunas de caracteres exibida.
- Atributo rows: Define a quantidade de linhas exibidas
Exemplo:
<textarea name="txabiografia" cols="30" rows="2" placeHolder="Olá, fale um pouco sobre você..."></textarea>
button
Esta tag cria um botão.
Atributos:
- Atributo type: indica o tipo do botão.
button-cria um botão.
submit-envia dados para validação.
reset-limpa comandos inseridos
Exemplo:
<button type="button">Clicar</button> <button type="submit">Enviar!</button> <button type="reset">Limpar</button>