Tags básicas para Fonte e Texto
Itálico: <i>texto</i>
Sublinhado: <u>texto</u>
Negrito: <b>texto</b>
Centralizar: <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>
Mudar a fonte: <font face="Arial">texto</font>
Mudar o tamanho: <font size="2">texto</font>
Novo Parágrafo: <p>texto</p>
Esta tag inicia um novo parágrafo deixando uma linha em branco entre o novo parágrafo e o parágrafo anterior.
Esta tag inicia um novo parágrafo deixando uma linha em branco entre o novo parágrafo e o parágrafo anterior.
Quebra de linha: <br>
Esta tag faz com que o texto que vier a seguir mude para a linha seguinte.Colocando esta tag duas vezes seguidas faz o efeito de uma tag de parágrafo.
Esta tag faz com que o texto que vier a seguir mude para a linha seguinte.Colocando esta tag duas vezes seguidas faz o efeito de uma tag de parágrafo.
Inserir imagem
Para inserir uma imagem usa se a tag <img src="imagem.jpg">.
Coloca a pasta onde a imagem está.Ex: <img src="pasta/imagem.jpg"- abre a imagem
Em seguida coloque o nome da imagem e o formato dela.
Em seguida coloque o nome da imagem e o formato dela.
Definir Altura e Largura
Para definir a largura usa-se "width". Para definir a altura usa-se "height".
<img src="imagem.jpg" width="300" height="150">
Contorno da Imagem
Para colocar contorno na imagem usa-se "border". <img src="imagem.jpg" border="5">
Se você colocar border=0, a imagem não terá contorno. Sendo assim, quanto mais elevado o valor atribuido a border, maior ficará a espessura do contorno da imagem
Criar tabelas
Tags para inserir tabelas básicas:
<table>: tag para inicializar e finalizar uma tabela.
<tr>: tag para inserir uma linha.
<td>: tag para inserir uma coluna.
Exemplo de uma tabela simples:
<table border="3">
<tr> <td>1º célula</td> <td>2º célula</td> <td> 3º célula</td> </tr>
<tr> <td> 4º célula</td> <td> 5º célula</td> <td>6º célula</td> </tr>
</table>
<tr> <td>1º célula</td> <td>2º célula</td> <td> 3º célula</td> </tr>
<tr> <td> 4º célula</td> <td> 5º célula</td> <td>6º célula</td> </tr>
</table>
e o resultado é:
| 1º célula | 2º célula | 3º célula |
| 4º célula | 5º célula | 6ºcélula |
Nessa postagem conhecemos o HTML um pouco mais a fundo, aprendemos a criar tabelas, inserir imagem e modificar texto.
Nenhum comentário:
Postar um comentário