[WEB] Aplicações para Internet - 1ª Semana - AULA 1C

Aplicações para Internet Conte údo: \u2022 Primei ro exem plo com HTML \u2022 Conceitos ini ciais e sintaxe básica \u2022 T ags de estrutura \u2022 Valida dor W 3C \u2022 Anali sando o código no navegador Professores: Alcid es T eixeir a Ana Paula Cristiane Camilo Manuel Ledón Vamos iniciar... \u2022 A estrutura básica de um docum ento HTML5 seria: l> /> Título do documen to Tod o o conteúd o da página vai aqui dentro dessa s tags. V amos inserir esse cód igo no Notepa d++ ou no Bloco de Nota s e depo is o mesmo código em ou tra ferramenta mais sofisticad a para iniciarmos n osso conta to com a lingu age m e a f errame nta . Lembre de salvar seu arqu ivo com a ex te nsão HTM L e poste riormente teste seu arquivo e m algum navegado r . A lguns conceit os básicos A ling uagem HTML desde a sua primeira especificação teve como objetivo pri ncipal estruturar docume nt os, sua especificaçã o não visa a formataçã o ou função de apresentaçã o v isual como cor de fonte, aspectos de lay out etc. Vale ressaltar que algu mas tags possuem uma formatação prévia, porém são formatações que ainda estão dentro dos objetivos de estruturar o documen to html. A lguns co nceitos básicos A linguag em HT ML precisa do CSS (folha s de estilo) p ara f ormatar o conte údo de um docu men to e do Javascript pa ra dar intera tividade . Um exemplo simples, as páginas abaixo po ssuem o m esmo código html, porém em u ma delas aplicamo s o CSS SOMENTE HTML5 HTML5 + CSS Tags, algun s detalhes \u2022 Geralmen te uma tag é utilizad a delimitando um texto, com sua ab ertura e f ech amento , no HTM L e xistem algumas tag s que não po ssuem fechamen to. \u2022 Exemplo de tag com fechamento Esta tag define um parágrafo

\u2022 Exemplo de tag sem fechamento , tag de image m img src =\u201cx.gif\u201d / > \u2022 As tags são f ormad as pelos sinais " ", como no exemplo da estrutu ra básica. html > .... \u2022 Existem algu mas ta gs que não são mais utiliz adas devido ao uso do CSS qu e será abo rdado posteriormen te. Abertura da tag Fechamento da tag T ag com aut ofecham ento ou que não possuí o fecham ento pad rão. Um documento HT ML5 é formado basicamente pe la estrutura: DOCTY PE html> =" pt - br "> eta charset="utf-8"/> Título da página /title> \u2026.. conteúdo da página > l> Estrutura básic a Doc. HTML Cabe çalho do Doc. Corpo do Doc. Codificação d os caracteres Elementos de uma página HTML \u2022 O Elem entos sempre ocupam um espaço quadrado na tela ou u ma linha, que tem uma lar gura e u ma altura. Qua ndo estudarmos CSS veremos que eles podem ter seu tamanho alter ado assim como ter sua posição natural alterada (podendo, inclusive, se sobreporem ) \u2022 Elementos podem conter outros Elementos (um bloco pode conter dois outros blocos menores dentro dele, por exem plo) \u2022 O que define um elemento no HTML são as T AGs. Um ele mento que pode ter conteúdo deve ter um a T AG inicial e uma T AG de f echamento. Elementos que não devem ter conteúdo (como imagem ou linha horiz ontal) não possuem T AG de f echamento Padrão na criação do códig o Para criarmos nossos documentos HTML, iremos seguir as observações abaixo: \u2013 Devemos criar os do cumentos bem -formados. \u2013 Todas as tags devem ser e scritas com letra s minúscul as. \u2013 Uso de tags de fechamento é obriga tória. \u2013 Elementos vazios ( br , hr , ... ) podem ser fechados com "/\u201c . \u2013 Atributos devem ser escri tos ta mbém com letras minúscul as. \u2013 Os valores dos atributos devem ser escritos dentro de aspas (" .... ") . \u2013 Todos os atributos devem ter nome e valor associad os. Caracteres Especiais A HTML possui algumas codif icações para caracteres. Por exemplo, não se pode usar os caracteres " " em um texto, pois o navegador pode con fundi-los co m as marcações do docum ento, devemos substituí-los por códigos. Alguns exemplos de codif icação e seus caracteres: Caract eres Nome no HTML Descri ção " &quot; Aspas ( quot ation mark) ' &apos; Apóstrofe & &amp; "E" co mercial (ampersand) &lt; Menor que ( less-than) > & gt ; Mai or que ( greater-than) & nbsp; Espaço (br anco) https://dev .w3.org/html5/html -author/charref Codificaç ão de caracteres " Conteúd o é com posto de uma sequência de c aracter es. Caracteres representam letras do alfabeto, pontuação, etc. Conteúd os s ão a rmazenados em um computador como uma sequên cia de bytes, que s ão valores numéricos. Em alguns casos um simples caractere é representado por ma is de um byte. T al como os códigos usados em espionagem a maneira como uma sequ ência de byte s é c on vertida em caracteres depende do formato como o conteúdo foi codificado. Nesse contexto tal formato é d enomina do codif ic ação de carac t eres . Uma página HTML pode ter ap enas uma codifi caçã o de caracteres. A codificação baseada em Unicod e, tal como UT F- 8, oferece suporte para v ários idioma s e assim sendo admite págin as e formulários em qua lque r combinação de id iomas." (W 3 C, 2014 ) \u2022 No HTML5, a codificação padrão de caracteres é UTF- 8. \u2022 Para mais informaçõ es acesse: http://www .w 3schools.com /charsets / http:// ww w .w 3.org/Interna tional/O -charset.pt-br.php

[WEB] Aplicações para Internet - 1ª Semana - AULA 1C

UNICSUL

Programação I

Continue navegando

Materiais relacionados

Perguntas relacionadas

Qual o significado da frase? "Aplicações Ricas para a Internet" São aplicações Web que sempre travam na tela. São aplicações Web que se aproximam d...

Com relação ao exposto e aos seus conhecimentos sobre aplicações web e aplicações ricas para internet, analise as afirmativas a seguir. I. As aplic...

Com relação ao exposto e aos seus conhecimentos sobre aplicações web e aplicações ricas para internet, analise as afirmativas a seguir. I. As aplic...

Com relação ao exposto e aos seus conhecimentos sobre aplicações web e aplicações ricas para internet, analise as afirmativas a seguir. I. As aplic...

Outros materiais