Blog Experimental: Html

Mostrando postagens com marcador Html. Mostrar todas as postagens

terça-feira, 12 de novembro de 2013

Página Simples Html

Script:
<Html>
<Head>
<font color="white">

<center>
<font size=7>
Teste página
</font>
<font size=4>
<p>
Nome: Leonardo Vinicius Alves Lobo n°: 29 <p>
1º Tec inf.
</font>
</center>
</Head>
<Body background="images.jpg" link="white" vkink="white">

Links uteis: <p>
<ul>
<li>
<a href="https://www.google.com.br/">Google</a>
<li>
<a href="https://www.facebook.com/">Facebook</a>
<li>
<a href="https://xexperimentalblogx.blogspot.com/">Blog</a>
</ul>
</body>
</html>

terça-feira, 7 de maio de 2013

Tabelas em html

Olá pessoal, tudo bem?

Hoje vou falar um pouco sobre TABELAS.

No desenvolvimento de websites, por mais simples que seja, é necessário uma maneira de organizar seus conteúdos e ajustar seu website. Para isto, usamos as famosas TABELAS. Vou explicar passo a passo como criar a sua sem a necessidade de qualquer programa que desenvolva páginas.

Para isto, vamos precisar do Bloco de notas, isto mesmo! O bloco de notas do Windows. Ou qualquer programa editor de textos simples que você tenha instalado em seu computador.

Primeiramente, vamos para o código principal da tabela, que é o
<table> </table>
. Este é importante para determinar ao navegador que o código entre eles é uma tabela.

Em tabelas, existem linhas e colunas, como no Excel. O código para linhas é o
<tr> </tr>
e o para colunas é o
<td> </td>
.

Ainda existem outros códigos que auxiliam na personalização da tabela. Um exemplo é a cor de fundo, onde usamos a tag
bgcolor='COR'
tanto para a TAG
<table></table
como para as tags de linha e coluna.

Parece complicado não acha? Mas não é! Vamos ao exemplo prático.

<table border=1 bgcolor='yellow'><tr><td>1ª coluna - 1ª linha</td><td bgcolor='#aaddbb'>2ª coluna - 1ª linha</td></tr><tr><td>1ª coluna - 2ª linha</td><td>2ª coluna - 2ª linha</td></tr></table>

o Código para esta tabela:

<table border=1 bgcolor='yellow'>
<tr>
<td>1ª coluna - 1ª linha</td> <td bgcolor='#aaddbb'>2ª coluna - 1ª linha</td>
</tr>
<tr>
<td>1ª coluna - 2ª linha</td> <td>2ª coluna - 2ª linha</td>
</tr>
</table>

Note que estamos utilizando o atributo
bgcolor='yellhow'
tanto na TAG
<table> </table>
como na TAG
<td> </td>
. Neste atributo, tanto podemos usar o NOME da cor em INGLÊS como o código dela em HEXADECIMAL. (<a href='http://www.codigofonte.net/?secao=geradores&acc=cores' target=_blank> Clique aqui para um assistente de hexadecimal</a>).

Ainda existem outros atributos para as tabelas, alguns dos mais usados são:

cellspacing - especifica o tamanho dos espaços entre as células na tabela.
cellpadding - especifica o tamanho dos espaços entre a borda da célula e seu conteúdo.
border - especifica o tamanho da borda da tabela. (apenas para a TAG
<table></table>
)
width - largura da tabela ou coluna
height - algura da tabela ou coluna
rowspan - especifica quantas linhas a célula será mesclada
colspan - especifica quantas colunas a célula será mesclada

Um exemplo de Rowspan e Colspan

Rowspan

<table border=1 bgcolor='yellow'><tr><td rowspan=2>1ª coluna - 1ª linha + 2ª linha</td><td> 2ª coluna - 1ª linha</td></tr><tr><td>2ª coluna - 2ª linha</td></tr></table>

Código:

<table border=1 bgcolor='yellow'>
<tr>
<td rowspan=2>1ª coluna - 1ª linha + 2ª linha</td>
</tr>
<tr>
<td>1ª coluna - 2ª linha</td><td>2ª coluna - 2ª linha</td>
</tr>
</table>

Colspan

<table border=1 bgcolor='yellow'><tr><td colspan=2>1ª + 2ª coluna - 1ª linha</td></tr><tr><td>1ª coluna - 2ª linha</td><td>2ª coluna - 2ª linha</td></tr></table>

Código:

<table border=1 bgcolor='yellow'>
<tr>
<td colspan=2>1ª + 2ª coluna - 1ª linha</td>
</tr>
<tr>
<td>1ª coluna - 2ª linha</td><td>2ª coluna - 2ª linha</td>
</tr>
</table>

Bom. É isto ae pessoal. Dúvidas, postem abaixo.

Até a próxima.

terça-feira, 23 de abril de 2013

Dicas html básico

Quebra de linhas:

A quebra de linhas é muito fácil é só você abrir <b> e fechar o </b>;

Definindo cor de fundo:

para definirmos a cor de fundo de um documento em html é muito simples nós apenas precisamos digitar o seguinte comando: <background-color: #ffcc66>

Negrito e Itálico:

O comando é muito simples para deixar em negrito é só abrir o comando <b>este texto está em negrito></b>

Usando Fontes:

Agora eu vou passar o comando para mudar a fonte do arquivo Html.

<font face="red">este texto esta em vermelho</font>

Definindo cor padrão:

Comando para definir a cor padrão de documento Html.

<font color="red">Este texto esta em vermelho</font>

Fontes de alimentação:

A fonte de alimentação é o dispositivo responsável por fornecer energia elétrica aos componentes de um computador. Portanto, é um tipo de equipamento que deve ser escolhido e manipulado com cuidado , afinal qualquer equívoco pode resultar em provimento inadequado de eletricidade ou em danos á máquina.

Conectores da fonte de alimentação:

É auelle que faz a alimentação da placa-mãe, antes com 20 pinos, o padrão atual tem 24 pinos.É quase empre constituído por um bloco de 20, no qual se pode adicionar um blocode 4 pinos.

terça-feira, 26 de março de 2013

Como colocar Html em negrito

Fonte negrito: <b> </b>
Qualquer texto entre <b> e </b> ficará em negrito.

<html>
<head>
<body
<title> Aqui você ponha o nome da pagina.(aba) (entre aspas " ")
</title>
<center> <b> aqui você coloca a frase ou texto que desenha ponhar em negrito (entre aspas tbm " ")
</center> </b>
</html>
</head>
</body>

Marcadores