Estrutura Básica
<html><head>
<title> Seu titulo aqui </title>
</head > <body>
</body>
</html>
Alinhamentos
Para alinhar um texto em html usa-se as seguintes tags:<p align="Left">= Desta forma o texto fica alinhado a esquerda
<p align="Right">= Desta forma o texto fica alinhado a direita
<p align="Center">= Desta forma o texto fica centralizado
<p align="Justify">= Desta forma o texto fica justificado
Vamos agora ver as tags acima em funcionamento respectivamente:
Agora o texto esta alinhado a esquerda
Agora o texto esta alinhado a direita
Agora o texto esta centralizado
Agora o texto esta justificado
Cores de texto, fontes e tamanhos
Para formatar um texto dentro do seu html é necessário que use-se as seguintes tags:<font face="sua fonte aqui" color="cor do texto colocado em valor hexadecimal conforme tabela de cores seguras ou cor escrita em ingles" size="tamanho da fonte que pode ser incluida de 1 a 7 ou valor em px"pixels"> lembrando que quando quiser usar outra fonte ou cor ou tamanho deve-se fechar a tag </font>
Vamos agora ver o exemplo acima:
Este texto esta em arial, cor azul e tamanho 3px
Este texto em Times New Roman, cor vermelha e tamanho 5 px
Este texto esta em Cooper, cor verde e tamanho 7px
Negrito, sublinhado, italico, tachado, subscrito, sobrescrito, recuo, quebra de linha, small e big
Mais alguns atributos de formatação de texto html, agora usando o negrito, sublinhado, italico, tachado, subscrito, sobrescrito, recuo e quebra de linha.
Para colocar o seu texto em negrito deve-se incluir a tag <b>
Para colocar o seu texto sublinhado deve-se incluir a tag <u>
Para colocar o seu texto em italico deve-se incluir a tag <i>
Para colocar o seu texto tachado deve-se incluir a tag <strike>
Para colocar o seu texto subscrito deve-se incluir a tag <sub>
Para colocar o seu texto em sobrescrito deve-se incluir a tag <sup>
Para recuar o seu texto deve-se incluir a tag <blockquote>
Para fazer uma quebra de linha deve-se incluir a tag <br/>
Para colocar o texto em menor fonte deve-se incluir a tag <small>
Para colocar o texto em maior fonte deve-se incluir a tag <big>
Vamos agora aos exemplos acima colocados respectivamente:
Este texto esta em negrito
Este texto esta sublinhado
Este texto esta em italico
KM2 O numero 2 foi sobrescrito
H2O O numero 2 foi subscrito
este texto esta recuado uma vez
Este
texto
esta
quebrando
linha
este texto esta em menor fonte este texto em maior fonte
Tag pre
Quando se quer que os espaçamentos sejam obedecidos diretamente como são colocados no editor de texto html sem muita necessidade de enche-lo com outras tags, é necessário incluir a tag <pre>Vamos a um exemplo abaixo:
Este texto
esta usando apenas a tag <pre> e não se faz necessário
outras tags inclusive a quebra de linha
0 comentários:
Postar um comentário