Tecnologia Hipermídia e Multimídia CURSO DE GRADUAÇÃO TECNOLÓGICA EM DESENVOLVIMENTO DE SISTEMAS PARA INTERNET Prof. Rudson rudsondant@gmail.com apostilas.wikidot.com/hipermidia
Revendo HTML Acrônimo para a expressão inglesa HyperText Markup Languag linguagem de marcação utilizada para produzir páginas na Web Todo documento HTML apresenta marcas, elementos entre sinais de maior e menor (< e >); esses elementos são os comandos de formatação da linguagem
Revendo HTML Principais marcas <HTML></HTML> Define o documento html <HEAD></HEAD> Define o cabeçalho do documento Delimita informações como titulo e estilo da página <BODY></BODY> Define o corpo O corpo representa o conteúdo da página em si
Revendo HTML Elementos do cabeçalho <title> </title> Usado para definir o Titulo da página <style> </stile> Usado para definir o estilo da página
Revendo HTML Elementos do corpo <h*> <p> <br> Adicionar Titulos ao texto. * representa um número de 1 a 6 <p> Usado para criar parágrafos <br> Usado pra quebrar parágrafos <a></a> Usado para criar links <img> Usado para inserir imagens
Atributos Os marcadores <a> e <img> possuem atributos No exemplo: <a href="www.google.com">Google</a> href é um atributo do marcador <a> Os atributos servem para especificar as propriedades do marcador O atributo href especifica o o endereço do link
Atributos O elemento <img> tambêm possui atributos No exemplo: <img src="PC.jpg" width="800" height="600"> src define o arquivo a ser carregado width define a largura heigth define altura
Atributos O marcador <BODY> possui alguns atributos BGCOLOR Define a cor de fundo LINK= define a cor do lnk ALINK= cor do link acionado VLINK cor do link visitado BACKGROUND= imagem de fundo
Estilo Define a apresentação de documentos escritos em uma linguagem de marcação Ao invés de colocar a formatação com os atributos do documento, o desenvolvedor insere comando de estilo Usaremos como exemplo o estilo CSS
Estilo <head> <style type="text/css"> body { color: purple; background-color: #d8da3d } </style> </head>
Estilo Color background-color Define a cor da fonte Define a cor de fundo
Estilo h1 { font-family: Arial, Geneva, Helvetica, SunSans-Regular, sans-serif } p { font-family: Verdana}
Estilo Font-family Define a tipo da fonte O navegador escolhe uma fonte que ele conhece É importante definir várias de uma vez Várias parecidas
Estilo a:link { color: red } a:visited { color: purple }
Estilo A: Link{ color A: visited Define a cor do link Define a cor do link após visita
Estilo Externamente para chamar um css <head> <link rel="stylesheet" href="meuestilo.css"> </head>