1 / 13

Prof. Rudson rudsondant@gmail apostilas.wikidot/hipermidia

Prof. Rudson rudsondant@gmail.com apostilas.wikidot.com/hipermidia. INTRODUÇÃO À HTML Curso: D esenvolvimento de Sistemas para Internet Disciplina: T ecnologia Hipermídia e Multimídia. Faculdade de Excelência Educacional do Rio Grande do Norte. O que é HTML?.

rashad-gonzalez
Download Presentation

Prof. Rudson rudsondant@gmail apostilas.wikidot/hipermidia

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Prof. Rudson rudsondant@gmail.com apostilas.wikidot.com/hipermidia INTRODUÇÃO À HTMLCurso: Desenvolvimento de Sistemas para InternetDisciplina: Tecnologia Hipermídia e Multimídia Faculdade de Excelência Educacional do Rio Grande do Norte

  2. O que é HTML? • Linguagem de marcação que descreve a estrutura, o conteúdo e a apresentação de um documento e sua relação com outros documentos • Podemos apresentar uma informação e vinculá-la a outros recursos: texto, áudio, vídeo, gráficos, etc. • Permite que várias informações sejam exibidas de forma simultânea

  3. O que é HTML? • Tags • Elementos que compõe a estrutura de um documento HTML • Elementos de marcação que definirão como os navegadores exibirão as informações contidas nas páginas do sítio • Uma tag sempre está entre os caracteres: “<” e “>” • Na maioria das vezes, uma tag possui uma tag de fechamento • Exemplo: <body> ... </body> • Podem possuir atributos, que definem suas características ou propriedades

  4. Elementos • <html> ... </html> • Indicam, respectivamente, o início e o fim do documento • <head> ... </head> • Seção do cabeçalho, definições lógicas sobre o documento (identificação, catalogação, título, vínculos, etc.)‏ • <title> ... </title>:

  5. Exemplo1 • <HTML> • <HEAD> • <TITLE>Minha Página</TITLE> • </HEAD> • </HTML>

  6. Elementos • <body> ... </body> • Definição de todo o conteúdo do documento que será exibido pelos navegadores • <h*> ... </h*> • Identificação dos 6 níveis de títulos diferentes em um documento (* = 1, 2, 3, 4, 5, ou 6)‏ • <p> ... </p> • Definem um bloco de texto como um parágrafo

  7. Exemplo 2 • <body> • <h1>Bem Vindo!!!</h1> • Essa é minha primeira página • <p>O que você achou dela?</p> • </body>

  8. Elementos do corpo • <em> ... </em> • Enfatizam o texto em itálico • equivalente a <i>...</i> • <strong> ... </strong> • Enfatizam o texto em negrito • equivalente a <b>...</b> • <br> • insere uma quebra na linha do parágrafo • utilizado para pular linhas • <hr> • insere uma linha horizontal no parágrafo

  9. Exemplo 3 • <body> • <h1>Bem Vindo!!!</h1> • <strong>Essa</strong> é minha <em>primeira</em> página • <p>O que <i>você</i> <b>achou</b> dela?</p> • <hr>

  10. Ligações e Imagens • <a href=" endereço do link"> Nome do link</a> • insere um link • href representa o endereço • <img src="nome da imagem" width="largura" height="altura"> • insere uma imagem • src representa o nome do arquivo • width – a largura em pixels • height – altura em pixels

  11. Exemplo 4 • <p>Conheça minha páginas favoritas</p> • <a href="http://html-color-codes.com/">Cores para Web</a> • <br> • <a href="http://apostilas.wikidot.com/hipermidia">Tecnologia Hipermídia</a>

  12. Exemplo 5 • <hr> • <p>Minhas imagens</p> • <img src="PC.jpg" width="200" height="150">

  13. Exercício • Crie um documento HTML, no bloco de notas, contendo as seguintes informações: • Cabeçalho (com título: nome meu do seu sítio)‏ • Corpo: • Seu nome (título 1)‏ • Curso (título 2) • Matrícula (título 3)‏ • Lista das disciplinas cursadas • links para 3 páginas que você goste

More Related