quarta-feira, 6 de junho de 2012

O QUE É O HTML?


HTML (abreviação para HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Os documentos em HTML podem ser interpretados por navegadores. A tecnologia é fruto do "casamento" dos padrões HyTime e SGML.



  • ETIQUETAS (tags):


Todo documento HTML possui etiquetas (tags), palavras entre parênteses angulares (< e >); essas etiquetas são os comandos da formatação da linguagem. Um elemento é formado por um nome de etiqueta (tag), atributos, valores e "filhos" (que podem ser outros elementos ou texto). 



ATRIBUTOS_BASE:

<tag> é a etiqueta de abertura
</tag> é a etiqueta de fechamento
HR = elemento que insere uma linha horizontal no documento HTML
color = atributo que insere cor na linha
red = valor do atributo, que irá alterar a cor da linha
width = define a largura da linha, nesse caso, 80% do tamanho da tela
noshade = define uma linha mais sólida
size = define a altura da linha
/ = e a barra, define o fechamento do elemento

ESTRUTURA BÁSICA:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Language" content="pt-br, pt">
    <meta http-equiv="cache-control"   content="No-Store" />
 
    <meta name="description" content="a descrição do seu site em no máximo 90 caracteres">
    <meta name="keywords" content="escreva palavras-chaves curtas, máximo 150 caracteres">
    <title>Título do Documento</title>
  </head>
  <body>
    <!-- Aqui fica a página que será visível para todos, onde pode-se inserir
    textos, imagens, links para outras páginas, etc, geralmente usa-se: -->
 
    <p>Tag para inserir parágrafos</p>
 
    <div>Tag para criar-se uma 'caixa', um bloco, mais utilizada com "Cascading Style Sheets
         (Folhas de Estilo em Cascata)</div>
 
    <span>Tag para modificação de uma parte do texto da página</span>
 
    <img src="endereço_de_uma_imagem.jpg" />
 
    <a href="http://www.wikipedia.org">Wikipedia, A Enciclopédia Livre</a>
  </body>
</html>



Informação retirada daqui.


Sem comentários:

Enviar um comentário