Blocos de TextosNa linguagem HTML, utilizamosos blocos de textos para destacar algum texto da pagina dos demais, podendoassim atribuir uma formatacao ou estilo personalizado a cada bloco.O Comando <PRE>O comando <PRE> </PRE> preserva os espacos, quebra delinhas e tabulacoes adicionadas ao documento HTML, sendo muito utilizado nahora de representar listagens e planilhas.Sintaxe:<pre> Texto Pre-formatado</pre> Exemplo Pratico:O Comando <BLOCKQUOTE>O comando <BLOCKQUOTE> </BLOCKQUOTE> e utilizado paradestacar um bloco de texto. Em alguns navegadores o bloco destacado fica emitalico, porem em outros e adicionado uma tabulacao ao bloco de texto,destacando-o dos demais.Sintaxe:<blockquote> Texto Destacado </blockquote>Exemplo Pratico:O Comando <ADDRESS>O comando <ADDRESS> </ADDRESS> marca o inicio e o fim de umbloco de endereco utilizado para especificar a autoria do documento HTML.Sintaxe:<address> Texto do Endereco </address>Exemplo Pratico: ImagensA utilizacaode imagens em paginas HTML da uma nova dimensao a pagina na distribuicao deinformacao atraves de documentos HTML, tornando assim a informacao maisatraente aos olhos do leitor, chamando muitas vezes mais a atencao do que osproprios textos descritos na pagina.Uma pagina webdeve trabalhar com as seguintes extensoes de imagens: .png, .gif, .jpg, devidoa aceitacao destes nos navegadores utilizados nos dias hoje. O arquivos de imagens podem estar presentes nomesmo diretorio dos seus arquivos .html, porem recomenda se que os mesmoestejam em um diretorio separado, devido a organizacao de seu site.Parainserirmos uma imagem em uma pagina HTML utilizamos a tag <IMG> junto aoatributo SRC, que tem como funcao especificar o caminho do diretorio da imagema ser inserida.Sintaxe:<img src=imagem.png><img src=diretorio/imagem.png><img src=C:/Imagens/imagem.png><imgsrc=http://www.meusite.com.br/img/imagem.png>Atributos do Comando<IMG> scr:Define o caminho do diretorio onde se encontra a imagem a ser inserida. align:Alinhamento da imagem em relacao ao texto. width:Largura da imagem. height:Altura da imagem. alt: Insere umalegenda na imagem.Exemplo Pratico: Propriedades MarginAs margens nos elementos HTMLA propriedade para margens, define um valor paraespessura das margens dos elementos HTML. As propriedades para margens sao aslistadas abaixo: Propriedade Efeito margin-top: Define a margem superior. margin-right: define a margem direita; margin-bottom: define a margem inferior; margin-left: define a margem esquerda; margin: maneira abreviada para todas as margens; Valores validos para apropriedade Margin auto: valor default da margem length: uma medida reconhecida pelas CSS (px, pt, em, cm,...) %: porcentagem da largura do elemento paiVamos a seguir analisar cada uma delasdetalhadamente atraves de exemplos praticos.Margem Superior margin-top<html><head><style type="text/css">p {margin-top: 2cm;}</style></head><body><p>Uma margem superior de 2cm</p></body></html> Este e o efeito da folha de estilo acima: Uma margem superior de 2cmMargem Direita margin-right<html><head><style type="text/css">p {margin-right: 300px;}</style></head><body><p>Uma margem direita de 300px nesta frase mais longa dentro do paragrafo</p></body></html> Este e o efeito da folha de estilo acima: Uma margem direita de 300px nestafrase mais longa dentro do paragrafoMargem Inferior margin-bottom<html><head><style type="text/css">p {margin-bottom: 2em;}</style></head><body><p>Uma margem inferior de 2.0em</p></body></html>Este e o efeito da folha de estilo acima: Uma margem inferior de 2.0emMargem Esquerda margin-left<html><head><style type="text/css">p {margin-left: 10%;}</style></head><body><p>Uma margem esquerda de 10%</p></body></html>Este e o efeito da folha de estilo acima: Uma margem esquerda de 10% Todas as quatro margens em umadeclaracao unicaA propriedade da margin permitem que voce controle o espacamento em voltados elementos HTML. Sao validos valores negativos para margem, com o objetivode sobrepor elementos.<html><head><style type="text/css"><!--p {margin: 20px 40px 80px 5px;}--></style></head><body><p>Uma margem superior de 20px, uma margem