* You are viewing the archive for the ‘(x)html’ Category

Transparência de png no html

marcus.carnevale junho 17, 2010 (x)html, Web No Comments

Bom, como já expliquei a algum tempo existe uma forma de colocar pngs com transparência no ie 6, mas agora a minha primeira explicação a tag utilizada era para por no css, agora eu vou explica outra maneira de por essa transparência, só que agora direto no html. Iremos fazer isso com um js, um script no html e uma class na tag “img”, mole mole …

Para começar precisamos fazer o download desse JS DD_belatedPNG.js .

Depois de feito esse download colocaremos ele na raiz ou em qualquer pasta dentro da raiz do site. E assim chamaremos … Continue Reading

menu na horizontal e menu na vertical

marcus.carnevale setembro 01, 2009 (x)html, CSS, Web 3 Comments

Vou colocar 4 exemplos de menus, dois na horizontal e dois na vertical. Um usando lista e outro usando apenas a tag a.

Os 4 tipos de menus

Os dois primeiros exemplos vou fazer em lista:

1 ) primeiro de menu feito em lista na horizontal:
<!– código html!–>
<div id=”menu-lista-horizontal”>

<ul>

<li><a href=”#”>link 1</a></li>

<li><a href=”#”>link 2</a></li>

<li><a href=”#”>link 3</a></li>

<li><a href=”#”>link 4</a></li>

</ul>

</div>
/* código css */
#menu-lista-horizontal{ width:400px; margin:20px 20px;} -  aqui especifiquei o tamanho do menu, colocando margin top, right, botton e left.

#menu-lista-horizontal ul li{display:inline;float:left;} – display:inline e float:left, faz com que o texto se mova para o seu lado esquerdo.

#menu-lista-horizontal ul li a{padding: 0 5px ; color:#000;} … Continue Reading

Tags html – para que elas servem?

marcus.carnevale agosto 07, 2009 (x)html, Web No Comments

Nesse post vou explicar um pouco para que cada tag no html!

<html></html> – Tag que inicia o documento, dizendo qual vai ser a programção do documento;

<head></head> – é no head, que será posto o título do documento, as metas tags, vai linkar o css, linkar o js e colocar script de javascripts.

<body></body> – no body é onde você vai começar a programar seu html. Nele encontramos o corpo do documento html.

<title></title> – indica o título do documento html, ele se encontrar dentro da tag head. Cada página do seu site pode ter um title, podendo assim melhor a procura do … Continue Reading

Diferença entre id e class

marcus.carnevale julho 29, 2009 (x)html, Web 2 Comments

Quando desenvolvemos nosso código usamos muitos  id e class.

Para que servem eles?

Eles são muito importantes para editarmos as tags no css (na folha de estilo), mas também necessitamos para usarmos outras linguagens, principalmente a javascript.

Mas quais são as diferença entre elas?
“ID”

  • elas são únicas (exemplo: id”nav nav1″)
  • cada página pode ter apenas um elemento com aquele ID (se tiver mais de 2 ids iguais na mesma página, sua página não irá passar pelo validador W3C)
  • no CSS ela é identificada com um # antes do nome da id (exemplo: (no html <div id=”nav”></div>) no CSS (#nav{color:#fff;}))

É normal que os iniciantes no html usa-se … Continue Reading

Iniciando no HTML

marcus.carnevale julho 24, 2009 (x)html, Web 1 Comment

Vamos la galera, agora vamos começar a desenvolver o nosso html. Vou falar coisa boba, mas vou colocar tudo explicadinho. Vamos trabalhar com a ferramenta Adobe Dreamweaver CS4. Abrindo ela, coloca file – new, depois para começar vamos escolher html. Fazendo isso, vai abrir automaticamente um código como esse abaixo.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>Untitled Document</title>

</head>

<body>
</body>
</html>

Vamos explicar um pouco disso…

Tag head – essa tag irá conter todas as informações do seu site, é nessa tag que os buscadores lêem seu site.

Coisas importantes que incluiremos nela:

- Untitled Document – esse tittle é o título … Continue Reading

Tableless

marcus.carnevale julho 21, 2009 (x)html No Comments

Já começamos falando um pouco sobre metas tags, explicando que elas são bastante importante para o seu site. Então vamos da uma recapitulada no ponto das metas tags, as principais são description, keywords, author e language. Cada uma serve para uma informação, description (para descrever o seu site, colocando slogan, entre outras informações que o convém), a Keywords (são as palavras chaves para o seu site, exemplo, se seu domínio for marcuscarnevale.com, você pode por marcus carnevela, carnevale marcus, pode por palavras ligadas ao site no singular ou no plural, entre outras, mas sempre lembrando que alguns buscadores não levam … Continue Reading

Metas Tags

marcus.carnevale julho 20, 2009 (x)html No Comments

“Meta” + “Tag” = Meta Tag

O termo meta tag é, na verdade, formado por 2 palavrinhas que se juntam para dar seu significado. E para entender este significado, é preciso entender as 2 palavras, em separado:

Meta é um prefixo grego que significa algo como “após, “que ultrapassa”, “que engloba”, “que está além”.

Tag é uma palavra do inglês que significa “etiqueta” ou “rótulo”. Tanto nos EUA, no Brasil ou qualquer parte do mundo, etiquetas servem para identificar, nomear e marcar algo ou alguma coisa para que possa ser identificado e/ou corretamenta catalogado – dentre outras coisas.

As meta tags servem para … Continue Reading