Baixe o app para aproveitar ainda mais
Prévia do material em texto
Tecnologias Web João Paulo Brognoni Casati Aula 5 * Conteúdo da Aula O que é HTML? Onde e para quê é utilizado? Sintaxe da linguagem Arquivos HTML * * O que é HTML? Linguagem de marcação de hipertexto; Em inglês: Hyper-Text Markup Language O texto é marcado para ser exibido de modo formatado/diagramado por uma página web. Extensão do arquivo: .html ou .htm * * O que é HTML? Requisição de uma página HTML * Cliente Navegador Web utilizado para navegação. Servidor Servidor Web com arquivos HTML. Requisita: Arquivo HTML Envia: Arquivo HTML * O que é HTML? Arquivo HTML é acessado via navegador (Chrome, IE, Firefox, Safari...) e o conteúdo é exibido. Recursos: Imagens Tabelas Vídeos Outros... * * O que é HTML? HTML5 A mais nova versão do HTML Já muito utilizada Não suportada por todos os navegadores Criada pela W3C World Wide Web Consortium Não necessita plug-ins para alguns recursos * * O que é HTML? XHTML HTML Extendido Baseado em XML Foca em conteúdo da página Design/Diagramação CSS: Cascade Style Sheet Folhas de estilo em cascata * * Onde e para que o HTML é utilizado? O HTML é basicamente usado para construção de páginas para a web; HTML é de suma importância para desenvolvedores web: Linguagens de programação para web Geradores dinâmicos de HTML; * * Onde e para que o HTML é utilizado? Existem editores visuais de HTML, como: FrontPage NVU Dreamweaver Notepad++ NetBeans Muitos outros... * * Onde e para que o HTML é utilizado? O editor Notepad++ * * Onde e para que o HTML é utilizado? Bloco de notas Suficiente para se criar arquivos HTML É importante conhecer a linguagem! Intervenção direta no código Programação dinâmica de páginas. * * Sintaxe da Linguagem O HTML é constituído de TAGs: Marcações que são feitas no arquivo Formatar / Diagramar para a exibição pelo navegador. Utilizam os símbolos < e > Abertura: <TAG> Fechamento: </TAG> Pontuais: <TAG/> * * Sintaxe da Linguagem Existem TAGs para: Inserção de imagens Formatação em Tabelas Links (ligações) para outros arquivos HTML do seu site Links para outras páginas na web Muitas outras... * * Sintaxe da Linguagem Algumas TAGs possuem propriedades. Configuradas na abertura da TAG Obrigatórias ou opcionais Alteram o efeito que a TAG aplica * Sintaxe da Linguagem Exemplo de uma TAG HTML: * <a href=“pagina2.htm”>Clique Aqui!</a> Nome da propriedade Aplicação da TAG Abertura da TAG Valor da propriedade Fechamento da TAG * Arquivos HTML DOCTYPE Define o tipo de documento Depende da versão do HTML Marcação no início do documento Em HTML5: <!DOCTYPE html> * * Arquivos HTML HEAD Cabeçalho do documento Contém informações como: Título do documento Scripts utilizados Links para folhas de estilos Palavras-chave para indexação Descrição da página * * Arquivos HTML BODY Corpo do documento Principal parte estrutural da página Contém todo o conteúdo da página A maioria das TAGs são incluídas dentro do escopo do BODY * * Arquivos HTML Estrutura de um arquivo HTML * * Arquivos HTML Execução de um arquivo HTML Arquivo: teste.html <!DOCTYPE html> <html> <head> <title>Página</title> </head> <body> <h1>Olá Mundo!</h1> </body> </html> * Tecnologias Web João Paulo Brognoni Casati Atividades 5 * * Atividades 1 – Qual a extensão do arquivo HTML? Resposta: “.html” ou “.htm”. * * Atividades 2 – Cite uma vantagem e uma desvantagem de se utilizar o HTML5? Resposta: Vantagem: Não necessita de plug-ins para execução de conteúdo multimídia. Desvantagem: Não é suportada por todos os navegadores. * * Atividades 3 – Cite três aplicativos que auxiliam na escrita do código HTML. Resposta: Dreamweaver NVU FrontPage * * Atividades 4 – O que faz a W3C? Resposta: É responsável pela padronização de tecnologias para web.
Compartilhar