HTML

tabs-interface Alejandro Moraga 9 December 2010 – 6:32 am

Interface com abas

Exemplo. Testado no IE7, IE8, Chrome e Firefox. A primeira tarefa é criar o HTML. Nada muito complicado, abas em li e o conteúdo em div. Tudo mantido dentro de uma div principal que usaremos para executar o jQuery. <div class=”tabs”> <ul> <li class=”in”>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> <div style=”display:block”> Conteúdo [...]

html5 Alejandro Moraga 1 December 2010 – 6:32 am

Placeholder do HTML5 em navegadores sem suporte

Placeholder é um novo atributo do HTML5. Sua funcionalidade é simples: adicionar um valor padrão em inputs e textareas quando o campo estiver vazio. Funciona como rótulo. <input type=”text” placeholder=”Digite seu nome aqui!” /> Alguns navegadores, como o Firefox até pelo menos a versão 3.6, não tem suporte a esse atributo. O código abaixo é [...]

html5rocks Alejandro Moraga 25 November 2010 – 7:00 am

Site do Google sobre HTML5 e CSS3

HTML5Rocks é um site do Google, originalmente lançado em junho deste ano, dedicado para HTML5 e CSS3 com demonstrações e tutoriais. É um lugar interessante para conhecer um pouco mais sobre essas duas novas tecnologias inovadoras que ultimamente vem crescendo bastante. link: www.html5rocks.com

stick-figure-man Alejandro Moraga 3 November 2010 – 7:49 am

Tableless

Tableless (do inglês Sem tabelas) é uma forma de desenvolvimento de sites que não utiliza tabelas para disposição de conteúdo na página sugerido pela W3C, pois defende que os códigos HTML deveriam ser usados para o propósito que foram criados, sendo que tabelas foram criadas para exibir dados tabulares. Para a disposição da página o [...]

chess Alejandro Moraga 2 November 2010 – 7:07 pm

Hierarquia HTML

Os elementos HTML tem hierarquia definida. Certos elementos não podem ser filhos (estar dentro) de outros elementos. A div, por exemplo, é um bloco de estrutura, não pode estar dentro de uma tag strong, que da ênfase a uma palavra ou expressão. Ao olharmos para a estrutura da página, veremos que cada elemento está relacionado [...]

magazines Alejandro Moraga – 4:35 pm

HTML para texto

As tags tem sentido, não usamos “p” para parágrafos, “table” para tabelas ou “form” para formulários por acaso. Foram escolhidas para cumprir um propósito. Você não come uma maçã de enfeite, dirige uma árvore ou planta carros. O mesmo tem que ser com o HTML. Para usar as tags corretamente antes você precisa conhecê-las. Neste [...]

planet-earth-icon Alejandro Moraga 1 November 2010 – 8:47 pm

HTML

HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. Hipertexto remete a um texto em formato digital. Etiquetas consistem em breves instruções, tendo uma marca de início e outra de [...]