Html

Páginas: 8 (1759 palavras) Publicado: 14 de março de 2012
INDICE:

1. Introdução
2. Browser e navegadores
3. O que é HTML
4. Tags
5. Estrutura de uma página HTML
6. O cabeçalho
7. O titulo da Web Page e a tag <br /> 8. Informações sobre a Tag <META><br /> 9. Atributos da Tag <BODY><br /> 10. Definições de parágrafos e Quebra de linhas<br /> • Parágrafos<br /> • Atributo ALIGN<br /> • Atributo STYLE=TEXT-INDENT<br /> 11. Quebra de linhas12. Formatação de TEXTOS<br /> 13. Formatação usando <FONT><br /> <br /> <br /> <br /> INTRODUÇÃO:<br /> A linguagem HTML é baseada da linguagem WWW (World Wide Web – ampla rede mundial) que é interpretada por todos os Browsers (navegadores) disponíveis.<br /> A primeira coisa a ser esclarecida acerca de um arquivo em HTML é a sua natureza até bem simples: ASCII. Uma página web nada mais é que um texto normal, daqueles que vocêdigita no bloco de notas, com terminação.HTML para ser lido por um navegador.<br /> Existem vários programas que são voltados para a criação de Home Pages, como o Dreamweaver, o FrontPage e outros que podem ser baixados gratuitamente na internet.<br /> Aqui vão alguns exemplos de interfaces destes editores:<br /> [pic]<br /> DREAMWEAVER MX 2004<br /> <br /> <br /> <br /> <br /> <br /> [pic]<br /> FrontPage 2003<br /> <br /> <br /> BROWSER/NAVEGADORES:<br /> São os softwares (programas)responsáveis pelo acesso do usuário aos sites disponíveis na internet. O browser ou navegador lê e interpreta todos os arquivos HTML que são enviados pela WWW transformando-os em paginas web. Existem alguns tipos de browsers como: Internet Explorer, FIREFOX, Opera, Netscape, MSN Explorer entre outros.<br /> NOTA: Os comandos de HTML possuem algumas diferenças de interpretação no netscape e internetExplorer. Alguns comandos que funcionam no internet Explorer não funcionam no netscape e vice-versa. Assim como alguns comandos que funcionam no FIREFOX não funcionam no internet Explorer e vice-versa. Devido a esta dificuldade que o usuário deve escolher um dos browser como principal.<br /> O QUE É HTML?<br /> HTML significa Hiper Text Markup, ou seja, linguagem de marcação de Hiper Texto. A linguagem HTML éusada para criar com simplicidade paginas na web, estabelecendo como um determinado elemento deverá ser visualizado, não sendo, portanto, uma linguagem de programação, e sim, uma linguagem de formatação de exibição de textos, através de comandos especiais chamados de TAGS.<br /> O documento HTML pode ser escrito em qualquer editor de texto (wordpad, Microsoft Word, bloco de notas), basta o programador,ao salvar o documento, definir a extensão.HTML, que é a extensão utilizada pelos documentos HTML. Porém, a maneira mais rápida e fácil de criar um documento HTML é usar um editor HTML, como já vimos anteriormente, o front page / dreamweaver, que encurtam os caminhos pois possuem atalhos que ajudam o trabalho.<br /> NOTA: Os softwares básicos para a programação em HTML são apenas dois: um editor de textose um navegador.<br /> TAGS:<br /> Tags são os elementos de marcação de um documento HTML. Uma TAG é definida através de seu nome cercado pelos sinais de “menor” (<) e “maior” (>) e, normalmente, tem uma TAG correspondente para finalização com o mesmo nome precedido por uma barra (/).<br /> <br /> [pic] Tag único: <tag><br /> <br /> [pic] Tag duplo: <tag> </tag><br /> <br /> Estrutura de uma página HTML:<br /> <br /> |Estrutura básica de um documentoHTML |<br /> |Layout |Tags usadas na estrutura |Definição |<br /> | |<HTML> |Inicia todo o documento HTML |<br /> |Cabeçalhoda página | | |<br /> | |<head> |Inicia o cabeçalho |<br /> | |<title> |Cria um titulo para a janela do... <div class="paper-body__gradient paper-body__gradient--bottom paper-body__gradient--bottom-abs"></div> <div class="center paper-body__cta--mod paper-body__cta-no-bg"> <a class="button button--large" onclick="upgradeRedirect()" rel="nofollow"> Ler documento completo </a> <p class="ash-gray text-s"> Por favor, assinar para o acesso. </p> </div> </div> </div> </div> </article> </main> <script>(function(d){var domain='trabalhosfeitos.com';if(d.referrer.match('^https?\:\/\/(|www\.)'+domain.replace('.com',"")+'\.com(.*)')){d.getElementById('stm-hero').className+=' stm-hero';d.getElementById('emptyTopicsList').innerHTML=(document.getElementById("topicsList"))?d.getElementById('topicsList').innerHTML:'';d.getElementById('text-header').innerHTML='';var sec=d.createElement('div');sec.className='section no-padding margin-2';var p=d.createElement('p');p.className='text-s uppercase ash-gray';p.innerText='Amostra do texto';sec.appendChild(p);d.getElementById('text-header').appendChild(sec);}else{d.getElementById('stm-hero').className='';d.getElementsByTagName('article')[0].className='row no-border';}})(window.document);</script><div class="advertBox center margin-2"> </div> <section class="row "> <div class="columns position-relative large-12"> <div class=""> <h2 class="heading-m padding-top-1 margin-2"> Estes textos também podem ser interessantes </h2> </div> <section class=""> <ul class="unstyled"> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensaios/Html/753002.html" title="Html"> <h6 class="heading-s"> Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...O Windows 7 VERSÕES DO WINDOWS 7 [pic] O Windows 7 foi lançado para empresas no dia 22 de julho de 2009, e começou a ser vendido livremente para usuários comuns às 00:00 horas do dia 22 de outubro de 2009, menos de 3 anos depois do lançamento do Windows Vista. Diferente do Windows Vista, que introduziu um grande número de novidades, o Windows 7 é uma atualização mais modesta e focalizada para a linha Windows, com a intenção de torná-lo totalmente compatível com aplicações e... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensaios/Html/753002.html" title="Html" class="card__footer text-xs"> <span> Leia mais </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">4768 Palavras</span> <span class="essay-details__item">20 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensaios/Html/49852092.html" title="html"> <h6 class="heading-s"> html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ... Exercícios – Comando de Entrada, Saída e Atribuição 1. Dados: nome e salário bruto. Construa programa para calcular o salário reajustado em 12% e ao final mostre em vídeo o nome, o salário bruto e o salário reajustado. 2. Um automóvel tem um consumo médio de 1 litro de gasolina para cada 12 km rodados. Dados: Distância percorrida, calcule a quantidade de gasolina consumida. 3. Construir um algoritmo para calcular o número de dias existentes entre um ano digitado pelo usuário com... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensaios/Html/49852092.html" title="html" class="card__footer text-xs"> <span> Leia mais </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">369 Palavras</span> <span class="essay-details__item">2 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensaios/Html/52128845.html" title="html"> <h6 class="heading-s"> html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ... SUMÁRIO 1 INTRODUÇÃO Este trabalho tem como principal objetivo aplicar os conteúdos das matérias estudadas neste semestre, tais como: <b><i>HTML</i></b>, lógicas e técnicas de programação, ética e Fundamentos da computação, baseado no cenário proposto: A empresa “Nossa Locadora de livros” que é uma locadora com fins lucrativos situada na regiao central de são Paulo... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensaios/Html/52128845.html" title="html" class="card__footer text-xs"> <span> Leia mais </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1097 Palavras</span> <span class="essay-details__item">5 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensaios/Html/196438.html" title="Html"> <h6 class="heading-s"> Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...Como funciona a Internet A Internet existe há poucas décadas, e fica difícil imaginar a vida sem ela, algum tempo atrás em gerações passadas ,a informação era feita de forma tradicional, através de jornais, bibliotecas e até mesmo para se comunicar com pessoas que não estavam perto era feito tudo por carta, e hoje em dia através da internet em qualquer lugar do mundo podemos mandar um email e assim nos comunicando,a cada ano que passa vários dispositivos são integrados com a Internet... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensaios/Html/196438.html" title="Html" class="card__footer text-xs"> <span> Leia mais </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">483 Palavras</span> <span class="essay-details__item">2 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensaios/Html/172432.html" title="Html"> <h6 class="heading-s"> Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...fonte Arial, tamanho 3 e cor Laranja. f) O texto “Doutorado” deve ser Sublinhado, fonte Arial, tamanho 3 e cor Vermelha. g) O texto “Esta é a primeira aula de <b><i>HTML</i></b>” deve ser um texto pré- formato como mostrado na figura, fonte Arial, tamanho 5 e cor Magenta. Resposta: &lt;<b><i>HTML</i></b>&gt; &lt;HEAD&gt; &lt;TITLE&gt;Curso de <b><i>HTML</i></b>&lt;/TITLE&gt; &lt;/HEAD&gt; &lt;BODY&gt; &lt;center&gt;&lt;h3&gt;Sistema de Órgãos... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensaios/Html/172432.html" title="Html" class="card__footer text-xs"> <span> Leia mais </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">4523 Palavras</span> <span class="essay-details__item">19 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensaios/Html/53619353.html" title="html"> <h6 class="heading-s"> html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...LEÃO XIII, Papa; Encíclica Rerum Novarum. Sobre a condição dos operários. Roma: 1891. 76p. Gislene Danielski A Encíclica Rerum Novarum é um documento da Igreja que foi escrito no século XIX, auge da segunda Revolução Industrial. Fruto do pontificado de Leão XIII, a Encíclica constitui um marco na história da Doutrina Social da Igreja, foi o documento pontifício que abriu as reflexões sociais no território eclesiástico. A seguir será brevemente apresentado o conteúdo desse documento... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensaios/Html/53619353.html" title="html" class="card__footer text-xs"> <span> Leia mais </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1913 Palavras</span> <span class="essay-details__item">8 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensaios/Html/65932837.html" title="html"> <h6 class="heading-s"> html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...Noção de <b><i>HTML</i></b> <b><i>HTML</i></b> é a sigla de HyperText Markup Language, expressão inglesa que significa "Linguagem de Marcação de Hipertexto". Consiste em uma linguagem de marcação utilizada para produção de páginas na web, que permite a criação de documentos que podem ser lidos em praticamente qualquer tipo de computador e transmitidos pela internet. Para escrever documentos <b><i>HTML</i></b> não é necessário mais do que um editor de texto simples e conhecimento dos... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensaios/Html/65932837.html" title="html" class="card__footer text-xs"> <span> Leia mais </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1289 Palavras</span> <span class="essay-details__item">6 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensaios/Html/267148.html" title="Html"> <h6 class="heading-s"> Html </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...vti_encoding:SR|utf8-nl vti_author:SR|? vti_modifiedby:SR|? vti_timecreated:TR|07 May 2002 05:43:53 -0000 vti_timelastmodified:TR|08 May 2002 05:24:32 -0000 vti_filesize:IR|7005 vti_title:SR|Your Web Page Title vti_metatags:VR|HTTP-EQUIV=Content-Type text/<b><i>html</i></b>;\\ charset=windows-1252 HTTP-EQUIV=Content-Language en-us title IP\\ Ware\\ Profit\\ and\\ Investment\\ Analysis\\ Software description Utilize\\ these\\ tools\\ calculate\\ returns,\\ and\\ generate\\ revenue\\... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensaios/Html/267148.html" title="Html" class="card__footer text-xs"> <span> Leia mais </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">490 Palavras</span> <span class="essay-details__item">2 Páginas</span> </div> </div> </div> </div> </div> </div> </li> </ul> </section> </div> </section> <section class="row "> <div class="columns position-relative large-12"> <section class="section no-border"> <div class="container"> <div class="row"> <div class="columns "> <div class="section-heading "> <h2 class="align-left margin-2 heading-m"> OUTROS TRABALHOS POPULARES </h2> </div> </div> </div> <div class="row" id="popular-tags-visible"> <div class="small-12 columns tag-block columns-small-1 columns-medium-2 columns-large-2"> <ul> <li class="margin-1"> <a href="/ensaios/Terceirização-No-Serviço-Publico/139268.html" title="Terceirização no serviço publico" class="mid-gray brand-primary--hover">Terceirização no serviço publico</a> </li> <li class="margin-1"> <a href="/ensaios/África/139270.html" title="África" class="mid-gray brand-primary--hover">África</a> </li> <li class="margin-1"> <a href="/ensaios/Os-Gestores-De-Rh-Diante-Do/139272.html" title="Os gestores de rh diante do desafio das novas gerações" class="mid-gray brand-primary--hover">Os gestores de rh diante do desafio das novas gerações</a> </li> <li class="margin-1"> <a href="/ensaios/Pgrs/139276.html" title="Pgrs" class="mid-gray brand-primary--hover">Pgrs</a> </li> <li class="margin-1"> <a href="/ensaios/Salazarismo/139277.html" title="Salazarismo" class="mid-gray brand-primary--hover">Salazarismo</a> </li> <li class="margin-1"> <a href="/ensaios/Proteinas/139278.html" title="Proteinas" class="mid-gray brand-primary--hover">Proteinas</a> </li> </ul> </div> </div> </div> </section> </div> </section> <div class="advertBox center margin-1"></div> <section class="section no-border brand-primary--bg"> <div class="row"> <div class="columns center"> <h3 id="banner_title" class="heading-l white">Junte-se a milhões de estudantes e comece já a sua pesquisa</h3> <h4 class="text-m white">Seja um membro do Trabalhos Feitos</h4> <a class="button--bg-color__white button-fullwidth" onclick="upgradeRedirect()" rel="nofollow"> CADASTRE-SE AGORA! </a> </div> </div> </section> <footer class="section section--footer"> <div class="row"> <div class="medium-3 columns"><div class="copyright-block"> <p class="copyright-block__logo"> <i class="icon icon-sm-logo copyright-block__logo__icon"></i> <span class="copyright-block__logo__span">Trabalhos Feitos</span> </p> <p class="copyright-block__social"> <a rel="nofollow" href="https://www.facebook.com/TrabalhosFeitos"> <span class="copyright-block__social__circle"> <i class="copyright-block__social__circle__icon icon icon-ui-24-social-fb icon-ui-social-fb"></i> </span> </a> <a rel="nofollow" href="http://twitter.com/SOSEstudos"> <span class="copyright-block__social__circle"> <i class="copyright-block__social__circle__icon icon icon-ui-social-tw"></i> </span> </a> </p> <small class="copyright-block__copyright text-s"> ©2018 TrabalhosFeitos.com </small> </div> </div> <div class="medium-3 columns"><div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Nossos Produtos</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/navegar/">Trabalhos e Monografias</a> </li> <li class="vertical-nav-list__item"> <a rel="nofollow" class="vertical-nav-list__item__anchor text-m" href="/gerador-de-citacao/">Gerador de Citação</a> </li> </ul> </div> </div> <div class="medium-3 columns"> <div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Sobre Nós</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/about.php">Sobre Nós</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/advertise-with-us.php">Publicidade</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/legal.php">Legal</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/sitemap.html">Mapa do Site</a> </li> </ul> </div> </div> <div class="medium-3 columns"><div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Ajuda</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/ajuda/">Ajuda</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/about-us/contact">Contate-nos</a> </li> </ul> </div> </div> </div> </footer> </div> <!-- global JS --> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/labjs/2.0.3/LAB.min.js"></script> <script type="text/javascript"> $LAB .script("//cdnjs.cloudflare.com/ajax/libs/aja/0.4.1/aja.min.js") .script("//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js") .script("//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.runtime.min.js") .script("//cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.3.2/jquery.payment.min.js") .script("//assets.trabalhosfeitos.com/b79b9ddc4ae1/_assets/tbf/92c1d4e847bc6d93ba58214aa322ee6c.js") ; </script> <script type="text/javascript"> window.SM2_DEFER = true; function downloadJSAtOnload() { $LAB .script("//assets.trabalhosfeitos.com/b79b9ddc4ae1/_assets/tbf/76aff662ad8b32c9348bfa0fa9cb8f91.js") .wait(function() { }); } // Check for browser support of event handling capability if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script> </body> </html>