<head>/o elemento <head> deve incluir um título para o documento, e pode incluir scripts, estilos, informações de meta, e muito mais/

Transcrição

1 <!DOCTYPE html>/*o <DOCTYPE> declaração deve ser a primeira coisa em seu documento HTML, antes da tag <html>.<! DOCTYPE> A declaração não é uma tag HTML; é uma instrução para o navegador da web sobre qual versão do HTML da página é escrito dentro*/ <html class="html">/*a tag <html> informa ao navegador que este é um documento HTML*/ <head>/*o elemento <head> deve incluir um título para o documento, e pode incluir scripts, estilos, informações de meta, e muito mais*/ <meta http-equiv="content-type" content="text/html;charset=utf-8"/> /* é utilizado para colocar os ascentos nas letras*/ <meta name="generator" content=" "/> <title>início</title> /*Esse é o texto que aparece na barra de título do navegador*/  <link rel="stylesheet" type="text/css" href="css/site_global.css? "/>/*o atributo rel necessário especifica a relação entre o documento atual eo documento / recurso ligado*/ <link rel="stylesheet" type="text/css" href="css/master_a-mestre.css? "/>/*href especifica o endereço da URL (Universal Resource Locator) ao qual o link está associado, pode ser uma outra página da internet, um arquivo para download ou até mesmo uma figura*/ <link rel="stylesheet" type="text/css" href="css/index.css? " id="pagesheet"/>  <script type="text/javascript"> document.documentelement.classname += ' js'; </script>/*a tag <script> é usado para definir um script do lado do cliente, como um JavaScript*/

2 </head> <body>/*o elemento <body> contém todo o conteúdo de um documento HTML, como textos, hiperlinks, imagens, tabelas, listas, etc*/ <div class="gradient clearfix" id="page">/*O atributo class especifica um ou mais nomes de classes para um elemento*/ <div class="grpelem" id="u184-3"> <div class="_u184-3 f3s_top" id="_u184-3-f3s_top"> <div class="_u184-3 f3s_mid clearfix" id="_u184-3-f3s_mid"> <div class="position_content clearfix" id="u184-3position_content"> <p> </p> /*A tag <div> define uma divisão ou uma seção em um documento HTML.A tag <div> é usado para agrupar blocos-elementos para formatá-los com CSS.*/ <div class="_u184-3 f3s_bot" id="_u184-3-f3s_bot"> <div class="grpelem" id="u365">/*O atributo id especifica um id único para um elemento HTML (o valor deve ser exclusivo dentro do documento HTML)*/ <div class="_u365 f3s_top" id="_u365-f3s_top">

3 <div class="_u365 f3s_mid clearfix" id="_u365-f3s_mid"> <div class="clearfix grpelem" id="u520-7"> <p>"o covarde nunca tenta, o fracassado nunca termina, e o vencedor nunca desiste!</p>/*a marcação <P> é utilizada para definir o início de um novo parágrafo, deixando uma linha em branco entre cada parágrafo*/ <p> </p> <p>amanda Vitória</p> <div class="_u365 f3s_bot" id="_u365-f3s_bot"> <ul class="menubar grpelem" id="menuu186"> <div class="_menuu186 f3s_top" id="_menuu186-f3s_top"> <div class="_menuu186 f3s_mid clearfix" id="_menuu186-f3s_mid"> <div class="menuitemcontainer clearfix grpelem" id="u187"> <a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive clearfix colelem" id="u190" href="index.html"><p>início</p></a>/*a tag <a> define um hiperlink, que é usado para ligar a partir de uma página para outra.*/

4 <div class="menuitemcontainer clearfix grpelem" id="u229"> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u230" href="m%c3%b3dulo-i.html"><div class="menuitemlabel NoWrap clearfix grpelem" id="u233-4"><p>módulo I</p><div class="clip_frame grpelem" id="u231"></a> <div class="submenu MenuLevel1 clearfix" id="u234"> <ul class="submenuview clearfix colelem" id="u235"> <li class="menuitemcontainer clearfix colelem" id="u317"> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix grpelem" id="u318" href="laborat%c3%b3rio-deprograma%c3%a7%c3%a3o.html"><div class="menuitemlabel NoWrap clearfix grpelem" id="u320-4"><p>laboratório de Programação</p></a> </li>/*a tag <li> define um item da lista.a tag <li> é utilizado em listas ordenadas ( <ol> ), listas não ordenadas ( <ul> ) e em listas de menu ( <menu> )*/ <li class="menuitemcontainer clearfix colelem" id="u330"> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix grpelem" id="u333" href="infraestrutura-de-redes-e-computadores.html"><div class="menuitemlabel NoWrap clearfix grpelem" id="u334-4"><p>infraestrutura de Redes e Computadores</p></a> </li> <li class="menuitemcontainer clearfix colelem" id="u337"> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix grpelem" id="u338" href="redes-de-computadores.html"><p>redes de Computadores</p></a>

5 </li> <li class="menuitemcontainer clearfix colelem" id="u344"> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix grpelem" id="u347" href="princ%c3%adpios-de-seguran%c3%a7a-dainforma%c3%a7%c3%a3o.html"><div class="menuitemlabel NoWrap clearfix grpelem" id="u348-4"><p>princípios de Segurança da Informação</p></a> </li> <li class="menuitemcontainer clearfix colelem" id="u351"> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix grpelem" id="u352" href="laborat%c3%b3rio-decomputa%c3%a7%c3%a3o.html"><div class="menuitemlabel NoWrap clearfix grpelem" id="u354-4"><p>laboratório de Computação</p></a> </li> <li class="menuitemcontainer clearfix colelem" id="u358"> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix grpelem" id="u359" href="l%c3%b3gica-de-programa%c3%a7%c3%a3o-ealgoritmos.html"><div class="menuitemlabel NoWrap clearfix grpelem" id="u360-4"><p>lógica de Programação e Algoritmos</p></a> </li> </ul>/*a tag <ul> define uma lista não ordenada (com marcadores).use a tag <ul> juntamente com o <li> tag para criar listas não ordenadas.*/

6 <div class="menuitemcontainer clearfix grpelem" id="u236"> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u237" href="m%c3%b3dulo-ii.html"><div class="menuitemlabel NoWrap clearfix grpelem" id="u240-4"><p>módulo II</p></a>*/href especifica o endereço da URL (Universal Resource Locator) ao qual o link está associado, pode ser uma outra página da internet, um arquivo para download ou até mesmo uma figura*/ <div class="menuitemcontainer clearfix grpelem" id="u249"> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u252" href="m%c3%b3dulo-iii.html"><div class="menuitemlabel NoWrap clearfix grpelem" id="u254-4"><p>módulo III</p></a> <div class="menuitemcontainer clearfix grpelem" id="u262"> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u263" href="m%c3%b3dulo-iv.html"><div class="menuitemlabel NoWrap clearfix grpelem" id="u264-4"><p>módulo IV</p></a> <div class="menuitemcontainer clearfix grpelem" id="u275"> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u278" href="m%c3%b3dulo-v.html"><div class="menuitemlabel NoWrap clearfix grpelem" id="u280-4"><p>módulo V</p></a> <div class="_menuu186 f3s_bot" id="_menuu186-f3s_bot">

7 </ul> <div class="clip_frame grpelem" id="u369"> <img class="block" id="u369_img" src="images/seguranca-da-informacaoo-2-ead.jpg" alt="" width="215" height="88"/>/*a marca <img> define uma imagem em uma página HTML*/ <div class="grpelem" id="u366"> <div class="_u366 f3s_top" id="_u366-f3s_top"> <div class="_u366 f3s_mid clearfix" id="_u366-f3s_mid"> <div class="clearfix grpelem" id="u386-3"> <p> </p> <div class="_u366 f3s_bot" id="_u366-f3s_bot"> <div class="clearfix grpelem" id="u385-3"> <p> </p>

8 <div class="clearfix grpelem" id="u387-3"> <p> </p> <div class="clearfix grpelem" id="u388-4"> <p>projeto Integrador</p>/*A marcação <P> é utilizada para definir o início de um novo parágrafo, deixando uma linha em branco entre cada parágrafo*/ <div class="clearfix grpelem" id="u401-4"> <p>hiego Filipe Almeida Sales</p> <div class="clearfix grpelem" id="u402-4"> <p>si - Noturno Módulo 1 Turma A</p> <div class="gradient grpelem" id="u428"> <div class="grpelem" id="u429"> <div class="verticalspacer">

9  <script type="text/javascript">/*o elemento <script> ou contém declarações de script, ou ele aponta para um arquivo de script externo através do atributo src*/ if (document.location.protocol!= ' document.write('\x3cscript src=" type="text/javascript">\x3c/script>'); </script> <script type="text/javascript"> window.jquery document.write('\x3cscript src="scripts/jquery min.js" type="text/javascript">\x3c/script>'); </script> <script src="scripts/museutils.js? " type="text/javascript"></script>/*o elemento <script> ou contém declarações de script, ou ele aponta para um arquivo de script externo através do atributo src*/ <script src="scripts/jquery.musemenu.js? " type="text/javascript"></script> <script src="scripts/jquery.watch.js? " type="text/javascript"></script>  <script type="text/javascript"> $(document).ready(function() { try { Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */ Muse.Utils.prepHyperlinks(true);/* body */

10 Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).musemenu(); });/* unifiednavbar */ Muse.Utils.fullPage('#page');/* 100% height page */ Muse.Utils.showWidgetsWhenReady();/* body */ Muse.Utils.transformMarkupToFixBrowserProblems();/* body */ } catch(e) { Muse.Assert.fail('Error calling selector function:' + e); }}); </script> </body> </html>