Diretório

Aula Nº 1 – Introdução

download Denúncia

Transcrição

Aula Nº 1 – Introdução 

                                    

                                

                            

                        


                        

							
                            

                                Documentos relacionados                            

															


    

        Aula Nº 4 – XHTML+CSS
    

    

        Aula Nº 4 – XHTML+CSS
					"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



Hello Title</...
		    </p>
    <a class="news-block-btn" href="/doc/152988/aula-n%C2%BA-4-%E2%80%93-xhtml-css">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/152991/html">html</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000152991_1-fbf18dce3c14f59863e97396ac065796-70x70.png"
             alt="html" title="html" width="70" height="70">
					13. Digite a seguinte página e salve como lista_02.html.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"...
		    </p>
    <a class="news-block-btn" href="/doc/152991/html">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/18317/se%C3%A7%C3%A3o-do-cabe%C3%A7alho---prof%C2%AA-msc.-elizabete-munzlinger">Seção do Cabeçalho - profª msc. elizabete munzlinger</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000018317_1-bd6a1761d62debfda3948622adaa0aec-70x70.png"
             alt="Seção do Cabeçalho - profª msc. elizabete munzlinger" title="Seção do Cabeçalho - profª msc. elizabete munzlinger" width="70" height="70">
					efeitos, etc). O trecho de código inserido dentro das tags de estilo são escritos na sintaxe da linguagem
CSS (Cascading Style Sheets/Folhas de Estilos em Cascata).
Atributo:
type
(type/tipo)

Espe...
		    </p>
    <a class="news-block-btn" href="/doc/18317/se%C3%A7%C3%A3o-do-cabe%C3%A7alho---prof%C2%AA-msc.-elizabete-munzlinger">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/98193/imagens-em-html">Imagens em HTML</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000098193_1-5d4981cd58c4cee0a9c22840457b3ad1-70x70.png"
             alt="Imagens em HTML" title="Imagens em HTML" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/98193/imagens-em-html">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/575888/apostila-de-xhtml">Apostila de XHTML</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000575888_1-d1547a1c5931637492de7ebf2930df46-70x70.png"
             alt="Apostila de XHTML" title="Apostila de XHTML" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/575888/apostila-de-xhtml">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/65105/cascading-style-sheets-ii">Cascading Style Sheets II</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000065105_1-612a558e7a8ea2a45a34b96b75b8244a-70x70.png"
             alt="Cascading Style Sheets II" title="Cascading Style Sheets II" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/65105/cascading-style-sheets-ii">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/103645/guia-visual-para...-re-encodar-um-dvd9-com-o-%E2%80%9Crebuilder-aio">Guia Visual para... Re-encodar um DVD9 com o “Rebuilder AIO</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000103645_1-d860303a5c09a64cdd1ee19a2e740ad8-70x70.png"
             alt="Guia Visual para... Re-encodar um DVD9 com o “Rebuilder AIO" title="Guia Visual para... Re-encodar um DVD9 com o “Rebuilder AIO" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/103645/guia-visual-para...-re-encodar-um-dvd9-com-o-%E2%80%9Crebuilder-aio">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/698785/apostila-html-e-xhtml">Apostila html e xhtml</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000698785_1-5d329784dae0cf7faed7634c95018d6e-70x70.png"
             alt="Apostila html e xhtml" title="Apostila html e xhtml" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/698785/apostila-html-e-xhtml">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/152992/nova-aba">Nova aba</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000152992_1-5a78151b5745745ddc8ad25e248c8fdb-70x70.png"
             alt="Nova aba" title="Nova aba" width="70" height="70">
					import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xht...
		    </p>
    <a class="news-block-btn" href="/doc/152992/nova-aba">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/47395/apostila--html-4.0.1-">Apostila (Html 4.0.1)</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000047395_1-1dd25ce16bdcdc27eb85902d663222fa-70x70.png"
             alt="Apostila (Html 4.0.1)" title="Apostila (Html 4.0.1)" width="70" height="70">
					Caso você não escolha nenhuma dessas duas tags o alinhamento será automático.
Para tornar a Home Page mais atraente use as seguintes tags:
<h1> e <marquee>. Dessa forma seu título vai ser um letrei...
		    </p>
    <a class="news-block-btn" href="/doc/47395/apostila--html-4.0.1-">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/159724/c%C3%B3pia_de_seguran%C3%A7a_de_newsletter-agoset">Cópia_de_segurança_de_Newsletter agoset</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000159724_1-3b060d641e94d2c9c35057d28696a934-70x70.png"
             alt="Cópia_de_segurança_de_Newsletter agoset" title="Cópia_de_segurança_de_Newsletter agoset" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/159724/c%C3%B3pia_de_seguran%C3%A7a_de_newsletter-agoset">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/315733/java-server-faces">Java Server Faces</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000315733_1-b25a7d5ca3a97545aeeba793e873139d-70x70.png"
             alt="Java Server Faces" title="Java Server Faces" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/315733/java-server-faces">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/152987/turorial-em-pdf">Turorial em PDF</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000152987_1-03249cce3dcb5891998103d4912d8585-70x70.png"
             alt="Turorial em PDF" title="Turorial em PDF" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/152987/turorial-em-pdf">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/64975/newsletter">newsletter</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000064975_1-8f08308a34449128d46ae29026965175-70x70.png"
             alt="newsletter" title="newsletter" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/64975/newsletter">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/315058/ricardo-terra-rterrabh--at--gmail.com---dcc">Ricardo Terra rterrabh [at] gmail.com - DCC</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000315058_1-08d6cad574dd807ec3b0060bc7c52a74-70x70.png"
             alt="Ricardo Terra rterrabh [at] gmail.com - DCC" title="Ricardo Terra rterrabh [at] gmail.com - DCC" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/315058/ricardo-terra-rterrabh--at--gmail.com---dcc">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/200182/newsletter">newsletter</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000200182_1-d365b7aea3853ca06f493f99fbed7e6b-70x70.png"
             alt="newsletter" title="newsletter" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/200182/newsletter">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/656460/html---designwebarte">HTML - DesignWebArte</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000656460_1-6504629fb5e3b8cd919b28e41dba9b6d-70x70.png"
             alt="HTML - DesignWebArte" title="HTML - DesignWebArte" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/656460/html---designwebarte">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/409856/apostila-de-html---luc%C3%ADlia-ribeiro">Apostila de HTML - Lucília Ribeiro</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000409856_1-6a4b313e273d084184b66e7899cec59b-70x70.png"
             alt="Apostila de HTML - Lucília Ribeiro" title="Apostila de HTML - Lucília Ribeiro" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/409856/apostila-de-html---luc%C3%ADlia-ribeiro">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/280788/ghostscript-pdf-writer--job-2">GhostScript PDF Writer, Job 2</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000280788_1-8db392392d4fc3faf1f077cb3c429197-70x70.png"
             alt="GhostScript PDF Writer, Job 2" title="GhostScript PDF Writer, Job 2" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/280788/ghostscript-pdf-writer--job-2">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
															
<div class="news-blocks">
    <h3>
        <a href="/doc/242686/tutorial-asp-net">Tutorial ASP NET</a>
    </h3>
    <p>
        <img class="news-block-img pull-right" src="//s1br.doczz.net/store/data/000242686_1-d92f607f810bbb1302b27d34d253dd0e-70x70.png"
             alt="Tutorial ASP NET" title="Tutorial ASP NET" width="70" height="70">
		    </p>
    <a class="news-block-btn" href="/doc/242686/tutorial-asp-net">
		Leia mais        <i class="m-icon-swapright m-icon-black"></i>
    </a>
</div>
							                        </div>
                    </div>
				            </div>
        </div>
    </div>
</div>

</div>

<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-12 padding-top-10">
				2025 ©
                doczz.com.br                <div class="pull-right">
                    <a href="/about">
                        Sobre nós                    </a> |
                    <a href="/dmca">
                        DMCA / GDPR                    </a> |
                    <a href="/abuse">
                        Abuso                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
var FileAPI =
{
    debug: false,
    withCredentials: false,
    staticPath: '/theme/common/static/fileapi@2.2.0/dist/',
    currentUserId: 2,
    storeUrl: '//s1br.doczz.net/store/upload',
    afterUploadRedirect: '//doczz.com.br/afterupload.html'
};
</script>

            <script src="/theme/doczz/static/script.js"></script>
                <script src="/theme/common/static/fileapi@2.2.0/dist/FileAPI.min.js"
            async defer></script>
                <script src="/theme/doczz/static/script1.js"
            async defer></script>
    
    
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function (d, w, c) {
        (w[c] = w[c] || []).push(function() {
            try {
                w.yaCounter41288809 = new Ya.Metrika({
                    id:41288809
                });
            } catch(e) { }
        });

        var n = d.getElementsByTagName("script")[0],
            s = d.createElement("script"),
            f = function () { n.parentNode.insertBefore(s, n); };
        s.type = "text/javascript";
        s.async = true;
        s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

        if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
        } else { f(); }
    })(document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="//mc.yandex.ru/watch/41288809" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</div>
</body>
</html>