HTML: Aprendendo a usar elementos inline e block

Em HTML, a maioria dos elementos é definida como nível de bloco ou elementos em linha, block ou inline respectivamente. Os elementos de nível de bloco começam a partir de uma nova linha. São exemplos de nível de bloco: <h1> <form> <li> <ol> <ul> <p> <pre> <table> <div>. Elementos em linha normalmente são exibidos sem quebras de linhas, como por exemplo: <b> <a> <strong> <img> <input> <em> <span>. O […]

HTML: Aprendendo a usar tabelas

Durante todos os dias úteis do ano estarei trazendo conteúdo de programação para vocês, nas segundas trarei conteúdo de C#, na terça HTML, na quarta CSS, quinta e sexta JavaScript e SQL respectivamente. Hoje vamos aprender a criar tabelas com HTML. Elas são definidas pela tag <table>, e em seguida divididas em linhas pela tag […]

HTML: Aprendendo a usar listas

Hoje vamos ver mais um pouquinho de HTML, e como de costume, logo após termos visto C# (na segunda). E vale lembrar que só sabendo HTML você não irá conseguir criar uma página da web bonita, então preste atenção nos posts de CSS (nas Quartas) e de JavaScript (nas Quintas). E de quebra nas sextas […]

HTML: Aprendendo a usar Links

Durante todos os dias letivos do ano estarei trazendo conteúdo de programação para vocês, nas segundas trarei conteúdo de C#, na terça HTML, na quarta CSS, quinta e sexta JavaScript e SQL respectivamente. Os links são parte integrante de cada página da web. Você pode adicionar links para texto ou imagnes que permitirão ao usuário […]

HTML: Trabalhando com imagens

Nem só de texto uma página da internet é feita. Bom, na verdade tem varias páginas por ai, algumas lindas, que só possuem texto ou ícones feitos incrivelmente somente com CSS3. Mas, dá pra entender que uma imagem vale por mais de mil palavras, e as vezes você vai sentir a necessidade de adicionar uma […]

HTML: Atributos

Nas ultimas semanas estamos vendo como criar um documento HTML, estamos aprendendo básico por básico de como criar eles. Hoje vamos aprender mais uma pequena coisinha no HTML, o chamado atributos. Os atributos adicionam informações extras sobre um elemento do HTML ou uma tag, entanto também podem modificar ela. A maioria dos atributos possuem um […]

HTML: Comentários

Assim como nas linguagens de programação que possuem comentários onde o compilador vai ignorar tudo o que está dentro dele, o HTML também tem como adicionar comentários. Os navegadores não irão mostrar o que está escrito no comentário e é importante pois documenta o HTML adicionando descrição, lembretes e outras notas.

Ao adicionar a […]

HTML: Títulos e linhas horizontais

O HTML inclui seis nívies de títulos, que são classificados de acordo com a sua importância. São o <h1>, <h2>, <h3>, <h4>, <h5> e <h6> (o h é referente a palavra Headings em inglês, que traduzindo significa título). Veja no código abaixo a diferença e a aplicação dos títulos. Ah, vale lembrar que não é […]

HTML: Formatando textos

No HTML temos uma lista de elementos que especificam o estilo de determinado texto. Sou um cara que gosta de colocar na prática, a teoria as vezes atrapalha, então vamos ver direto na prática o que cada tag faz. Cada parágrafo está com uma formatação diferente e na imagem está ilustrado o que ela faz. […]

HTML: Parágrafos

O elemento <p> Para criar um novo paragrafo, simplesmente coloque o elemento <p> no início e   no fim. Os navegadores automaticamente adicionam uma linha vazia entre os parágrafos. Como no exemplo:

O resultado será: Quebra de linha Use a tag <br /> para adicionar uma quebra de linha sem precisar iniciar um novo […]