Formatar imagem em html


Imagens
IlustraĂ§Ă£o da sua homepage, incluindo os comandos de imagens
Para ilustrar sua pĂ¡gina, vocĂª pode utilizar a tag de imagem: <img>. Os arquivos devem ter as extensões .gif ou .jpg. VocĂª pode preparar essas imagens no PaintShop.
Os atributos a serem utilizados na tag <img> sĂ£o:
src="nome_do_arquivo" : define a imagem a ser mostrada. É importante lembrar que o link para a imagem deve ser absoluto. Para garantir isso, Ă© recomendĂ¡vel que vocĂª coloque as imagens utilizadas na mesma pasta em que estĂ¡ sua pĂ¡gina.
aling="alinhamento" : define o alinhamento da imagem, podendo ser left, right e center, para alinhamento Ă  esquerda, Ă  direita e ao centro.
alt="texto" : define um texto alternativo para caso do navegador nĂ£o suportar a visualizaĂ§Ă£o de imagens. Esse texto tambĂ©m serĂ¡ mostrado quando passarmos o mouse por cima da imagem.
border="n" : define a espessura da borda que contorna a imagem. Se vocĂª nĂ£o quer borda, deve escolher border="0".
width="n" : define a largura da imagem.
height="n" : define a altura da imagem.
Um exemplo de comando de imagem seria:
<img src="imagem.gif" aling="center" alt="Minha Imagem!" border="1" width="150" height="135">.

Formatar imagem em html



Imagens
IlustraĂ§Ă£o da sua homepage, incluindo os comandos de imagens

<img src="imagem.gif" aling="center" alt="Minha Imagem!" border="1" width="150" height="135">
 
Para ilustrar sua pĂ¡gina, vocĂª pode utilizar a tag de imagem: <img>. Os arquivos devem ter as extensões .gif ou .jpg. VocĂª pode preparar essas imagens no PaintShop.
Os atributos a serem utilizados na tag <img> sĂ£o:

src="nome_do_arquivo" : define a imagem a ser mostrada. É importante lembrar que o link para a imagem deve ser absoluto. Para garantir isso, Ă© recomendĂ¡vel que vocĂª coloque as imagens utilizadas na mesma pasta em que estĂ¡ sua pĂ¡gina.


aling="alinhamento" : define o alinhamento da imagem, podendo ser left, right e center, para alinhamento Ă  esquerda, Ă  direita e ao centro.
alt="texto" : define um texto alternativo para caso do navegador nĂ£o suportar a visualizaĂ§Ă£o de imagens. Esse texto tambĂ©m serĂ¡ mostrado quando passarmos o mouse por cima da imagem.
border="n" : define a espessura da borda que contorna a imagem. Se vocĂª nĂ£o quer borda, deve escolher border="0".
width="n" : define a largura da imagem.
height="n" : define a altura da imagem.
Um exemplo de comando de imagem seria:
<img src="imagem.gif" aling="center" alt="Minha Imagem!" border="1" width="150" height="135">.

Veja Mais:

Formatar imagem em html


Imagens
IlustraĂ§Ă£o da sua homepage, incluindo os comandos de imagens
Para ilustrar sua pĂ¡gina, vocĂª pode utilizar a tag de imagem: <img>. Os arquivos devem ter as extensões .gif ou .jpg. VocĂª pode preparar essas imagens no PaintShop.
Os atributos a serem utilizados na tag <img> sĂ£o:
src="nome_do_arquivo" : define a imagem a ser mostrada. É importante lembrar que o link para a imagem deve ser absoluto. Para garantir isso, Ă© recomendĂ¡vel que vocĂª coloque as imagens utilizadas na mesma pasta em que estĂ¡ sua pĂ¡gina.
aling="alinhamento" : define o alinhamento da imagem, podendo ser left, right e center, para alinhamento Ă  esquerda, Ă  direita e ao centro.
alt="texto" : define um texto alternativo para caso do navegador nĂ£o suportar a visualizaĂ§Ă£o de imagens. Esse texto tambĂ©m serĂ¡ mostrado quando passarmos o mouse por cima da imagem.
border="n" : define a espessura da borda que contorna a imagem. Se vocĂª nĂ£o quer borda, deve escolher border="0".
width="n" : define a largura da imagem.
height="n" : define a altura da imagem.
Um exemplo de comando de imagem seria:
<img src="imagem.gif" aling="center" alt="Minha Imagem!" border="1" width="150" height="135">.

Editar texto em html



Texto
Formatações bĂ¡sicas de texto. Como alterar a fonte e incluir tags de marcaĂ§Ă£o de linhas e parĂ¡grafos.
Agora que vocĂª jĂ¡ definiu as primeiras tags do seu documento HTML, nĂ£o esqueça de salvĂ¡-lo. No Bloco de Notas, salve o arquivo como nome_do_arquivo.html ou nome_do_arquivo.htm. O navegador Ă© capaz de interpretar qualquer uma dessas duas extensões. É importante lembrar que, se vocĂª estĂ¡ utilizando imagens, coloque-as na mesma pasta onde estĂ¡ sua pĂ¡gina. Quando utilizar links, nĂ£o esqueça de atribuir o endereço absoluto.
Para facilitar o aprendizado foi criado uma aula sobre esse assunto. VocĂª pode escolher seguir o tutorial escrito ou em formato vĂ­deo aula.


Quer visualizar o curso completo acesse o seguinte link: Clique aqui ou https://www.youtube.com/watch?v=YI1uk98O2TA&list=PLZ2Dn-oHDuIPc1d0CPMaWpPaO_TNnOndU 







 


Quer visualizar o curso completo acesse o seguinte link: Clique aqui ou https://www.youtube.com/watch?v=YI1uk98O2TA&list=PLZ2Dn-oHDuIPc1d0CPMaWpPaO_TNnOndU  
 
A cor do texto jĂ¡ foi definida, de uma forma geral, nas tags <body></body>, com o atributo TEXT. PorĂ©m, vocĂª pode querer alterar alguma parte do seu texto, um tĂ­tulo, por exemplo. Para isso, Ă© necessĂ¡rio que vocĂª conheça as tags e atributos dos comandos que definem a fonte da pĂ¡gina.

O tipo de fonte a ser usado pode ser definido pelas tags <font> </font>. Essas tags tĂªm os seguintes atributos:
face="nome_da_fonte" : define o tipo de fonte a ser utilizado. A fonte Verdana Ă© considerada uma das melhores para leitura no monitor. AlĂ©m dessa, qualquer outra fonte nĂ£o serifada (sem contornos) Ă© uma boa opĂ§Ă£o, como a Arial e a Helvetica.
color="cor" : define a cor da fonte. Como em qualquer outra atribuiĂ§Ă£o de cor, o valor pode ser definido com o nome da cor em inglĂªs ou atravĂ©s de um cĂ³digo.
size="n" : define o tamanho da fonte, sendo que n pode variar de 1 a 7. O valor 2 corresponde ao tamanho 10 para Arial e 12 para Times New Roman, os que normalmente utilizamos na formataĂ§Ă£o ABNT nos editores de texto.

Uma maneira mais fĂ¡cil de definir tĂ­tulos Ă© utilizar as tags <h></h>, onde n pode assumir os valores de 1 Ă  6, que especificam o tamanho da fonte. O alinhamento Ă  esquerda, Ă  direita, ao centro e justificado podem ser definidos pelos atributos aling="left" ou align="right" ou align="center" ou align="justify", respectivamente.

TĂ­tulo definido por <h3 align="center"> tĂ­tulo </h3>
Para organizar o texto, vocĂª pode utilizar as tags de parĂ¡grafo <p></p> ou a quebra de linha <br>. A marca de linha define um 'enter' no texto, enquanto a marca de parĂ¡grafo vai definir um 'enter' seguido de uma nova linha. Para entrada de parĂ¡grafo no texto, vocĂª pode utilizar as tags <dd> </dd>. As tags de parĂ¡grafo tambĂ©m podem receber o atributo ALIGN.
Para definir estilos de texto, vocĂª pode utilizar as tags <b> texto </b> para negrito, <i> texto </i> para itĂ¡lico e <u> texto </u> para sublinhado. Um texto em negrito, em itĂ¡lico e sublinhado ficaria assim: <b><i><u> texto com estilo </u></i></b>. Para sobrescrito, utlizamos as tags <sup> texto </sup>. Para subscrito, utilizamos <sub> texto </sub>.

Veja mais:

Editar texto em html


Texto
Formatações bĂ¡sicas de texto. Como alterar a fonte e incluir tags de marcaĂ§Ă£o de linhas e parĂ¡grafos.
Agora que vocĂª jĂ¡ definiu as primeiras tags do seu documento HTML, nĂ£o esqueça de salvĂ¡-lo. No Bloco de Notas, salve o arquivo como nome_do_arquivo.html ou nome_do_arquivo.htm. O navegador Ă© capaz de interpretar qualquer uma dessas duas extensões. É importante lembrar que, se vocĂª estĂ¡ utilizando imagens, coloque-as na mesma pasta onde estĂ¡ sua pĂ¡gina. Quando utilizar links, nĂ£o esqueça de atribuir o endereço absoluto.
A cor do texto jĂ¡ foi definida, de uma forma geral, nas tags <body></body>, com o atributo TEXT. PorĂ©m, vocĂª pode querer alterar alguma parte do seu texto, um tĂ­tulo, por exemplo. Para isso, Ă© necessĂ¡rio que vocĂª conheça as tags e atributos dos comandos que definem a fonte da pĂ¡gina.
O tipo de fonte a ser usado pode ser definido pelas tags <font> </font>. Essas tags tĂªm os seguintes atributos:
face="nome_da_fonte" : define o tipo de fonte a ser utilizado. A fonte Verdana Ă© considerada uma das melhores para leitura no monitor. AlĂ©m dessa, qualquer outra fonte nĂ£o serifada (sem contornos) Ă© uma boa opĂ§Ă£o, como a Arial e a Helvetica.
color="cor" : define a cor da fonte. Como em qualquer outra atribuiĂ§Ă£o de cor, o valor pode ser definido com o nome da cor em inglĂªs ou atravĂ©s de um cĂ³digo.
size="n" : define o tamanho da fonte, sendo que n pode variar de 1 a 7. O valor 2 corresponde ao tamanho 10 para Arial e 12 para Times New Roman, os que normalmente utilizamos na formataĂ§Ă£o ABNT nos editores de texto.
Uma maneira mais fĂ¡cil de definir tĂ­tulos Ă© utilizar as tags <h></h>, onde n pode assumir os valores de 1 Ă  6, que especificam o tamanho da fonte. O alinhamento Ă  esquerda, Ă  direita, ao centro e justificado podem ser definidos pelos atributos aling="left" ou align="right" ou align="center" ou align="justify", respectivamente.
TĂ­tulo definido por <h3 align="center"> tĂ­tulo </h3>
Para organizar o texto, vocĂª pode utilizar as tags de parĂ¡grafo <p></p> ou a quebra de linha <br>. A marca de linha define um 'enter' no texto, enquanto a marca de parĂ¡grafo vai definir um 'enter' seguido de uma nova linha. Para entrada de parĂ¡grafo no texto, vocĂª pode utilizar as tags <dd> </dd>. As tags de parĂ¡grafo tambĂ©m podem receber o atributo ALIGN.
Para definir estilos de texto, vocĂª pode utilizar as tags <b> texto </b> para negrito, <i> texto </i> para itĂ¡lico e <u> texto </u> para sublinhado. Um texto em negrito, em itĂ¡lico e sublinhado ficaria assim: <b><i><u> texto com estilo </u></i></b>. Para sobrescrito, utlizamos as tags <sup> texto </sup>. Para subscrito, utilizamos <sub> texto </sub>.

Editar texto em html


Texto
Formatações bĂ¡sicas de texto. Como alterar a fonte e incluir tags de marcaĂ§Ă£o de linhas e parĂ¡grafos.
Agora que vocĂª jĂ¡ definiu as primeiras tags do seu documento HTML, nĂ£o esqueça de salvĂ¡-lo. No Bloco de Notas, salve o arquivo como nome_do_arquivo.html ou nome_do_arquivo.htm. O navegador Ă© capaz de interpretar qualquer uma dessas duas extensões. É importante lembrar que, se vocĂª estĂ¡ utilizando imagens, coloque-as na mesma pasta onde estĂ¡ sua pĂ¡gina. Quando utilizar links, nĂ£o esqueça de atribuir o endereço absoluto.
A cor do texto jĂ¡ foi definida, de uma forma geral, nas tags <body></body>, com o atributo TEXT. PorĂ©m, vocĂª pode querer alterar alguma parte do seu texto, um tĂ­tulo, por exemplo. Para isso, Ă© necessĂ¡rio que vocĂª conheça as tags e atributos dos comandos que definem a fonte da pĂ¡gina.
O tipo de fonte a ser usado pode ser definido pelas tags <font> </font>. Essas tags tĂªm os seguintes atributos:
face="nome_da_fonte" : define o tipo de fonte a ser utilizado. A fonte Verdana Ă© considerada uma das melhores para leitura no monitor. AlĂ©m dessa, qualquer outra fonte nĂ£o serifada (sem contornos) Ă© uma boa opĂ§Ă£o, como a Arial e a Helvetica.
color="cor" : define a cor da fonte. Como em qualquer outra atribuiĂ§Ă£o de cor, o valor pode ser definido com o nome da cor em inglĂªs ou atravĂ©s de um cĂ³digo.
size="n" : define o tamanho da fonte, sendo que n pode variar de 1 a 7. O valor 2 corresponde ao tamanho 10 para Arial e 12 para Times New Roman, os que normalmente utilizamos na formataĂ§Ă£o ABNT nos editores de texto.
Uma maneira mais fĂ¡cil de definir tĂ­tulos Ă© utilizar as tags <h></h>, onde n pode assumir os valores de 1 Ă  6, que especificam o tamanho da fonte. O alinhamento Ă  esquerda, Ă  direita, ao centro e justificado podem ser definidos pelos atributos aling="left" ou align="right" ou align="center" ou align="justify", respectivamente.
TĂ­tulo definido por <h3 align="center"> tĂ­tulo </h3>
Para organizar o texto, vocĂª pode utilizar as tags de parĂ¡grafo <p></p> ou a quebra de linha <br>. A marca de linha define um 'enter' no texto, enquanto a marca de parĂ¡grafo vai definir um 'enter' seguido de uma nova linha. Para entrada de parĂ¡grafo no texto, vocĂª pode utilizar as tags <dd> </dd>. As tags de parĂ¡grafo tambĂ©m podem receber o atributo ALIGN.
Para definir estilos de texto, vocĂª pode utilizar as tags <b> texto </b> para negrito, <i> texto </i> para itĂ¡lico e <u> texto </u> para sublinhado. Um texto em negrito, em itĂ¡lico e sublinhado ficaria assim: <b><i><u> texto com estilo </u></i></b>. Para sobrescrito, utlizamos as tags <sup> texto </sup>. Para subscrito, utilizamos <sub> texto </sub>.

Criando PĂ¡ginas na Web

Umas das grandes vantagens da Internet Ă© ser muito acessĂ­vel. Qualquer pessoal com um computador possui as ferramentas bĂ¡sicas necessĂ¡rias para criar a sua prĂ³pria pĂ¡gina na web.

A linguagem HTML Ă© marcada por tags que serĂ£o identificadas pelo navegador, escritas entre os sinais "<" e ">". Dentro dessas tags vocĂª encontra comandos para formataĂ§Ă£o da fonte dos textos <font face="arial">, parĂ¡grafos <p>, imagens <img src="imagem.gif">, entre outros.


Estrutura BĂ¡sica 


Comandos bĂ¡sicos do documento HTML, incluindo as tags de TĂ­tulo e de formataĂ§Ă£o do Corpo da pĂ¡gina.
Como o navegador precisa dessas tags para interpretar o cĂ³digo, antes de qualquer coisa, temos que criar o documento com uma tag dupla de inicializaĂ§Ă£o: <html> </html>. Entre essas duas tags, vai todo o conteĂºdo da pĂ¡gina. Esse conteĂºdo vai ser dividido em duas partes: o cabeçalho, que serĂ¡ colocado entre as tags <head> </head> e o corpo da pĂ¡gina, que serĂ¡ colocado entre as tags <body> </body>. A tag de tĂ­tulo da pĂ¡gina, <title> TĂ­tulo da PĂ¡gina </title> vai dentro do cabeçalho.
Assim, no Bloco de Notas, a estrutura bĂ¡sica de um documento HTML serĂ¡:
<html>
<head><title> TĂ­tulo da PĂ¡gina </title> </head>
<body>
Aqui vai o conteĂºdo da pĂ¡gina!
</body>
</html>
As tags <body></body>, que definem a estrutura do corpo da pĂ¡gina, podem receber atributos especiais de formataĂ§Ă£o que definem, por exemplo, a cor de fundo da pĂ¡gina. Esses atributos sĂ£o colocados dentro da tag: <body bgcolor="yellow"> conteĂºdo </body>.
Os atributos das tags <body> </body> sĂ£o:
 bgcolor="cor" : define a cor de fundo da pĂ¡gina, que pode ser expressa em inglĂªs ou atravĂ©s de um cĂ³digo especĂ­fico, onde, por exemplo, o branco Ă© definido por #ffffff e o preto por #000000.
background="imagem" : define uma imagem como fundo da pĂ¡gina. Essa imagem pode ser uma arquivo .gif ou .jpg. VocĂª pode preparar uma imagem para sua pĂ¡gina no PaintShop.
text="cor" : define a cor do texto utilizado na pĂ¡gina. Assim como o fundo, pode ser expresso em inglĂªs ou atravĂ©s de um cĂ³digo.
link="cor", alink="cor" e vlink="cor" : definem as cores dos link inativos, links ativos e links visitados, respectivamente.

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | JCPenney Coupons