Carregar apresentação
A apresentação está carregando. Por favor, espere
1
Tecnologia Hipermídia e Multimídia
CURSO DE GRADUAÇÃO TECNOLÓGICA EM DESENVOLVIMENTO DE SISTEMAS PARA INTERNET Prof. Rudson apostilas.wikidot.com/hipermidia
2
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
3
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
4
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
5
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
6
Atributos Os marcadores <a> e <img> possuem atributos
No exemplo: <a href=" 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
7
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
8
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
9
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
10
Estilo <head> <style type="text/css">
body { color: purple; background-color: #d8da3d } </style> </head>
11
Estilo Color background-color Define a cor da fonte
Define a cor de fundo
12
Estilo h1 { font-family: Arial, Geneva, Helvetica, SunSans-Regular, sans-serif } p { font-family: Verdana}
13
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
14
Estilo a:link { color: red } a:visited { color: purple }
15
Estilo A: Link{ color A: visited Define a cor do link
Define a cor do link após visita
16
Estilo Externamente para chamar um css <head>
<link rel="stylesheet" href="meuestilo.css"> </head>
Apresentações semelhantes
