Culinária | Detonados | Internet | Poesias | Wallpapers | Web Tools |
HTML - Hyper Text Markup 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.
<html>
<head>
<title>Minha Página Web</title>
</head>
<body>
<h1>Minha Página Web </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 código, 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.
Minha Página WebAqui vai o conteúdo propriamente dito. |
Para alterar a cor padrão de sua página (Fundo em branco e texto em preto), você precisa apenas adicionar na abertura do body os atributos bgcolor e color (Este último refere-se a cor do texto.
Vai ficar assim:
…
<body bgcolor="#000000" text="#ffffff">
…
Cor do background igual a preta |
Cor do texto igual a branca |
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="https://novidades100.com.br">Aqui o título da página que vai ser acessada</a>
Aqui o título da página que vai ser acessada |
Para abrir o url de destino na mesma janela, porém em outra guia, apenas acrescente target="_parent".
Ficando assim:
<a href="https://novidades100.com.br" target="_parent">Abrir em Outra Guia na Mesma Janela</a>
Para abrir o url de destino em outra janela apenas acrescente target="_blank".
Ficando assim:
<a href="https://novidades100.com.br" target="_blank">Abrir em Outra Janela</a>
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 código:
<img style="width:70px;height:70px;float:left;" src="https://novidades100.com.br/dicas/images/button.webp" alt="texto que vai aparecer quando for colocado o ponteiro do mouse sobre ela" title="texto que vai aparecer quando for colocado o ponteiro do mouse sobre ela">
Para adicionar um link à imagem na sua página, você deve apenas acrescentar um url de destina à frente da imagem e fechar com a tag </a> após a imagem, como mostra o código a seguir:
<a href="https://novidades100.com.br/dicas/"><img style="width:70px;height:70px;float:right;" src="https://novidades100.com.br/dicas/images/button.webp" alt="texto que vai aparecer quando for colocado o ponteiro do mouse sobre ela" title="texto que vai aparecer quando for colocado o ponteiro do mouse sobre ela"></a>
Esclarecimentos:
img src="https://novidades100.com.br/dicas/images/button.webp" - É o url(endereço) da imagem.
width - É a largura da imagem.
height - É a altura da imagem.
alt - Rastreados por indexadores.
title - É o texto que aparece quando lhe for colocado o ponteiro do mouse sobre ela.
Veja aqui uma tabela simples para você iniciar na sua construção das funcionais tables (Tabelas). Copie o script abaixo e cole em Bloco de Notas, salvando-o como tabela.htm.
<table cellspacing="3" cellpadding="3" width="300">
<tr>
<td style="border:1px solid #aaa;">conteúdo da célula</td>
<td style="border:1px solid #aaa;">conteúdo da célula</td>
</tr>
<tr>
<td style="border:1px solid #aaa;">conteúdo da célula</td>
<td style="border:1px solid #aaa;">conteúdo da célula</td>
</tr>
<tr>
<td style="border:1px solid #aaa;">conteúdo da célula</td>
<td style="border:1px solid #aaa;">conteúdo da célula</td>
</tr>
<tr>
<td style="border:1px solid #aaa;">conteúdo da célula</td>
<td style="border:1px solid #aaa;">conteúdo da célula</td>
</tr>
</table>
conteúdo da célula | conteúdo da célula |
conteúdo da célula | conteúdo da célula |
conteúdo da célula | conteúdo da célula |
conteúdo da célula | conteúdo da célula |
Click Aqui para ver mais sobre tabelas (tables).
Para finalizar fica aqui um link onde pode ser geradas através de formulário páginas completas Html - Gerador de Páginas da Web
Criando, Páginas, Html, Linguagem, Texto
Pressione CTRL + D para Adicionar Esta Página aos Seus Favoritos
Nosso site utiliza cookies para melhorar sua experiência ao utilizar nosso conteúdo, além de personalizar publicidades de acordo com seus interesses.
Política de Privacidade