NOVIDADES100 Tem de Tudo
Criando Páginas Html
Iniciação ao Html
HTML - Hyper Text Merkup Language.
A linguagem mais usada na web ainda é o html. Teve origem na Suíça, criada pelo inglês Tim Berners-Lee de 44 anos, com o único propósito de interligar computadores do laboratório e outras instituições de pesquisa para exibir documentos de forma simples e rápida.
Só em Julho de 1992 foi liberada sua biblioteca de desenvolvimento para www - world wide web, de alcance mundial. Por este motivo deu-se início a construção de browsers. O primeiro foi o Mosaic, logo liberada também para Mac e Windows. Assim tornou-se possível o acesso de milhões de usuários pelo mundo.
Depois deste breve relato sobre o início da principal linguagem usada hoje na web, vamos ao que interessa que é simplesmente propiciar a você a criação de sua própria página html.
PARA COMEÇAR, VAMOS CRIAR UMA PÁGINA BÁSICA
<html>
<head>
<title> MINHA PAGINA </title>
</head>
<body>
<h1> MINHA PÁGINA </h1>
<p> Aqui vai o conteúdo propriamente dito. <br>
Continua em outra linha… <br>
(br Significa uma quebra de linha) <br>
E para finalizar a página, fecha o parágrafo, fecha o body e o html. </p>
</body>
</html>
Para testar este script, salve-o no bloco de notas com a extensão html. Mais ou menos assim minha_pagina.html, depois abra-a com o Internet Explorer ou outro qualquer, clicando com o botão direito do mouse sobre ela e em abrir com, escolha Internet Explorer ou outro.
VAI APARECER ASSIM:
MINHA PÁGINA Aqui vai o conteúdo propriamente dito. |
Você pode editar sua página AQUI
COMO MUDAR A COR DO BACKGROUND DE SUA PÁGINA
Para alterar a cor padrão de sua página, que é branca, você precisa apenas adicionar na abertura do body a propriedade bgcolor.
Ficando assim:
…
<body bgcolor="#000000" text="#ffffff">
…
Veja a Tabela de Cores
Como editar as cores das fontes e fundos de suas páginas, manipulando o layout facilmente. Veja também como alterar os caracteres que definem as cores gerando assim possibilidades para infinitas tonalidades.VAI FICAR ASSIM:
| Cor do background igual a preta |
| Cor do texto igual a branca |
COMO CRIAR UM LINK
Links são fundamentais para uma página da web, eles são portas de acessos aonde você viaja de um lado para outro na internet.
Muito simples de serem criados, veja alguns exemplos:
Este primeiro vai abrir na mesma janela em que você está:
<a href="http://www.novidades100.com.br"> Aqui o título da página que vai ser acessad</a>
Vai ficar assim:
| Aqui o título da página que vai ser acessada |
Para abrir em outra janela o url de destino apenas acrescente à frente: target="_blank"
Ficando assim:
<a href="http://www.novidades100.com.br" target="_blank">
COMO ADICIONAR UMA IMAGEM À SUA PÁGINA
Para adicionar uma imagem à sua página, você deve tê-la armazenada em algum servidor ou apenas pegar o url (endereço) da imagem na web, e criar o seguinte script:
<img src="http://www.novidades100.com.br/gifs/mengo.gif" width="70" height="60" title="texto que vai aparecer quando for colocado o ponteiro do mouse sobre ela" align="center">
Esclarecimentos:
- img src="http://www.novidades100.com.br/gifs/mengo.gif" é o endereço da imagem.
- width é a largura da imagem.
- height é a altura da imagem.
- title é o texto que aparece quando lhe for colocado o ponteiro do mouse sobre ela.
- align é a posição em que ela deve ser exibida - left: esquerda, center: centro e right: direita.
VAI EXIBIR ASSIM
|