Imagens HTML
Tópico
Como inserir uma imagem em html?
Como definir a borda da imagem html?
Eu quero criar a imagem em ambas as extremidades esquerda e direita na mesma linha?
Explicação
Imagem: <img>
Para inserir uma imagem em sua página um, precisamos usar a tag "img" com o seu atributo "src"
Tag:
<img src="test.jpg">
Exemplo:
Aqui vamos supor que temos o arquivo de imagem no mesmo diretório do arquivo HTML.
Nós também podemos dar o caminho completo do diretório como
Exemplo:
<img src="C:\images\test.jpg">
Largura e Altura:
Podemos definir a largura e altura de imagens que são exibidas usando os atributos de largura e altura.
Tag:
<img src="test.jpg" width=100 height=100>
Exemplo:
Alinhamento:
Podemos alinhar a imagem utilizando o atributo "align".
O atributo de valores leva a esquerda ou direita ou centro.
Tag:
<img src="test.jpg" align=left> <img src="test.jpg" align=right>
Exemplo:
Fronteiras:
Podemos definir fronteiras em torno das imagens usando o atributo "border".
Tag:
<img src="test.jpg" border=4>
Exemplo:
Para inserir uma imagem em sua página um, precisamos usar a tag "img" com o seu atributo "src"
Tag:
<img src="test.jpg">
Exemplo:
Aqui vamos supor que temos o arquivo de imagem no mesmo diretório do arquivo HTML.
Nós também podemos dar o caminho completo do diretório como
Exemplo:
<img src="C:\images\test.jpg">
Largura e Altura:
Podemos definir a largura e altura de imagens que são exibidas usando os atributos de largura e altura.
Tag:
<img src="test.jpg" width=100 height=100>
Exemplo:
Alinhamento:
Podemos alinhar a imagem utilizando o atributo "align".
O atributo de valores leva a esquerda ou direita ou centro.
Tag:
<img src="test.jpg" align=left> <img src="test.jpg" align=right>
Exemplo:
Fronteiras:
Podemos definir fronteiras em torno das imagens usando o atributo "border".
Tag:
<img src="test.jpg" border=4>
Exemplo: