Fundador 403 - Forbiddeen Postado Julho 14, 2018 Fundador Compartilhar Postado Julho 14, 2018 Noções Basicas HTML #1 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: e o resultado será: 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: 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: Resultado: Nakamura Créditos: Nakamura Autor Nakamura Categoria HTML | CSS | Javascript Enviado 14-07-2018 14:15 Antes de perguntar, visite a Wiki GGames | Quer GCoins? Junte-se ao meu Clube. Junta-se ao Telegram Oficial do GGames, lá pode falar de tudo! | Clique aqui Link para o comentário Compartilhar em outros sites More sharing options...
Posts Recomendados
Crie uma conta ou entre para comentar
Você precisar ser um membro para fazer um comentário
Criar uma conta
Crie uma nova conta em nossa comunidade. É fácil!
Crie uma nova contaEntrar
Já tem uma conta? Faça o login.
Entrar Agora