A história do HTML

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

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 »

Central Server

Diferença entre elementos inline e de bloco em HTML

Postado por: Pedro Rogério em
  • 5 nov
  • 10

Entender como os elementos HTML são renderizados na página é essencial para aqueles que estão embarcando agora no mundo do desenvolvimento web. Já vi muitas pessoas passarem por problemas por não entenderem isso, aliás, muitos programadores, no decorrer do desenvolvimento acabam tendo problemas com o HTML que foi desenvolvido pois ao tentarem efetuar alguma alteração acabam utilizando tags que não são necessárias, e aí os problemas começam. Então, para evitarmos esses problemas vou mostrar aqui que os elementos HTML são renderizados de 3 formas diferentes: Tags a níveis de bloco, Inline e Invisíveis.

Elementos a nível de bloco

Imagem ilustrando elementos de bloco

Os elementos de bloco em HTML utilizam toda a sua largura disponível e criam uma linha invisível antes e depois de si próprio. Os elementos a nível de bloco são os seguintes:

address, blockquote, center, dir, div, dl, dt, dd, frameset, fieldset, form, h1, h2, h3, h4, h5, h6, hr, menu, noframes, noscript, ol, ul, li, p, pre, table, tbody, thead, tfoot, tr, td, th

Eu sou um elemento a nível de bloco

Elementos Inline

Imagem ilustrando elementos inline

Os elementos HTML a nível inline são aqueles que ocupam somente sua largura necessária e não criam linhas antes e depois de si. Os elementos a nível inline são os seguintes:

a, abbr, acronym, applet, b, basefont, bdo, big, br, button, cite, code, del, dfn, em, font, i, iframe, img, input, ins, kbd, label, map, object, q, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var

Eu sou um elemento a nível inline, Eu sou mais um elemento a nível inline

Elementos Invisíveis

São aqueles elementos que existem na página, mas não são mostrados ao usuário:

base, isindex, link, meta, script, style, title

Uma dica é que em CSS você pode tranformar um elemento de bloco em inline ou vice-versa através da propriedade CSS display.

Referência HTML/XHTML, CSS e JavaScript no Firefox

Postado por: Pedro Rogério em
  • 6 out
  • 3

O Firefox é um browser amplamente usado devido as facilidades que ele proporciona aos desenvolvedores, usuários, onde com a utilização de extensões você pode levar um nível acima o desenvolvimento web, a navegação, a experiência na Internet. Recentemente descobri mais uma extensão que pode ajudar muito nós desenvolvedores, se chama DevBoi, onde você tem a possibilidade de ler as referências sobre: HTML/XHTML, CSS, JavaScript e DOM nativos no plugin, e ainda você possui a opção de instalar mais helps como: PHP, Ptototype, Ruby on Rails e XUL.

Devboi

Para ter acesso a referência basta ter o plugin instalado e apertar as teclas “CTRL + F9″, é aberta uma espécie de Sidebar em seu browser, a partir daí é só procurar o que deseja. Dica do WebResourcesDepot.