A história do HTML

Postado por: Pedro Rogério em
  • 6 mai
  • 12

O que é o HTML?

HTML é a sigla para HyperText Markup Language, é a linguagem de marcação base para páginas web. Fornece um meio para descrever a estrutura do texto com base em informações de um documento-texto, denotando algumas ligações, cabeçalhos, parágrafos, listas, etc, e para completar o texto, com formas interativas, imagens incorporadas, e outros objetos. HTML é escrito na forma de “tags” que são cercados por colchetes angulares. HTML também pode descrever, de alguma forma, a aparência e a semântica de um documento, e podem incluir de forma embutida outras linguagens (como JavaScript) que podem afetar o comportamento dos navegadores da Web e outros elementos HTML.

Como tudo começou

Em 1980, o físico Tim Berners-Lee, que trabalhava de forma independente na CERN, desenvolveu um sistema chamado ENQUIRE, projeto esse utilizado para reconhecer e armazenar associações de informação. O ENQUIRE tinha algumas das mesmas idéias da web e da web semântica, e serviu como base para o desenvolvimento das duas, mas era diferente em vários aspectos importantes, como no fato de não ser viável ser liberado para o público em geral. Ele foi implementado em uma máquina NORD-10, da Norsk Data, mas nunca foi publicado.

Tim Berners-Lee

Continuar lendo »

Abas com CSS utilizando :target

Postado por: Pedro Rogério em
  • 4 mai
  • 21
Pseudo seletor :target

Para aumentar a usabilidade do seu site o ponto inicial seria dar uma maior atenção aos links internos dos seu site, e hoje vou mostrar aqui a utilização do pseudo-seletor CSS3 :target, que é utilizado para manipular as âncoras do HTML. Já falei sobre a sua utilização em um outro post. Já mostrei em um post anterior os benefícios da utilização do pseudo seletor :target, onde eu tenho a possibilidade de aplicar qualquer estilo a âncora após o usuário clicar na mesma.

O exemplo de hoje foi baseado no exemplo citado na Revista W, edição 101, onde o autor Craig Grannell nos ensina a desenvolver um menu em abas que ao clicar o conteúdo é trocado. Isso até então era possível somente com a utilização de JavaScript, mas com a utilização do pseudo seletor :target isso agora fica fácil.

Continuar lendo »

HTML5 e CSS3: Mito ou Realidade

Postado por: Pedro Rogério em
  • 1 mai
  • 15

O Hipertexto, criado em 1965, é a base de toda a web, tudo o que você vê na internet, sejam blocos de texto, imagens ou sons que seu acesso se dê através de links é chamado de Hipertexto.

O HTML, acrônimo para a expressão HyperText Markup Language, que significa Linguagem de marcação de Hipertexto é utilizado para a criação de páginas web. Tudo isso que você vê aqui no browser é Hipertexto. A última versão do HTML é a 4.01, que foi desenvolvida em 1999, e o XHTML 1.0, uma reformulação do HTML 4.01 baseado em XML, foi desenvolvido no ano 2000 e revisto no ano de 2002. Lá se vão cerca de 8 anos de uma tecnologia aparentemente ultrapassada.

Sim, o HTML 4 teve seu lugar ao sol, mas com a evolução da tecnologia, dos browsers, novas tecnologias precisavam nascer, e com isso surgiu o HTML5 e o XHTML2

HTML 5

HTML 5

Continuar lendo »

Inherit no Internet Explorer

Postado por: Pedro Rogério em
  • 21 abr
  • 14
Herança em CSS

O que é Inherit?

De acordo com as especificações das CSS 2.1, inherit pode ser definido como:

É uma característica das CSS ao qual podemos definir herança entre os estilos, suportada por todas as propriedades CSS.

Se por exemplo, se definirmos que nossa tag de título h1 tenha os seguintes estilos:

h1{
   color:black;
   padding:10px;
}

E logo após definirmos os seguintes estilos para um link ou qualquer elemento que tenha como pai o h1, dessa forma:

h1 a {
   color:inherit;
}

Continuar lendo »

CSS Star Rating

Postado por: Pedro Rogério em
  • 16 abr
  • 8

Procurando na internet você pode encontrar vários scripts de rating, alguns muito complexos utilizando marcação as vezes desnecessária e outros muitos complicados de customizar. Nesse tutorial, desenvolvido por Henry Hoffman, você aprenderá de uma forma muito simples a desenvolver um sistema de rating utilizando HTML e CSS, utilizando uma única imagem em 3 estados: static, hover e active.

Como?

O segredo consiste em utilizar margens negativas. Primeiramente vamos fazer o download da imagem que será utilizada no tutorial e depois vamos preparar o nosso HTML, onde serão utilizados listas desordenadas:

Continuar lendo »

Páginas:«1...11121314151617...28»