Escola Virtual Bradesco

Curso HTML – Básico

Objetivo do curso é fazer com que você seja capaz de criar páginas web, utilizando a linguagem
de marcação HTML.

1. Serão abordados temas como:

1. Importância do HTML na web
2. Principais comandos para criar páginas web
3. Como listar e adicionar elementos gráficos
4. Como formatar documentos HTML

Módulo 1 – Introdução ao HTML

1. World Wide Web (www)

É um sistema de informação que une dados de vários serviços de internet (rede global)
Site é Coleção de páginas web relacionadas entre si.

O acesso aos sites ocorre por meio de browsers (navegadores) que são programas
utilizados para acessar e interagir com páginas web. Navegadores de diferentes
plataformas interpretam, formatam e exibem páginas web.

Servidores web
Servidores web são computadores robustos com programas que processam pedidos dos
navegadores.

2. O que é uma Home Page

Home Page é a primeira página recebida de um site por um servidor web.

Uma Home Page é normalmente chamada de index.htm ou de default.htm. Os arquivos

também podem possuir a extensão .html como padrão.

3. Os principais protocolos e suas funções

Protocolos são um conjunto de regras para a comunicação em rede. Eles determinam
como computadores se comunicam: como iniciar, como manter e como encerrar a
comunicação.
HTTP: Hyper Text Transfer Protocol é o protocolo usado pelos servidores web para
transmitir documentos HTML pela internet.
FTP: File Transfer Protocol é outro protocolo muito utilizado para transmitir arquivos,
porém sua interface gráfica não é tão agradavél como o HTTP.
TCP: Transfer Control Protocol é um conjunto de protocolos para a transmissão de
informação pela web, com função de verificar se os dados são transferidos de forma
correta, na sequência apropriada e sem erros.
Escola Virtual Bradesco

IP: Internet Protocol (IP) é um protocolo de endereçamento, que fornece o endereço

dos computadores na rede.

4. Universal Resouce Locator (URL) – Sistema de endereçamento

Universal Resouce Locator é o sistema de endereçamento usado peloas navegadores
para localizar redes, computadores e arquivos na internet

Uma URL especifica:

Qual é a diferença entre INTERNET e a INTRANET

INTERNET é uma rede mundial de computadores que permite ao usuário obter
informações e se comunicar com pessoas do mundo todo
INTRANET é uma rede privada que perm ite ao usuário interagir com pessoas de uma
mesma organização.

5. Linguagem de Marcação
Para criar páginas web com textos descritivos e informações separadamente, utilizamos
uma linguagem de marcação.
As páginas web são armazenadas em arquivos com extensão htm ou html. Isto assegura
que elas serão acessiveis por qualquer tipo de navegador e de qualquer parte do mundo.
Escola Virtual Bradesco

Módulo 2 – HTML e a web

1. As características e benefícios do HTML
2. A função do HTML na web.

1. HyperText Markup Language (Linguagem de Marcação de HiperTexto)

O que é HiperTexto?
Uma das definições de hipertexto é: "todo conteúdo inserido em um documento
para web e que tem como principal característica a possibilidade de se interligar a
outros documentos da web. O que tornar possível a construção de hipertextos são os
links, presentes nas páginas dos sites que estamos acostumados a visitar quando
entramos na internet." (Silva, 2011, p. 20)

Então, para que você possa criar páginas web, apresentaremos a você uma
das linguagens de marcação mais conhecidas - HTML e que utiliza um
formato simples de código, que pode ser gerado sem a ajuda de aplicativos
especiais.

Para criar um documento HTML, tudo o que você precisa é de um editor de

texto ASCII como o NotePad (Bloco de Notas), por exemplo. Se você
precisar verificar a formatação do documento durante a criação, pode usar
qualquer navegador, pois todos eles são capazes de interpretar o código.

O que é ASCII?
ASCII - "American Standard Code for Information Interchange" ou Código Padrão
Americano para 0 Intercâmbio de Informação é uma codificação de caracteres em oito
bits, baseada no alfabeto norte-americano. Todos os caracteres são convertidos em bits
utilizando esta tabela.

2. Origem do HTML
HTML é uma linguagem que possibilita apresentar informações na internet.
Aquilo que você vê quando abre uma página na internet é a interpretação que
seu navegador faz do HTML
O HTML foi inventado em 1990 por um cientista chamado Tim Berners-Lee. A
finalidade inicial era a de tornar possível o acesso e a troca de informações e de
documentação de pesquisas, entre cientistas de diferentes universidades.
O projeto inicial tornou-se um sucesso jamais imaginado por Tim Berners-Lee.
Ao inventar o HTML ele lançou as fundações da internet tal como a conhecemos
atualmente.

3. Vantagens do uso do HTML

Podemos dizer que as vantagens do uso do HTML estão no que você pode fazer
com ele:
I. Criar e adicionar facilmente documentos a web, devido ao seu formato simples
II. Assegurar a acessibilidade das suas páginas web por um grande número de
plataformas e navegadores.
III. Transmitir facilmente documentos pela internet
Escola Virtual Bradesco

4. O Papel do HTML
O HTML tem uma função importante em aplicações web, que são programas que
você incorpora em sites para gerenciar tarefas adicionais como por exemplo, O
gerenciamento de pedidos de usuários. As aplicações web aumentam a interação do
usuário na web.
Quando você entra com alguma informação em uma página web, o navegador a
envia para um conjunto especial de programas chamados Common Gateway
Interface (CGI) scripts. Estes programas processam a informação e exibem o
resultado no navegador segundos após.
Você usa o HTML para fornecer a interface básica para a interação com aplicações
web. Você pode também usar o HTML para criar interfaces gráficas entre os
bancos de dados usados nestas aplicações e o usuário final.
Escola Virtual Bradesco

Módulo 3 – Criando um documento HTML

1. Como criar um documento HTML.
2. As partes de um documento HTML.
3. Tags e seu papel no documento HTML.
4. Como visualizar o documento criado.
5. Salvando o documento para visualizá-lo pelos navegadores.
6. Visualizando a página web.

1. Exemplo de código HTML

2. Partes de um documento HTML

Escola Virtual Bradesco

3. Tags com fechamento

4. Tags sem fechamento

5. Salvando um documento HTML

Escola Virtual Bradesco

6. Codificação de caracteres

7. Visualizando a página web

Escola Virtual Bradesco

EXERCÍCIOS
1.

R:

<html>
<head>
<title>exercício 1</title>
</head>

<body>

<p>esta é a primeira vez que digito um documento html para criar uma página
web.</p>
<p>nome: anderson<br>
nascimento: 27/06/2000<br>
end.: ademar rodrigues aguiar</p>
<p>muito legal!!!</p>
</body>

</html>

8. Resumo
Escola Virtual Bradesco

Módulo 4 – Formatando um documento HTML

1. Inserindo Efeitos
Escola Virtual Bradesco

2. Alterando o alinhamento do texto

Escola Virtual Bradesco

3. Alterando Fonts

4. Alterando a fonte
Escola Virtual Bradesco

5. Alterando o tamanho da fonte

6. Alterando cor