WINDOWS SERVER 2008 - CURSO COMPLETO - JÚLIO BATTISTI - CLIQUE AQUI
Você está em: PrincipalTutoriaisEricogoncalves : Htmlbasico009
Quer receber novidades e e-books gratuitos?
›››

Conheça o Júlio Battisti

Julio Battisti - Autor de mais de 25 livros de informática Júlio Battisti tem mais de 36 livros publicados, dezenas de e-books e é certificado Microsoft.

Ganhe o a Seguir

 grátis Windows 7 Básico

476h



Windows Server 2008 - Inscreva-se já!

Curta Nossa Fanpage

Loja Virtual do Site

Livros do Julio Battisti

FILTRO DE TUTORIAIS:




Html Básico. Parte 9

 

Objetivo:

O objetivo deste tutorial  é ensinar a criar  Links para downloadas de arquivos e a inserir imagens na página, bem como modificar sua altura, largura, inserir borda e redimensiona-la para o centro e a direita da página, tudo mostrado através das telas.

 

Pré-requisito:

Para você poder acompanhar o desenvolvimento deste tutorial, será necessário ter conhecimento no mínimo do de informática básica e Parte 1, Parte 2, Parte 3 , Parte 4,  Parte 5,  Parte 6,  Parte 7  e Parte 8 do tutorial html básico.

 

Nota:

Irei ensinar a linguagem de html de uma forma bem objetiva, ou seja, iremos aprender na prática através da criação páginas.

 

Vamos  começar a criar links para arquivos, este link é quae igual aos links remotos, a diferença é que neste link fazemos referencia a um tipo de arquivo. Estes links são fácil de criar atribuimos ao mesmos o caminho do arquivo através da URL,  vamos criar a página abaixo, para depois criarmos um link para um determinado arquivo,   para esta página que vamos colocar  o nome de “linkrarquivos.html”:

 

<html>

<head><title>Links Arquivos</title>

<body>

<center><h1>Links Arquivos</h></center>

 

</body>

</html>

 

Após ter  criado esta página vamos inserir o link, e no mesmo vamos inserir o caminho para um arquivo.

 

O link será o seguinte:

 

“Clique aqui para fazer download”

 

Nesta frase vamos atribuir o link que deve ficar assim:

 

<a href= “arquivo.zip”> Clique aqui para fazer o download.</a>

 

Irei criar o link exemplo para fazer o download de uma pasta , para isso criei uma pasta com o nome “exemplo” e dentro da mesma coloquei um arquivo com extensão exe. Compactei amesm utilizando winzip e salvei a dentro da pasta htdocs, o motivo de eu ter salvado dentro desta pasta  é que eu irei abrir a página links arquivos.html através do servidor apache que tenho instalado em minha máquina,  para que esse procedimento funcione corretamente. Para que você possa testa-la poderá incluir esta página num servidor web, por exemplo o site do yahoo, oferece acesso gratuito para você criar e hospedar suas páginas através do geocities.

 

Acompanhe os procedimentos abaixo:

 

Tela 001 (Criando o Link)

 

Agora no momento que você clicar neste link  que acabamos de cria, será aberta uma janela perguntando se você deseja abrir ou salvar o arquivo.

 

Tela 002

 

Agora irei ensinar a inserir uma imagem na mesma página, esta imagem deve estar dentro da página site, para isso utilizamos o utlizamos a seguinte etiqueta:

 

<img src=” aqui colocamos o caminho da imagem”>

 

<IMG SRC="Montanhas azuis.jpg”>

 

Tela 003

 

Podemos atribuir atributos a esta imagem, ou seja, podemos dimensionar altura e largura, inserir borda, para isso usamos as atributos width (Largura) e height (Altura) e Border, veja o procedimento abaixo:

 

Tela 004

 

Tela 005

 

Também podemos fazer o alinhamento desta imagem, veja que a mesma já aparece com alinhamento a esquerda, você pode centraliza-la utilizando as etiquetas <center></center>, colocar a direita,usando as etiquetas <p align=””></p> veja o procedimento.

 

Tela 006

 

Tela 007 (Alinhado ao centro)

 

Conclusão

 

Ensinei como criar links para downloads de arquivos e tambem cmo iserir, e modificar altura, largura e colocar borda na imagem , e coloca-la no modo centralizado e a direita da página, tudo de uma  forma objetiva e mostrado através das telas para que você tenha uma melhor entendimento possível, na próxima parte continuaremos o nosso aprendizado sobre html. Bons Estudos.

Windows Server 2008 - Inscreva-se já -s Últimas Vagas! Curso Completo de SAP!

Universidade PHP - Inscreva-se já -s Últimas Vagas! Curso Online de Java para Iniciantes!

Dúvidas?

Utilize a área de comentários a seguir.

Me ajude a divulgar este conteúdo gratuito!

Use a área de comentários a seguir, diga o que achou desta lição, o que está achando do curso.
Compartilhe no Facebook, no Google+, Twitter e Pinterest.

Indique para seus amigos. Quanto mais comentários forem feitos, mais lições serão publicadas.

Quer receber novidades e e-books gratuitos?
›››

Vídeo-Aulas

  • Access
  • Excel
  • Programação
  • Windows/Linux
  • Redes
  • + Todas as categorias
  • E-books

  • Access
  • Excel
  • Programação
  • Windows/Linux
  • Redes
  • + Todas as categorias
  • Livros

  • Administração
  • Excel
  • Programação
  • Windows/Linux
  • Redes
  • + Todas as categorias
  • Cursos Online

  • Banco de Dados
  • Carreira
  • Criação/Web
  • Excel/Projetos
  • Formação
  • + Todas as categorias
  • Conteúdo Gratuito

  • +1500 Artigos e Tutoriais
  • ASP 3.0
  • ASP.NET
  • Access Básico
  • Access Avançado
  • Excel Básico - 120 lições
  • Excel Avançado - 120 lições
  • SQL Server 2005
  • Windows 7
  • Windows XP
  • Windows 2003 Server
  • Windows 2008 Server
  • Novidades e E-books grátis

    Fique por dentro das novidades, lançamento de livros, cursos, e-books e vídeo-aulas, e receba ofertas de e-books e vídeo-aulas gratuitas para download.



    Institucional

  • Quem somos
  • Garantia de Entrega
  • Formas de Pagamento
  • Contato
  • O Autor
  • Endereço

  • Júlio Battisti Livros e Cursos Ltda
  • CNPJ: 08.916.484/0001-25
  • Rua Vereador Ivo Cláudio Weigel, 537 Universitário
  • Santa Cruz do Sul/RS
  • CEP 96816-208

  • Atendimento: (51) 3717-3796 - webmaster@juliobattisti.com.br Todos os direitos reservados, Júlio Battisti 2001-2014 ®