Tecnologia Hipermídia e Multimídia CURSO DE GRADUAÇÃO TECNOLÓGICA EM DESENVOLVIMENTO DE SISTEMAS PARA INTERNET Prof. Rudson [email protected] 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> <HEAD></HEAD> Define o documento html 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> Usado pra quebrar parágrafos <a></a> Usado para criar parágrafos <br> Adicionar Titulos ao texto. * representa um número de 1 a 6 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 LINK= cor do link acionado VLINK define a cor do lnk ALINK= Define a cor de fundo 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 Define a cor da fonte Define a cor de fundo background-color Estilo h1 { font-family: Arial, Geneva, Helvetica, SunSans-Regular, sansserif } 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 Define a cor do link A: visited Define a cor do link após visita Estilo Externamente para chamar um css <head> <link rel="stylesheet" href="meuestilo.css"> </head>
Download
