html básico principais elementos
Propaganda
HTML BÁSICO PRINCIPAIS ELEMENTOS Um Navegador deve interpretar as etiquetas, elementos que compõem o documento HTML, e gerar uma saída, uma página Web (documento de hipertexto). Os elementos de um documento html, descritos por meio de etiquetas (tag's), podem ser classificadas em : • etiquetas estruturais • etiquetas do corpo Etiquetas Estruturais ETIQUETA DESCRIÇÃO <html> </html> Indica ao navegador que o arquivo contem um documento html <!---> Indica ao navegador que o texto entre <!-- e --> é um comentário não devendo ser exibido <head> </head> Indica ao navegador que o que as tag's entre e fazem parte do cabeçalho <body> </body> Indica ao navegador que as tag's entre fazem parte do corpo do documento Exemplo : <html> <!-- pagina teste --> <head> <!-- aqui entram as informações de controle do navagador --> </head> <body> <!-- aqui entram as informações exibidas no navagador --> </body> </html> Neste caso sera exibido uma documento web em branco, sem informações. Visto que a única etiqueta do corpo do documento é um comentário. Nota de Aula - Tecnologia Web Prof. Sidney Vieira 1 Nota de Aula - Tecnologia Web Prof. Sidney Vieira 2 Algumas etiquetas básica para o corpo ETIQUETA DESCRIÇÃO <hn> </hn> Cabeçalho nível n onde n é um valor entre 1 e 6. Exemplo <h2> </h2> <p> </p> Define um parágrafo simples <br> Muda para uma outra linha do documento <hr> Define uma linha horizontal <center> </center> Define a centralização <ol> </ol> Define uma lista ordenada <ul> </ul> Define uma lista não ordenada <li> </li> Define um item de uma lista ordenada ou não ordenada <b> </b> Define negrito <i> </i> Define itálico <u> </u> Define sublinhado <em> </em> Define um texto em maior ênfase em itálico <strong> </strong> Define um texto em negrito similar ao <b> </b> <cite> </cite> Define uma citação <address> </address> Define um padrão para descrever um endereço em um documento web <blockquote> </blockquote> Define citações longas que não devem ser aninhadas em parágrafos. <small> </small> Define texto em fonte menor do que o padrão <big> </big> Define texto em fonte maior do que o padrão <blink> </blink> Define texto piscando somente no Nestcape <marquee> </marquee> Define texto animado no Internet Explorer <s> </s> Define texto tachado <sub> </sub> Define texto subscrito <sup> </sup> Define texto sobrescrito Nota de Aula - Tecnologia Web Prof. Sidney Vieira 3 Exemplo : <html> <!-- pagina teste --> <head> <!-- aqui entram as informações de controle do navegador --> </head> <body> <h1> Titulo </h1> <h2> Sub-titulo </h2> <hr> <center>este texto é centralizado </center> </body> </html> Exemplo : <html> <!-- pagina teste --> <head> <!-- aqui entram as informações de controle do navegador --> </head> <body> <h1> uma lista ordenada </h1> <hr> <center> <ol> <ul>primeiro elemento </ul> <ul>segundo elemento </ul> <ol> </center> </body> </html> Um documento web deve ser salvo com a extensão htm ou html Exemplo: principal.html ou principal.htm pag_cadastro.html ou pag_cadastro.htm Nota de Aula - Tecnologia Web Prof. Sidney Vieira 4
