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 [...]

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 [...]

CSS Lego Alejandro Moraga – 3:33 pm

CSS

CSS (acrônimo para a expressão inglesa Cascading Style Sheets, que significa Folhas de Estilo em Cascata) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento. Seu [...]

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 [...]