Internet

Categories: internet

Internet é uma rede mundial de milhares de pequenas redes de computador e milhões de microcomputadores comerciais, educacionais, governamentais e pessoais que usa os protocolos TCP/IP (Transmission Control Protocol/Internet Protocol) para comunicação. No centro da Internet existem linhas de comunicação de dados de alta velocidade entre computadores host, consistindo em milhares de sistemas de computador […]

Internet é uma rede mundial de milhares de pequenas redes de computador e milhões de microcomputadores comerciais, educacionais, governamentais e pessoais que usa os protocolos TCP/IP (Transmission Control Protocol/Internet Protocol) para comunicação. No centro da Internet existem linhas de comunicação de dados de alta velocidade entre computadores host, consistindo em milhares de sistemas de computador comerciais, do governo, educacionais e outros, que encaminham dados e mensagens. Atualmente, a Internet oferece um grupo de serviços para usuários, como Correio Eletrônico, a World Wide Web, FTP, grupos de notícias Usenet, Gopher, IRC, telnet ... Read More

Frames

Categories: Frames, HTML

Frames Frames são divisões de uma pagina em HTML. Ela é composta de uma pagina principal e diversas outras divisões, compostas por outras paginas. Na pagina principal você insere as outras paginas em colunas ou linhas, sendo que você identifica o tamanho que cada uma deve ter. É necessária cautela ao pôr frames, pois se […]

Frames Frames são divisões de uma pagina em HTML. Ela é composta de uma pagina principal e diversas outras divisões, compostas por outras paginas. Na pagina principal você insere as outras paginas em colunas ou linhas, sendo que você identifica o tamanho que cada uma deve ter. É necessária cautela ao pôr frames, pois se você não souber como organizálas, sua pagina perdera todo o sentido. No entanto, elas podem ser muito úteis para criação de menus em sua pagina. Para criar as frames vamos usar duas Tag’s: FRAMESET: Indica como ... Read More

Células Mescladas

Categories: HTML, TABELAS

Células Mescladas Para mesclar as células vamos atribuir à Tag TD os seguintes atributos: COLSPAN: Será o numero de colunas que a célula ocupara. ROWSPAN: Será o numero de linhas que a célula ocupara. <Table Border=”2″ width=”50%” cellpadintg=”3″ celladding=”3″> <TR bgcolor=”#FFFACD”> <TD colspan=”2″>Célula 1</TD> </TR> </TABLE>

Células Mescladas Para mesclar as células vamos atribuir à Tag TD os seguintes atributos: COLSPAN: Será o numero de colunas que a célula ocupara. ROWSPAN: Será o numero de linhas que a célula ocupara. <Table Border="2" width="50%" cellpadintg="3" celladding="3"> <TR bgcolor="#FFFACD"> <TD colspan="2">Célula 1</TD> </TR> </TABLE> Read More

Tabelas

Categories: HTML, TABELAS

Atributos Individuais Vamos agora configurar individualmente cada célula. ALIGN: alinha do conteúdo da célula ou das células da linha. Valores: right, left, center. BGCOLOR: define a cor de fundo das células da linha ou de uma célula individual; VALIGN: alinhamento vertical de uma célula ou de células de uma linha; Pode ser top, middle ou […]

Atributos Individuais Vamos agora configurar individualmente cada célula. ALIGN: alinha do conteúdo da célula ou das células da linha. Valores: right, left, center. BGCOLOR: define a cor de fundo das células da linha ou de uma célula individual; VALIGN: alinhamento vertical de uma célula ou de células de uma linha; Pode ser top, middle ou bottom. WIDTH: largura de uma célula em pixels ou %; NOWRAP: indica ao browser que o texto da célula não pode ser dividido em mais de uma linha. A coluna inteira terá o tamanho do texto escrito ... Read More

TABELAS

Categories: HTML, TABELAS

TABELAS As Tabelas servem para deixar mais organizados os dados disponíveis em sua pagina. Criando tabelas Para criar tabelas simples, vamos fazer da seguinte maneira: <TABLE> <TR> <TH>Cabeçalho da Tabela</TH> <TD>Dados da Tabela</TD> </TR> </TABLE> As tag’s Table e /Table servem para indicar inicio e fim de tabela. TR define cada linha de cada tabela. […]

TABELAS As Tabelas servem para deixar mais organizados os dados disponíveis em sua pagina. Criando tabelas Para criar tabelas simples, vamos fazer da seguinte maneira: <TABLE> <TR> <TH>Cabeçalho da Tabela</TH> <TD>Dados da Tabela</TD> </TR> </TABLE> As tag’s Table e /Table servem para indicar inicio e fim de tabela. TR define cada linha de cada tabela. TH Define o cabeçalho da Tabela. É uma célula da tabela. TD Define os dados da Tabela. Melhorando a Tabela Agora vamos melhorar a aparência da tabela inserindo Tag’s BORDER: espessura da borda em pixels. BOREDERCOLOR: especifica a cor da borda da tabela WIDTH: especifica a ... Read More

Inserir Som em paginas

Categories: HTML

SOM Para inserir sons na sua pagina vamos utilizar as seguintes Tag’s: EMBED SRC – Para colocar as músicas para reproduzir em uma espécie de mini-media player na pagina. Ex.<embed src=”audio.mp3″ mce_src=”audio.mp3″ loop=”1″> BGSOUND SRC – Para colocar músicas em plano de fundo, para que apenas toque sem que ninguém consiga ver, apenas ouvi-la. Ex.<bgsound […]

SOM Para inserir sons na sua pagina vamos utilizar as seguintes Tag’s: EMBED SRC – Para colocar as músicas para reproduzir em uma espécie de mini-media player na pagina. Ex.<embed src="audio.mp3" mce_src="audio.mp3" loop="1"> BGSOUND SRC – Para colocar músicas em plano de fundo, para que apenas toque sem que ninguém consiga ver, apenas ouvi-la. Ex.<bgsound src="audio.mp3 loop="1"> LOOP – Utilizamos o loop para colocarmos quantas vezes queremos que a música toque. Com loop=1, a musica tocara apenas duas vezes, loop=2, suas vezes... Para colocarmos para que se repita inúmeras vezes, colocamos loop=infinite. Read More

Inserindo Imagens aos Links

Categories: HTML

Inserindo Imagens aos Links Para inserir uma imagem num link basta colocar no lugar do texto do link a tag que insere imagem. Ex. <a href=”teste.html><img src=”http://www.univab. pt/disciplinas/dchs/pagina_dchs/disciplinas/527/media/Site%20Background.jpg” width=120 height=160 align=”middle” border=”3″ alt=”fundo”></a>

Inserindo Imagens aos Links Para inserir uma imagem num link basta colocar no lugar do texto do link a tag que insere imagem. Ex. <a href="teste.html><img src="http://www.univab. pt/disciplinas/dchs/pagina_dchs/disciplinas/527/media/Site%20Background.jpg" width=120 height=160 align="middle" border="3" alt="fundo"></a> Read More

Inserindo Imagens / Configurando a Imagem

Categories: HTML

Inserindo Imagens Para inserir imagens numa WebPage vamos utilizar a Tag IMG. Ex. <img src=”http://www.univab. pt/disciplinas/dchs/pagina_dchs/disciplinas/527/media/Site%20Background .jpg”> Configurando a Imagem Após inserirmos a imagem temos de configurá-la. Não é necessário, mas você pode utilizar para deixar a sua imagem ao seu gosto. Utilizamos as seguintes Tag’s a partir de IMG SRC: Width – A partir […]

Inserindo Imagens Para inserir imagens numa WebPage vamos utilizar a Tag IMG. Ex. <img src="http://www.univab. pt/disciplinas/dchs/pagina_dchs/disciplinas/527/media/Site%20Background .jpg"> Configurando a Imagem Após inserirmos a imagem temos de configurá-la. Não é necessário, mas você pode utilizar para deixar a sua imagem ao seu gosto. Utilizamos as seguintes Tag’s a partir de IMG SRC: Width – A partir dela informamos a largura da imagem. Se não for configurada a imagem será inserida no seu tamanho original. Height – Com ela, informamos a altura. Quando não é informada mantém também sua altura original. Border – Cria e ... Read More

Âncoras

Categories: HTML

Criando âncoras Antes de criar um link interno, temos que criar uma ancora, desse jeito; <A NAME=”seção1″>Este é o texto da seção</A>, em que “seção1” é o nome da seção e “Este é o texto da seção” é em que texto foi feito a seção. Colocando Links nas Âncoras Agora que a ancora foi feita, […]

Criando âncoras Antes de criar um link interno, temos que criar uma ancora, desse jeito; <A NAME="seção1">Este é o texto da seção</A>, em que “seção1” é o nome da seção e "Este é o texto da seção" é em que texto foi feito a seção. Colocando Links nas Âncoras Agora que a ancora foi feita, falta linká-la, desse jeito: <a href="#seção1" mce_href="#seção1">Seção 1</a> <HTML> <HEAD> <TITLE> Minha Primeira Página</TITLE> <META NAME="author" content="WebMaster" <META NAME="description" CONTENT="Minha Primeira Página de HTML"> <META NAME="keywords" content="Página HTML"> <META HTTP-EQUIV="language" content="pt-br"> </HEAD> BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW" VLINK="DARKGREEN"> <h1><font face=Tahoma color=green>Este é o meu primeiro título </font></h1> <a ... Read More

Criando Links

Categories: HTML

Criando Links Existem dois tipos de links: 1º – Para páginas Externas 2º – Para paginas Internas, chamados de âncoras. Criando um Link Externo: <a href=protocolo://endereçodapagina/arquivo.extensão>Texto mostrando o Link(ex. “Clique aqui”)</a> Ex. <a href=”http://www.planetadorock.xpg.com.br/index.html” mce_href=”http://www.planetadorock.xpg.com.br/index.html”>Clique Aqui</a> <HTML> <HEAD> <TITLE> Minha Primeira Página</TITLE> <META NAME=”author” content=”WebMaster” <META NAME=”description” CONTENT=”Minha Primeira Página de HTML”> <META NAME=”keywords” content=”Página […]

Criando Links Existem dois tipos de links: 1º - Para páginas Externas 2º - Para paginas Internas, chamados de âncoras. Criando um Link Externo: <a href=protocolo://endereçodapagina/arquivo.extensão>Texto mostrando o Link(ex. “Clique aqui”)</a> Ex. <a href="http://www.planetadorock.xpg.com.br/index.html" mce_href="http://www.planetadorock.xpg.com.br/index.html">Clique Aqui</a> <HTML> <HEAD> <TITLE> Minha Primeira Página</TITLE> <META NAME="author" content="WebMaster" <META NAME="description" CONTENT="Minha Primeira Página de HTML"> <META NAME="keywords" content="Página HTML"> <META HTTP-EQUIV="language" content="pt-br"> </HEAD> <BODY BGCOLOR="gray" LINK="RED" ALINK="YELLOW" VLINK="DARKGREEN"> <h1><font face=Tahoma color=green>Este é o meu primeiro título </font></h1> <p align=center><font face="Arial" color="navy" size="2">Este é o meu primeiro parágrafo em HTML</font></p> <p align="justify"><font face=Verdana size=2 color=orange>Este é o meu segundo parágrafo<Br>E esta é minha primeira quebra de linha.</font></p> <a href="http://www.google.com"><font face="Tahoma" ... Read More