Web Linguagens: janeiro 2012

segunda-feira, 30 de janeiro de 2012

Criando tabelas em html ( tag table)

Ola pessoal, vamos a mas um post!

Vou explicar como funciona a tabela em html

A tabela em html tem a finalidade de organizar conteúdos dentro de sua pagina.

Para utilizar a tabela usamos a tag <table> </table> e dentro dela temos que colocar mais 2 tags:

<tr> </tr> ( significa linha )

<td> </td> ( significa coluna )

Vamos a um exemplo. Vou montar uma tabela com 2 linhas e 2 colunas em cada linha.

Abra o bloco de notas e digite esse código:

<html>

<body>

<table>

<tr>

<td> 1 </td>

<td> 2 </td>

</tr>

<tr>

<td> 1 </td>

<td> 2 </td>

</tr>

</table>

</body>

</html>

Salve como tabela.html

Abra o arquivo salvo e ele vai mostrar isso:

Agora vamos aprimorar nossa tabela com alguns atributos

Dentro da tabela usamos alguns códigos para deixar com a aparência mais arrojada, vou listar alguns:

Border (significa borda)

Bgcolor (significa plano de fundo)

Cellsapacing (significa espaços entre as células)

Cellpadding (significa espaços entre a borda da célula)

Vamos aprimorar nosso exemplo. Vou colocar uma borda de tamanho 3, cor de fundo verde, espaço entre as células de tamanho 4 e espaço entre a borda de tamanho 3

<html>

<body>

<table border=”3” bgcolor=”green” cellspacing=”4” cellpadding=“3”>

<tr>

<td> 1 </td>

<td> 2 </td>

</tr>

<tr>

<td> 1 </td>

<td> 2 </td>

</tr>

</table>

</body>

</html>

O seu html ficara assim:

Então pessoal, é isso ai, nos próximos post falaremos mais sobre a tabela

Obrigado pessoal, até o próximo

quarta-feira, 18 de janeiro de 2012

Efeito de texto piscando tag blink

Esses é um dos efeitos mais bacanas que conheço do html, a tag <blink> </blink>, elefaz com que o texto fique piscando. Para usar essa tag, você te que colocar um texto nela, vamos ver o exemplo:

Abra o bloco de notas e digite:

<html>

<body>

<blink> TEXTO </blink>

</body>

</html>

Salve o arquivo com extensão html, exemplo texto.html

Quando abrir o arquivo salvo, a álavra texto vai ficar piscando.

Esse efeito é muito legal, deixa sua pagina mais chamativa.

Abraços galera , até o próximo post.

Tag font em html

Dentro de uma pagina em html, para formatar o texto utilizamos a tag <font> </font>, com ela você pode mudar a cor, tamanha, estilo, alinhamento do texto.

Dentro dessa tag exit alguns atributos que vamos listar:

Size – Tamanho da fonte

Color- Cor da fonte

Face – Tipo da fonte

Vamos fazer um pequeno exemplo para demonstrar essa tag.

Nesse arquivo vou digitar uma palavra com o tamanho 6 , cor azul, tipo de fonte arial.

Abra o bloco de notas e digite:

<html>

<head><title> Teste </title></head>

<body>

<font size="6" color="blue" face="Arial"> TEXTO MODIFICADO </font>

</body>

</html>

Salve o arquivo com extensão html, exemplo Fonte.html

Agora abre o arquivo e ele vai ficar assim:

obrigado galera, até a próxima.

sábado, 14 de janeiro de 2012

O que é php

O php também conhecido como Hypertext Preprocessor é uma linguagem de código livre utilizada para montar paginas dinâmicas na internet, com ela você pode utilizar banco de dados.

Para utilizar o php usamos essas tags <?php (Inicio) e ?> (Fim), vamos ver um exemplo:

<html>

<head>

<title>PHP</title>

</head>

<body>

<?php

echo "Meu primeiro PHP";

</body>

</html>

A utilização do php é muito grande, pois, é um código seguro , com ele podemos fazer varias ferramentas voltada para a web

È isso ai pessoal, nos próximos post falaremos mais sobre php,

Abraços galera.

Dentro do html existe tags com efeitos, e uma delas é a <marquee> <\marquee> que serve para dar movimentação em texto ou imagens no html, para utilizar essa tag, colocamos uma texto ou imagem nela

ex: <marquee> texto em movimento </marquee>

Vamos falar sobre alguns atributos dessa tag

1) direction =" "

left O texto começa da esquerda

right O texto começa da direita

down O texto começa de cima e vai para baixo

up O texto começa de baixo e vai para cima

vamos ver um exemplo:

<html>

<body>

<marquee direction ="up"> texto em movimento </marque>

</body>

</html>

2) behavior =" "

Scroll O texto passa na tela.

Alternate O texto fica em movimento

Slide O texto começa a passa e para.

Vamos ver um exemplo

<html>

<body>

<marquee behavior="slide"> texto em movimento </marque>

</body>

</html>

Obrigado galera, até o próximo post

Atributos da tag body

A tag body é o corpo da pagina, ela tem a função de corde fundo, cor de link, e muito mais. Vamos ver algumas funções dessa tag:

BGCOLOR cor do fundo da pagina

BACKGROUND para colocar imagem de fundo

TEXT cor dos textos da página

LINK cor dos links

ALINK cor dos links quando clicados

VLINK cor dos links visitados

As cores que usamos em html, pode ser em hexadecimal ou o nome da cor em inglês, nos próximos post estarei explicando

Vamos a alguns exemplos:

1º ) vamos montar uma pagina de cor de fundo azul, com o texto em branco

<html>

<body bgcolor=”blue” text=”white”>

Pagina inicial

</body>

</html>

Salve o arquivo com extensão html , exemplo: inicio.html

Seu arquivo vai estar assim

2º) agora vamos montar uma pagina com uma imagem de fundo, com texto preto, com link de cor azul, alink de cor vermelho e vlink cor roxo , todas as cores vou colocar em hexadecimal

<html>

<body background="imagem.jpg" Text="#000000" Link="#0000FF" Alink="#FF0000" Vlink="#6633CC">

<a href="">Clique aqui</a>

</body>

</html>

Agora teremos um plano de fundo em nossa pagina

obrigado galera, até o próximo post

quinta-feira, 12 de janeiro de 2012

Tag title

Ola galera,

Vamos falar um pouco sobre a tag <title> </title>. Sua função é colocar um titulo na barra de títulos da janela de seu navegador, vamos ver um exemplo:

Digite esse codigo no bloco de notas

<html>
<head><title> Minha pagina</title></head>
<body>
Teste
</body>
</html>

Salve o arquivo com extensão html, exemplo titulo.html

Abra o arquivo salvo e observe a barra de títulos, vai esta escrito minha pagina:

Obrigado a todos, até o próximo post.

domingo, 1 de janeiro de 2012

Aprendendo a usar a Tag Html e body

Para começar a montar uma pagina na web utilizando o html, vamos ver sobre duas tags <html></html> e <body></body>
A tag <html></html> é o inicio e o fim da sua pagina
A tag <body></body> é o inicio e o fim do corpo do conteudo da pagina. Para ficar mais claro vamos ver um pequeno exemplo.
Abra o bloco de notas do windows e digite:

<html>
<body>
Minha Primeira Pagina
</body>
</html>

Depois de digitar salve esse arquivo com uma extensão html, exemplo: Primeira.html
Abra o arquivo salvo e vai aparecer assim

Obrigado gaelra, até o proximo post.

Definição de HTML

O Html (Hyper Text Markup Language) traduzindo para o português Linguagem de Marcação de Hipertexto é basicamente a estrutura da pagina ( texto, figuras, entre outros). Para entender o Html, precisamos aprender sobre Tags.
Tags são comandos em Html que so podem ser lidos pelos browzer( navegadores de internet). Alguns exemplo: <html></html> , <body></body>.
Para utilizar o html precisamos de ferramentas especificas, tais como, Dreamweaver, Front page, bloco de notas do windows, etre outros.

Obrigado galera, até o próximo post