Ir para conteúdo

Noções Basicas HTML #1

É novato?

Bom como o conteúdo sobre o HTML é muito grande vou dividir esse tópico em partes do básico ate aonde eu souber kk ❤️

Noções Básicas sobre HTML

O código HTML é composto por TAGS (ou comandos), que são usadas no inicio e no final do texto que vai ser afetado pelo código. Uma tag de inicio é por exemplo a tag <b> que é usada para colocar uma porção de texto em negrito. A tag de fecho correspondente será </b> que será usada no final desse texto que queremos formatar. Assim, se quisermos colocar em negrito a palavra "Olá!" na frase abaixo, então o código HTML fica:

Spoiler

<b>Olá!</b> Bem vindo a GGames

 

e o resultado será:

Spoiler

Olá! Bem vindo a GGames'

 

Estrutura Básica do Código HTML de um Documento

Comece por definir o layout básico do documento. Pode copiar e colar este código no "Bloco de Notas" ou outro editor de texto:

Spoiler

<html> 
<head> 
<title>Título da sua página</title>
<meta name="description" content="Breve descrição da sua página">
<meta name="keywords" content="Palavras chave da sua página">
</head> 
<body>

Nesta área fica tudo aquilo que se visualiza no navegador da internet, texto e imagens, juntamente com todos as tags HTML de formatação. 

</body> 
</html>

 

As tags <html> e </html> dizem ao navegador de internet aonde começa e aonde acaba o código HTML.
 

As tags <title> e </title> dizem ao browser qual é o título da página. O título pode ser visto identificando o respectivo separador no seu navegador de internet. O texto que for definido entre estas tags também é normalmente o texto que é usado como título pelos motores de busca quando apresentam as páginas nos resultados de uma pesquisa.
 

A tag <meta name="description" ...> é informação que pode ser útil para os motores de busca. Eles podem usar o que você escreveu na descrição para descrever a página quando ela é apresentada nos resultados de uma pesquisa. Ou então, por vezes, os motores de busca usam também uma porção aleatória do que estiver no <body> da sua página.
 

A tag <meta name="keywords" ...> também pode ser usada pelos motores de busca na indexação da página. Coloque as palavras chave separadas por virgulas no interior desta tag. 
Entre as tags
<body> e </body> é colocado o conteúdo da página, que é o que é visualizado no browser.


Após inserir os códigos HTML e o conteúdo pretendido, deve-se guardar o ficheiro com a extensão ".html". Ou seja, damos-lhe um nome e acrescentamos a extensão ".html". Ficariamos por exemplo com o ficheiro "index.html". Depois disso, para visualizar a página no browser basta clicar sobre o ficheiro.

 

Tags Básicas para Fonte e Texto

 

Itálico: <i>texto</i>
 

Sublinhado: <u>texto</u>
 

Negrito: <b>texto</b>
 

Texto Riscado: <s>texto</s>
 

Novo Parágrafo: <p>texto</p> 
Esta tag inicia um novo parágrafo introduzindo uma linha em branco entre o novo parágrafo e o anterior. 
Quebra de linha: <br>


Esta tag faz com que o texto que vier a seguir mude para a linha seguinte. Introduzir esta tag duas vezes seguidas faz o mesmo efeito que a tag de parágrafo.
Centrar: <center>texto</center>


Alinhar texto à esquerda: <p align="left">texto</p>


Alinhar texto à direita: <p align="right">texto</p>


Mudar cor do texto: <font color="red">texto</font>


Pode também utilizar os códigos HEX para definir as mais variadas cores. Por exemplo para definir vermelho em vez red podia usar o código HEX para o vermelho que seria #FF0000.
Mudar a fonte: <font face="Arial">texto</font>


Mudar o tamanho: <font size="2">texto</font>
(escolher entre 1 e 7)

 

Pode-se formatar um texto usando várias tags em simultâneo. Assim, por exemplo eu posso formatar um texto em negrito, itálico e sublinhado, colocando todas as tags ao mesmo tempo, acumulando os efeitos:

Spoiler

<b><u><i>Nakamura</i></u></b>

Resultado:

Nakamura

 

Créditos: Nakamura

  • Curtir (+1) 2
  • Amei (+1) 1



×
×
  • Criar Novo...

Informação Importante

Termos de Uso Política de Privacidade Regras