Centralizando imagem com texto na mesma div<html><head> <style type="text/css"> .div{ width: 100px; height: 100px; line-height: 100px; background-color: #f44;} /* Centralizar a imagemverticalmente na div */.div img { vertical-align:middle;}</style> </head> <body> <div class="div"> <img src="C:\Users\publico\desktop\clientes.png"alt="Clientes" />Caixa 1 </div> </body> </html>A seguir o resultado final: DOCTYPE Ainstrucao DOCTYPE indica para o navegador qual a versao do HTML. Utilizamos <!DOCTYPEhtml>, que indica para o navegador a utilizacao da versao mais recente doHTML - a versao 5, atualmente.O elemento HTML O codigo HTML e uma serie deelementos em arvore onde alguns elementos sao filhos de outros e assim pordiante. O elemento principal dessa grande arvore e sempre a tag HTML.<htmllang="pt-br"> Oatributo LANG e necessario para que os user-agents saibam qual a linguagemprincipal do documento. Lembre-seque o atributo LANG nao e restrito ao elemento HTML, ele pode ser utilizado emqualquer outro elemento para indicar o idioma do texto representado.Metatag Charset AMetaTag Charset e responsavel por chavear qual tabela de caracteres a paginaesta utilizando. <metacharset="utf-8">section Atag section define uma nova secao generica no documento. Por exemplo, a home deum website pode ser dividida em diversas secoes: introducao ou destaque,novidades, informacao de contato e chamadas para conteudo interno.nav Oelemento nav representa uma secao da pagina que contem links para outras partesdo website. Nem todos os grupos de links devem ser elementos nav, apenasaqueles grupos que contem links importantes. Isso pode ser aplicado naquelesblocos de links que geralmente sao colocados no Rodape e tambem para compor omenu principal do site.article Oelemento article representa uma parte da pagina que podera ser distribuido ereutilizavel em FEEDs por exemplo. Isto pode ser um post, artigo, um bloco decomentarios de usuarios ou apenas um bloco de texto comum.aside Oelemento aside representa um bloco de conteudo que referencia o conteudo queenvolta do elemento aside. O asidepode ser representado por conteudos emsidebars em textos impressos, publicidade ou ate mesmo para criar um grupo deelementos nav e outras informacoes separados do conteudo principal do website.header Oelemento header representa um grupo de introducao ou elementos de navegacao. Oelemento header pode ser utilizado para agrupar indices de conteudos, campos debusca ou ate mesmo logos.footer Oelemento footer representa literalmente o rodape da pagina. Seria o ultimoelemento do ultimo elemento antes de fechar a tag HTML. O elemento footer naoprecisa aparecer necessariamente no final de uma secao.time Esteelemento serve para marcar parte do texto que exibe um horario ou uma dataprecisa no calendario gregoriano.Estrutura HTML5<!DOCTYPE html><htmllang="pt-br"><head> <title>Titulodo documento HTML</title> <metacharset="utf-8" /></head><body> <header> <!--Conteudo do cabecalho --> <nav> <ul> <li><ahref="#">Item do menu 1</a></li> <li><ahref="#">item do menu 2</a></li> </ul> </nav> </header> <section id="main"> <!-- Conteudoprincipal --> <article> <h1>Titulo</h1> <p>Inicio</p> <h2>Subtitulo</h2> <p>Texto</p> <p>Maistexto</p> </article> </section> <section id="segundo"> <!-- SegundoPainel--> </section> <footer> <!--Conteudo do rodape --> </footer></body></html> Esteatributos foram descontinuados porque modificam a formatacao do elemento e suasfuncoes sao melhores controladas pelo CSS: align comoatributo da tag caption, iframe, img, input, object, legend, table, hr, div,h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead e tr. alink, link, text e vlink comoatributos da tag body. background comoatributo da tag body. bgcolor comoatributo da tag table, tr, td, th e body.