Академический Документы
Профессиональный Документы
Культура Документы
Atributos da Tag
As tags podem ter atributos. Os atributos podem prover informao adicional sobre os
elementos HTML na sua pgina.
Esta tag define o elemento corpo da sua pgina HTML: <body>. Com um atributo adicional
bgcolor, voc pode dizer ao navegador que a cor de fundo da sua pgina deve ser vermelha,
assim: <body bgcolor="red">.
<h1>Este um ttulo</h1>
<h2>Este um ttulo</h2>
<h3>Este um ttulo</h3>
<h4>Este um ttulo</h4>
<h5>Este um ttulo</h5>
<h6>Este um ttulo</h6>
<p>Este um pargrafo</p>
<p>Este outro pargrafo</p>
Quebras de linha
A tag <br> usada quando voc quer terminar uma linha, mas no quer
comear um novo pargrafo. A tag <br> fora a quebra de linha onde quer que
voc a coloque.
A tag <br> uma tag vazia. Ela no tem tag de fechamento.
Comentrios em HTML
A tag de comentrio usada para inserir um comentrio no cdigo fonte HTML. Um comentrio
ser ignorado pelo navegador. Voc pode usar comentrios para explicar o seu cdigo, o que
pode ajuda-lo quando voc editar o cdigo fonte numa data posterior.
Observe que voc necessita de um ponto de exclamao aps a chave de abertura, mas no
antes da chave de fechamento
Tabelas
As tabelas so definidas com a tag <table>. Uma tabela dividida em linhas (com a tag <tr>), e cada linha dividida em clulas
de dados (com a tag <td>). As letras td significam "table data," que o contedo de uma clula de dados. Uma clula de dados
pode conter texto, imagens, listas, pargrafos, formulrios, filetes horizontias, tabelas, etc.
CSS
O Que CSS?
CSS significa Cascading Style Sheets (Folhas de Estilo em Cascata)
Os estilos definem como exibir elementos HTML
Os estilos so normalmente armazenados em Folhas de Estilo
Os estilos foram adicionados HTML 4.0 para resolver um problema
Folhas de Estilo Externas podem poupar-lhe muito trabalho
As Folhas de Estilo Externas so armazenadas em arquivos CSS
Sintexe CSS
A sintaxe CSS constituida de trs partes: um seletor (selector), um propriedade (property) e um valor
(value):
selector {property: value}
body {color: black}
Se o valor contm mltiplas palavras, ponha aspas em torno do valor:
p {font-family: "sans serif"}
Se voc deseja especificar mais de uma propriedade, voc deve separar cada propriedade com um ponto e
vrgula.
p {text-align:center;color:red}
Agrupamento de seletores
Voc pode agrupar seletores. Separe cada seletor com uma vrgula. No exemplo abaixo agrupamos todos os
elementos header (ttulo). Todos os elementos header sero verdes:
h1,h2,h3,h4,h5,h6
{
color: green
}
Fontes em CSS
As propriedades de fonte permitem-lhe mudar a famlia da fonte, a espessura, o tamanho, e o estilo de um texto.
Bordas em CSS
As propriedades de borda permitem-lhe especificar o estilo, a cor, e a largura de um elemento border. Em HTML usamos tabelas
para criar bordas em torno de um texto, mas com as propriedades de borda na CSS podemos criar bordas com belos efeitos, e
elas podem ser aplicadas a qualquer elemento.
Imagens no CSS
Insira no seu arquivo HTML a sintaxe:
<body>
<div class="css">
<img src="imagem.jpg" alt="Tutorial de CSS" title="Logo do CSS" width="150" height="150" />
</div>
<p> CSS significa Cascading Style Sheets e uma linguagem de estilos usada para criar sites.<br />
<br/>
A grande vantagem do CSS na criao de sites, que podemos fazer a separao do contedo e do
formato (estilo). <br />
<br/>
</p>
</body>
Imagem no CSS
Insira no seu arquivo CSS a sintaxe:
.css img
{
float: left;
width: 15%;
border: thin solid;
padding: 5px;
margin: 0px 10px 10px 0;
}