Você não está conectado. Conecte-se ou registre-se

[Tut] HTML noção basica

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 [Tut] HTML noção basica em Qui Fev 11, 2010 11:24 pm

dr olk


Admin
[Tut] HTML noção basica

Bom, vou postar aqui uma base sobre a linguagem HTML, que é o modo mais facil de desenvolver WebSites básicos.


Vamos começar...

Vá em: Todos os progamas >> Acessorios >> Bloco de notas !

Sim, isso é o que você necessita para começar a desenvolver o seu website.
Basta salvar o codigo com qualquer nome .html e executar com qualquer navegador.

RETIRE OS ASTERISCOS

TEXTO
Para adicionar um texto, coloca as seguintes tags
<*p>TEXTO AKI DENTRO<*/p>
Este exemplo imprime um texto simples na página.

Ah outros modos de adicionar textos, que o permite modificar cor, tamanho.. como estes:
<*font color="red"> altera a cor \\ retire o asterisco
<*font size="3"> altera o tamanho \\ retire o asterisco
<*font face="verdana"> altera a fonte \\ retire o asterisco

IMAGENS

<*img src="LINK DA IMAGEM"> imprime uma imagem na pagina \\ retire o asterisco

No HTML, permite fazer as seguintes alterações em imagens...

alt="texto_alternativo"

border="borda_da_imagem"

WIDTH="largura_da_imagem"

HEIGHT="altura_da_imagem"

ALIGN="alinhamento_horizontal_ou_vertical_da_imagem"

VSPACE="margem_superior_inferior&quot;

HSPACE="margem_direita_esquerda&quot;

Exemplo: <*img border="2" src="LINK DA IMAGEM"> \\ retire o asterisco
Posicionando Elementos



<*center> Posiciona um texto, uma imagem, ou tabela no centro da pagina \\ retire o asterisco
<*right> Posiciona um elemento na direita \\ retire o asterisco
<*left> Posiciona um elemento na esquerda \\ retire o asterisco


Frames

O uso de frames permite que diferentes arquivos HTML componham a mesma página, permitindo dividir o espaço da janela do navegador em colunas e/ou linhas e controlar o seu tamanho, determinando quantas serão as subdivisões e qual será sua distribuição na tela.

Geralmente uma página com frames é constituída de dois ou três elementos básicos:

- a página cujo nome é frameset. Ela contém os tags que especificam como as diferentes páginas aparecerão dentro da janela do navegador; ou seja,tem atributos que definem a divisão do espaço da janela do browser em colunas ou linhas.

- as páginas internas normais, denominadas frames, que aparecerão de acordo com as instruções contidas no código do frameset.

Cada uma destas marcações -
Os valores poderão ser:

- Numérico - pixels - Exemplo: (ROWS="30, 50"). Refere-se a quantos pixels cada frame (ou janela) deve ocupar.

- Relativo - * Exemplo: (ROWS="2*,*"). O valor é relativo. Nesse caso o primeiro frame ocupará dois terços da tela e o segundo um terço.

- Percentual - % Exemplo: (ROWS="25%, 25%, 50%"). O total deve somar 100%. Também poderia ser (ROWS="25%, 25%, *"), pois onde está o asterisco ( * ) o navegador colocará o valor que falta para que a soma dos valores resulte em 100%.

Três atributos muito usados no frameset são:

- FRAMESPACING: determina o espaçamento entre os frames (em pixels).

- FRAMEBORDER: define se haverá ou não bordas entre as frames (admite os valores 1, para inserir bordas ou 0, para retirá-las).

- BORDERCOLOR - especifica a cor da borda entre os frames.

Cercadas pelas tags , você deve inserir as tags de acordo com o número de colunas ou linhas inserido nos atributos COLS e ROWS.

Os tags são responsáveis por definir qual página HTML será carregada dentro de cada uma das divisões do frameset. Também podem ter algumas outras configurações particulares.

Além dos atributos FRAMESPACING e FRAMEBORDER, há outros:

- SRC - especifica o arquivo a ser carregado no frame.

- MARGINHEIGHT e/ou TOPMARGIN: especificam a altura das margens superior e inferior do frame em pixels;

- MARGINWIDTH e/ou LEFTMARGIN: especificam a altura das margens direita e esquerda do frame em pixels;

- NAME: indica o nome deste frame, de modo a que possa ser identificado e localizado para carregar documentos, especialmente se forem utilizadas rotinas em JavaScript para comandar as páginas do frameset;

- NORESIZE: insira este atributo dentro da tag para que esta não possa ser redimensionada pelo usuário;
- SCROLLING: define se o frame terá ou não barra de rolagem (admite YES para que o frame possua barras de rolagem e NO, em caso contrário. Note-se que atribuindo YES, o frame só apresentará barra de rolagemse realmente for necessário, ou seja, se o tamanho do arquivo o exigir).

- SRC: define o caminho/nome da página HTML que será exibida dentro do frame


EXEMPLO DE CODIGOS FONTE



Abaixo está o código fonte de um arquivo index.html, que pode exemplificar o frameset do tipo 2 colunas. Ou seja, orientar que um dos arquivos fique na coluna da esquerda e o outro na da direita, sendo o último bem maior que o primeiro.

Supondo dois arquivos denominados coluna1.html (o menor) e coluna2.html (o maior), copiar ocódigo abaixo

- no NVU, com a aba Source ativada. Na aba normal nada aparecerá. Ou

- no Metapad (ou Notepad), substituindo Phoenix pelo título do aquivo e salvar como html.



Notar que a referência "cols=" que aparece logo após o elemento "frameset" determina que o documento será dividido por colunas.
Elemento Body, ou corpo !


Body é o fundo de sua página HTML

altera a cor de funda da sua pagina
Adiciona uma imagem de fundo !


TUTORIAL CRIADO POR GIOVANE,

Ver perfil do usuário http://forumyakuza.ativoforum.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum