estrutura basica HTML
TAG - ETIQUETA
- TODA TAG ABERTA DEVE SER FECHADA
HTML - TEXTO
CSS - DESING
JAVASCRIPT/PHP - INTERAÇÃO COM O USUARIO
html - tag inicial
Head - comandos iniciais para navegador
body - delimita o corpo da pagina
- titulo que fca localizada na barra do navegador</span></p><p><span><hN> - CRIA CABEÇALHOS DE DIVERSOS TAMANHOS</span></p><p><span><P> - QUEBRA PARAGRAFOS e cra uma linha em branco entrre eles</span></p><p><span><br> - tem a mesma função da tag P , sem incluir uma linha emtre os paragrafos</span></p><p><span><img> - define o local de uma imagem na pagina</span></p><p><span></span></p><p><span>Formatação de texte</span></p><p><span></span></p><p><span><b> texto em negrito </b></span></p><p><span><i> texto em italico </i></span></p><p><span><u> texto sublinhado </u></span></p><p><span><big> aumenta tam. </big></span></p><p><span><small> Diminui tam. </small></span></p><p><span><font> permite alterar amanho , tipo e cor do texto </font></span></p><p><span></span></p><p><span>face - atributo para trocar o tipo de letra</span></p><p><span>color - atributo que troca a cor</span></p><p><span></span></p><p><span></span></p><p><span>Alinhamento 19/03/2015</span></p><p><span></span></p><p><span>Atributo ALING</span></p><p><span></span></p><p><span>Align = center - alinha centro</span></p><p><span>Align = left - alinha esquerda</span></p><p><span>Align = right - alinha direita</span></p><p><span>tag - <hr></span></p><p><span>hr -inclui uma linha ( reta) na pagina</span></p><p><span></span></p><p><span>atributo</span></p><p><span>WIDTH = % ( largura )</span></p><p><span></span></p><p><span>Lista</span></p><p><span></span></p><p><span><ul>cria lista não numerada</span></p>
</div>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- adaptive_pt_1 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3555290947877327"
data-ad-slot="8279952768"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<div id="gads_banner5"></div>
<script>
window.addEventListener('load', function () {
var gads_banner = "#gads_banner5";
$(window).scroll(function(){if($('*').is(gads_banner)) {$(gads_banner).replaceWith( '<script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>' );}});
if ( $(document).scrollTop()+$(window).height()-$(gads_banner).offset().top > 0 ) {if($('*').is(gads_banner)) {$(gads_banner).replaceWith( '<script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>' );}}
});
</script>
<div class="paper-text">
<div class="no-select">
<p><span><ol>criar lista numerada </span></p><p><span><li>usada entre a tag <UL> e <OL></span></p><p><span></span></p><p><span>26/03/2015</span></p><p><span></span></p><p><span>Proxima aula 02/04/2015 – simulado da prova</span></p><p><span></span></p><p><span>Construindo uma faixa decorativa com texto animado</span></p><p><span><marquee> - tag usada para definir a faixa atributos da tag</span></p><p><span></span></p><p><span>ALIGN –LEFT</span></p><p><span>ALIGn – RIGHT</span></p><p><span>ALIGn – MIDDLE (MEIO)</span></p><p><span>USADO PARA ALINHAR A FAIXA</span></p><p><span></span></p><p><span>BEHAVIOR – SCROLL = TExTO PASSA POR TODA EXTENSÃO DA FAIXA</span></p><p><span>BEHAVIOR – SLIDE = DEVE PASSAR PELA FAIXA E PARAR NUM DOS CANTOS</span></p><p><span>BEHAVIOR – ALTERNATE = ALTERA A FAIXA ENTREO LADO ESQUERTO E DIREITO </span></p><p><span></span></p><p><span>BGCOLOR = COR DE FUNDO DA FAIXA COR EM INGLES OU HEXADECIMAL </span></p><p><span>Height / widht ( largura/altura) = % em relação a janela do navegador</span></p><p><span>Vspace/hspace – e a distancia em pixel do texto em relação a lateral da faixa e a altura da faixa </span></p><p><span>( Verticar / Horizontal )</span></p><p><span></span></p><p><span>SCROLLAMOUNT / scrolldelay = controla a velocidade, </span></p><p><span>Media </span></p><p><span></span></p><p><span>Scrollamount – usar media de 2a5</span></p><p><span>Scrolldelay – usar em media 20 </span></p><p><span><img> = pode-se carregar uma imagem em qualquer lugar da pagina </span></p><p><span>SRC=” caminho da imagem </span></p><p><span>A imagem deve estar normalmente na mesma pasta da pagina</span></p>
</div>
<div class="no-select"><p>...</p></div>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- adaptive_pt_2 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3555290947877327"
data-ad-slot="5177763812"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<div id="gads_banner3"></div>
<script>
window.addEventListener('load', function () {
var gads_banner = "#gads_banner3";
$(window).scroll(function(){if($('*').is(gads_banner)) {$(gads_banner).replaceWith( '<script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>' );}});
if ( $(document).scrollTop()+$(window).height()-$(gads_banner).offset().top > 0 ) {if($('*').is(gads_banner)) {$(gads_banner).replaceWith( '<script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>' );}}
});
</script>
<div class="continue_download">
<div class="download_text">
<span>Baixar como (para membros premium)</span>
<span>
<a style="font-size: 18px;font-variant: small-caps;font-weight: bold;" href="/cadastre.html?clk=download.txt" title="txt (2.2 Kb)">txt</a> (2.2 Kb)
</span>
<span>
<a style="font-size: 18px;font-variant: small-caps;font-weight: bold;" href="/cadastre.html?clk=download.pdf" title="pdf (34.2 Kb)">pdf</a> (34.2 Kb)
</span>
<span>
<a style="font-size: 18px;font-variant: small-caps;font-weight: bold;" href="/cadastre.html?clk=download.docx" title="docx (11.1 Kb)">docx</a> (11.1 Kb)
</span>
</div>
<a href="/cadastre.html?clk=continue">Continuar por mais 1 página »</a></div>
<div style="height: 41px;"><span style="color:#010101;margin: 0px 0 0 7px;padding: 3px 0 0 24px;background:url(/i/i/tick02.png) no-repeat 0 3px;display: block;height: 27px;">Disponível apenas no TrabalhosGratuitos.com</span></div> <div class="holder" style="height: 60px;margin-top:10px">
<div class="l-col" style="display: none;">
</div>
<div class="r-col">
<div class="row">
<a style="font-size: 20px;" href="/cadastre.html?clk=read_full" class="c-button big-button orange-button bold">Ler documento completo</a>
<a href="javascript:void(0);" class="c-button big-button green-button bold save-button" rel="686330" data-placeholder="Salvando..."><span class="save-icon"></span>Salvar</a>
</div>
</div>
</div>
</div>
<script type="text/javascript" charset="utf-8">
var gp2 = '';
var gallery_path = '' + '/' + gp2.substring( 1, 6 ); gallery_path = '/' + gallery_path;
var _gallery = "".split(",");
var previews = "".split(",");
var document_title=decodeURIComponent('Ferramentas+de+Web');
var blur = "".split(",");
var blur_title='CADASTRE-SE AGORA<br/>para ler este documento';
var blur_btn_text='Registrar';
var blur_btn_href='/cadastre.html?clk=preview';
var _page='Página';
var blur_advantages = ['Tenha acesso a mais de 860.000 trabalhos e monografias','Junte-se a mais de 3.909.000 outros alunos','Trabalhos e monografias de alta qualidade'];
</script>
</div>
</div>
<!-- end content -->
<!-- aside -->
<aside class="aside">
<div id="savedBox"></div>
<div class="aside-box gray-box">
<div class="box-head">Informação</div>
<!--<div class="rating-block" itemprop="aggregateRating" itemscope="itemscope" itemtype="http://schema.org/AggregateRating">
<meta content="4" itemprop="ratingValue">
<meta content="1" itemprop="ratingCount">-->
<div class="rating-block">
<div class="rating-holder" rel="686330">
<div class="rating" style="width:80%;">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<span style="font-size: 12px; display:block" class="text"></span>
</div>
<p><a href="/report.html">Denunciar este trabalho</a></p>
</div>
<div class="aside-box white-box">
<h3 class="box-head">Trabalhos relacionados</h3>
<ul class="events-list essays">
<li>
<a title="ATPS Ferramentas Web Etapas 1 E 2" href="/Exatas/Engenharia/ATPS-Ferramentas-Web-Etapas-1-E-2-12595.html">ATPS Ferramentas Web Etapas 1 E 2</a>
</li>
<li>
<a title="Ferramentas De Sistema Web" href="/Exatas/Engenharia/Ferramentas-De-Sistema-Web-15706.html">Ferramentas De Sistema Web</a>
</li>
<li>
<a title="ATPS - Ferramentas Sistemas WEB" href="/Exatas/Engenharia/ATPS-Ferramentas-Sistemas-WEB-21626.html">ATPS - Ferramentas Sistemas WEB</a>
</li>
<li>
<a title="Ferramentas Para Sistemas Web" href="/Outras/Diversos/Ferramentas-Para-Sistemas-Web-35043.html">Ferramentas Para Sistemas Web</a>
</li>
<li>
<a title="Ferramentas WEB" href="/Exatas/Engenharia/Ferramentas-WEB-35132.html">Ferramentas WEB</a>
</li>
<li>
<a title="Atps Ferramentas Para Web" href="/Exatas/Engenharia/Atps-Ferramentas-Para-Web-46623.html">Atps Ferramentas Para Web</a>
</li>
<li>
<a title="ATPS - Ferramentas WEB" href="/Exatas/Engenharia/ATPS-Ferramentas-WEB-53701.html">ATPS - Ferramentas WEB</a>
</li>
<li>
<a title="ATPS Ferramenta Para Sistema Web" href="/Exatas/Engenharia/ATPS-Ferramenta-Para-Sistema-Web-70625.html">ATPS Ferramenta Para Sistema Web</a>
</li>
<li>
<a title="Ferramentas Web" href="/Exatas/Engenharia/Ferramentas-Web-93385.html">Ferramentas Web</a>
</li>
<li>
<a title="Ferramentas Web" href="/Exatas/Engenharia/Ferramentas-Web-97857.html">Ferramentas Web</a>
</li>
<li>
<a title="Ferramentas Web" href="/Exatas/Engenharia/Ferramentas-Web-123428.html">Ferramentas Web</a>
</li>
<li>
<a title="Ferramentas Web" href="/Exatas/Engenharia/Ferramentas-Web-550496.html">Ferramentas Web</a>
</li>
<li>
<a title="Aps Ferramentas Web" href="/Exatas/Informática/Aps-Ferramentas-Web-1021467.html">Aps Ferramentas Web</a>
</li>
<li>
<a title="Portfolio Ferramentas Web" href="/Exatas/Informática/Portfolio-Ferramentas-Web-1139990.html">Portfolio Ferramentas Web</a>
</li>
<li>
<a title="ASLIBRA: Ferramenta WEB Para Auxiliar Aprendizagem de LIBRAS e ASL" href="/Exatas/Informática/ASLIBRA-Ferramenta-WEB-Para-Auxiliar-Aprendizagem-de-LIBRAS-1223065.html">ASLIBRA: Ferramenta WEB Para Auxiliar Aprendizagem de LIBRAS e ASL</a>
</li>
</ul>
</div>
<div class="aside-box white-box">
<h3 class="box-head">Tópicos similares</h3>
<ul class="events-list essays">
<li>
<div class="head"><a title="Unidade Web Empreendedorismo E Sustentabilidade" href="/search/Unidade+Web+Empreendedorismo+E+Sustentabilidade/page1.html">Unidade Web Empreendedorismo E Sustentabilidade</a></div>
</li>
<li>
<div class="head"><a title="PRÁTICA SIMULADA 1 WEB AULA 5" href="/search/PRÁTICA+SIMULADA+1+WEB+AULA+5/page1.html">PRÁTICA SIMULADA 1 WEB AULA 5</a></div>
</li>
<li>
<div class="head"><a title="Unidade Web Anhembi" href="/search/Unidade+Web+Anhembi/page1.html">Unidade Web Anhembi</a></div>
</li>
<li>
<div class="head"><a title="Web Aula Direito Constitucional 2" href="/search/Web+Aula+Direito+Constitucional+2/page1.html">Web Aula Direito Constitucional 2</a></div>
</li>
<li>
<div class="head"><a title="EMPRESA WEB 3.0" href="/search/EMPRESA+WEB+3.0/page1.html">EMPRESA WEB 3.0</a></div>
</li>
</ul>
</div>
<div class="aside-box blue-box">
<ul class="list">
<li>Tenha acesso a mais de 860.000 trabalhos e monografias</li>
<li>Junte-se a mais de 3.909.000 outros alunos</li>
<li>Trabalhos e monografias de alta qualidade</li>
</ul>
<div class="button-holder">
<a href="/cadastre.html?clk=join" class="c-button big-button green-button bold">Registrar</a>
</div>
</div>
</aside>
<!-- end aside -->
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="holder">
<div class="copyright">© 2008–2024 TrabalhosGratuitos.com <br />Trabalhos gratuitos, Resenhas de livros, Monografias e Pesquisas</div>
<nav class="footer-nav">
<ul>
<li><a href="/trabalhos.html">Trabalhos</a></li>
<li><a href="/cadastre.html">Cadastre-se</a></li>
<li><a href="/login.html">Entre</a></li>
</ul>
<ul>
<li><a href="/blog.html">Blog</a></li>
<li><a href="/ajuda.html">Ajuda</a></li>
<li><a href="/contacts.html">Contate-nos</a></li>
</ul>
<ul>
<li><a href="/sitemap.html">Mapa do site</a></li>
<li><a href="/privacy.html">Politica de privacidade</a></li>
<li><a href="/terms.html">Termos de serviço</a></li>
</ul>
</nav>
<div class="box">
<ul class="social">
<li>
<a title="Facebook" href="https://www.facebook.com/TrabalhosGratuitos" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#4e629f" class="bi bi-facebook" viewBox="0 0 16 16"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/></svg></a>
</li>
</ul>
</div>
</div>
</footer>
<!-- end Footer -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="/i/js/jquery.main.js"></script>
<script type="text/javascript" src="/i/js/input-type-file.js"></script>
<script type="text/javascript" src="/i/js/jquery.form.min.js"></script>
<script type="text/javascript" src="/i/js/blur.js"></script>
<script type="text/javascript" src="/i/js/sly.min.js"></script>
<script type="text/javascript" src="/i/js/jquery.easing-1.3.min.js"></script>
<link href="//fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&display=swap" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Lato:400,700,900&display=swap" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/i/js/mobile.js"></script>
</body>
</html>
