1 / 15

HTML HyperText Markup Language

HTML HyperText Markup Language. Funcionalidades do HTML:. Alterar o aspecto físico do texto Indicar que certa parte do texto é um endereço de outra home page (hyperlink) Inserir figuras, sons Criar tabelas, formulários, frames.

Download Presentation

HTML HyperText Markup Language

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. HTML HyperText Markup Language

  2. Funcionalidades do HTML: • Alterar o aspecto físico do texto • Indicar que certa parte do texto é um endereço de outra home page (hyperlink) • Inserir figuras, sons • Criar tabelas, formulários, frames.

  3. O browser ao acessar um programa procura pelos comandos HTML denominados tags ou etiquetas. As tags são reconhecidas pelos sinais “<>” para iniciar o comando e “</>” para finalizar o comando. Ex.: <nome da tag> Texto marcado pela Tag </nome da tag> <p> Texto marcado </p>

  4. Estrutura de um documento HTML A estrutura de um documento HTML apresenta os seguintes componentes: <html> <head> <title> Título da página Web </title> </head> <body> Corpo da página que será exibida para o usuário (dados e tags) </body> </html>

  5. As tags HTML não são sensíveis a maiúscula-minúscula, mas recomenda-se escrevê-las em letras minúsculas. Várias tags são complementadas com parâmetros, cujos valores deverão vir entre “” (aspas). Ex.: <tag parâmetro=“valor”> Texto marcado </tag> <font size=“2” face=“verdana, arial”> Texto </font>

  6. Caracteres especiais e acentos: Devem ser digitados através de caracteres especiais Ex.: caf&eacute; = café ma&ccedil;&atilde; = maçã refer&ecirc;ncia = referência a&agrave; = à

  7. Formatação de Fonte Interfere no aspecto visual do texto. Tags: <h1> T&iacute;tulo </h1) <font> possui parâmetros para determinar tamanho, tipo e cor da fonte </font> <b> negrito </b> <i> it&acute;lico </i> <marquee> texto animado </marquee>

  8. Listas ordenadas e não ordenadas <ol> <li> item da lista ordenada </li> </ol> Resultado: 1. item da lista ordenada <ul> <li> item da lista não ordenada </li> </ul> Resultado:  item da lista não ordenada

  9. Links Permite uma ligação: entre páginas Web; entre URLs (outros sites); dentro da própria página.

  10. Ligações entre páginas Web <a href="hist.html"> Aspectos Históricos da Internet</a> Especificar o nome do arquivo a ser aberto. Ligações entre URLs <a href=“http://www.mackenzie.br"> Link para o site do Mackenzie</a> Especificar a URL.

  11. Ligações dentro da própria página <a href="#ens_sup"> Ensino Superior</a> … (depois de muito código) … <a name="ens_sup“> Ensino Superior</a>

  12. Outra informação importante para as ligações hipertextuais é dizer onde a página deverá ser aberta Ex.: <a href="http://www.mackenzie.br" target = "_blank"> Link para o site do Mackenzie a ser aberto numa nova página. </a>

  13. Frames e Iframes Permite dividir a janela do browser em vários frames (quadros ou molduras), tornando possível visualizar mais de um arquivo HTML na tela ao mesmo tempo. A disposição de páginas em frames pode dificultar a navegação e gerar problemas para a impressão. A alternativa natural para os frames são as tabelas. Exemplo:

  14. Formulários Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. O formulário depende de outros programas no servidor, para receber e processar os dados que serão enviados. Para criar um formulário é preciso definir seu objetivo, elaborar os dados a serem incluídos e como serão apresentados. Todo formulário deverá iniciar e terminar com as tags <FORM> ... </FORM>. Exemplo

  15. Tabelas Permite organizar as informações de maneira padronizada. Pode ser inseridos textos, imagens, links e até tabelas, e ainda incluir bordas e definir mais de uma coluna. Uma tabela é formada por um conjunto de linhas e colunas, e o encontro de uma linha e coluna é denominado célula. Exemplo:

More Related