A semântica e o elemento HTML q

Postado por: Pedro Rogério em
  • 20 set
  • 8

Provavelmente você nunca deve ter usado o elemento <q> do HTML, eu particularmente também não tinha conhecimento de sua importância, que serve para marcar o texto com citações, outros preferem usar entidades de caracteres para citar o texto, mas isso com certeza fere a semântica. Usar o <q> ao invés das entidades de caracteres nos permite também que você aplique estilos CSS, como alterações da cor, tamanho, etc.

Exemplo:


<q>Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade</q>, disse John Kennedy.

Que seria renderizado dessa forma: “Nunca devemos esquecer que arte não é uma forma de propaganda, é uma forma de verdade”, disse John Kennedy.

13 elementos que deveriam conter em sua página

Postado por: Pedro Rogério em
  • 15 set
  • 9
  • 1- Buscador interno amigável e eficaz.
  • 2- Mapa do site.
  • 3- Links internos com URI absoluta.
  • 4- Conteúdo significativo no início da página.
  • 5- Desenvolver com as últimas tecnologias.
  • 6- Validar o HTML, XHTML e o CSS.
  • 7- Comprovar que não existem links quebrados.
  • 8- Uso limitado de tabelas.
  • 9- Uso limitado de Flash.
  • 10- Arquivos externos para folhas de estilo e javascript.
  • 11- Incorporar sempre atributos de identificação (alt, title).
  • 12- Incluir informação de contato.
  • 13- Uso moderado de imagens. Sempre justificadas e com valor não superior a 12KB

Guia PHP com MySQL #4 – Iniciando com PHP e HTML

Postado por: Eduardo em
  • 14 set
  • 10

PHP e HTML

Diferentemente de outras linguagens, tais como Perl ou C++, nas quais você precisa escrever vários comandos para produzir uma simples pagina HTML, em PHP você precisa apenas somar o HTML aos comandos PHP, demarcando-os por meio de tags (marcadores) especiais.

Nota: É importante que você já conheça um pouco de HTML para dar continuidade a este estudo, se esse não é seu caso, sugiro que aprenda HTML antes.

Marcações do PHP

1- Forma mais usada:


< ?php 

     echo  “forma mais usada de marcação HTML” ;

?>

2- Exemplo de forma simplificada:


<? echo “forma simplificada” ?>

Existem ainda outras duas formas uma que são semelhantes ás declarações de JavaScript e a outra do ASP, sendo esta última necessária uma configuração particular para funcionar que não vem ao caso explicar aqui, pois vamos nos ater ao estilo de marcação 1. Vamos criar uma pasta em \WOS\WWW com o nome de exe_2 e criar um arquivo dessa forma, abra esse arquivo e cole o código em seu editor.

Continuar lendo »

Apresentações na web com HTML Slidy

Postado por: Pedro Rogério em
  • 6 set
  • 1

Muitas vezes quando precisamos desenvolver alguma apresentação, o primeiro programa que nos vem a cabeça com certeza é Power Point, e na maioria das vezes acabamos criando apresentações com uma interface pobre, sem imagens, mas hoje em dia existem várias opções, que dentre elas posso citar o HTML SLIDY, desenvolvido por Dave Ragget, que se encontra hospedado nos servidores da W3C, com isso temos a certeza de absoluta adequação aos padrões web e a acessibilidade.

Para utilizá-lo basta baixar o script e seguir as instruções para formatar o código adequadamente.

Doctype pra que te quero

Postado por: Pedro Rogério em
  • 29 mai
  • 4

Você acabou de construir o seu site inteirinho no bloco de notas, o código está todo uma beleza, lindo de se ver, as tags estão todas aninhadas corretamente, mas você vai fazer um teste no seu browser e a página não fica como você queria, e agora? Meu deus, não precisa sair arrancando os cabelos ou enviando e-mails desesperadamente para aquele seu amigo me manja bastante de HTML, você pode ter simplesmente esquecido de colocar um DOCTYPE válido na sua página.

Mas a troco de que eu vou usar isso na minha página?

De acordo com as especificações do W3C, um DOCTYPE informa ao validador qual é a versã do HTML, ou XHTML, que está sendo usada, e deve constar no topo de cada página. Eles são elementos essenciais na construção de uma página dentro dos padrões. O (x)HTML e o CSS do seu site não será válido sem eles. Eles também são essenciais para uma correta renderização da sua página.

Continuar lendo »

Páginas:«1234