Baixe o app para aproveitar ainda mais
Prévia do material em texto
3. Interface com o usuário 3.1 HTML HTML é uma das linguagens que utilizamos para desenvolver websites. O acrônimo HTML vem do inglês e significa Hypertext Markup Language ou em português Linguagem de Marcação de Hipertexto. A linguagem de notação HTML foi criada por Tim Berners-Lee. Ele criou o HTML para a comunicação e disseminação de pesquisas entre ele e seus colegas. O HTML ficou bastante conhecido quando começou a ser utilizada para formar a rede pública da época, e mais tarde se tornar a internet que conhecemos hoje. Dizemos que o html é uma linguagem baseada em marcação. Nós marcamos os elementos para mostrar quais informações a página exibe. Todo documento HTML possui etiquetas (do inglês: tags), essas etiquetas são os comandos de formatação da linguagem. Um elemento é formado por um nome de etiqueta (tag), atributos, valores e filhos (que podem ser outros elementos ou texto). Exemplo de estrutura padrão HTML: <html> -> Tag de abertura <head> -> Tag de abertura para o cabeçalho do documento <title>Título da página</title> -> Tag onde é informado o título da "página"(browser) </head> -> Tag de fechamento para o cabeçalho do documento <body> -> Tag que compreende todas as informações do corpo do documento <h1>Aqui vai o texto do título</h1> <p>Aqui vai o texto do parágrafo. Geralmente parágrafos tem muitas palavras, letras menores que as do título</p> </body> -> Tag de fechamento das informações do corpo do documento </html> -> Tag de fechamento final Fonte: http://pt.wikipedia.org/wiki/HTML https://sites.google.com/site/sitesrecord/o-que-e-html 3.2 HTML5 O HTML5 é a quinta versão da linguagem HTML e traz importantes mudanças no papel do HTML na web e com vários recursos antes só possíveis com a utilização de complementos externos. Exemplo de um código HTML5 Código HTML5 para reproduzir áudio sem a necessidade de plug-ins: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Áudio em HTML5</title> </head> <body> <audio controls autoplay> <source src="audio.ogg" /> <!-- Mensagem explicando que o navegador não suporta áudio ou o formato usado. --> <p>Seu navegador não suporta áudio HTML5 ou o formato Opus.</p> </audio> </body> </html>
Compartilhar