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: