Como criar uma pasta em uma página web

Você pode melhorar suas páginas, colocando ícones, tais como imagens de pasta, no display, a chamar a atenção para um link ou seção que você não quer que seus visitantes para perder. Você também pode usar esta imagem para representar um arquivo onde outros arquivos ou documentos que os espectadores podem querer ver pode ser encontrado. Usando uma imagem digital e um par de tags HTML, você pode criar uma pasta na sua página web para melhorar seu site.

1

Coloque sua imagem pasta no seu host no mesmo diretório que você mantenha seus outros arquivos das páginas dentro. Anote o local para que você possa vinculá-lo mais tarde.

2

Lançar o seu editor de texto HTML e começar uma nova página ou abrir uma já existente.

3

Localize a área onde deseja que o ícone da pasta para aparecer e colocar o cursor do mouse neste local.

4

Inserir a imagem pasta digitando o "" código de tag que insere o gráfico na sua página, e insira a localização do seu quadro. Por exemplo:



Video: Como criar uma pasta de imagens para seu website no GitHub

5

Faça a pasta em um link, se preferir, através da colocação de uma abertura "" ancorar tag antes da tag de origem da imagem, inserindo o endereço de destino URL e digitar um fechamento "" tag depois. Por exemplo:

6

Salve o arquivo e usar o navegador da "visualização" ferramenta para visualizar a pasta recém-criada na sua página. Se estiver satisfeito, coloque sua página no seu host para publicá-lo na Internet.

Gorjeta

  • Verifica Você pode usar uma imagem de pasta a partir de uma fonte ícone da Internet, mas não se esqueça de ler a licença para ter certeza de cumprir com os termos de uso.

Unid você precisará

Referências

  • ligação Imagens de HTML: W3Schools.com
  • ligação W3Schools.com: HTML etiqueta

Sobre o autor

Brandy Alexander tem escrito profissionalmente desde 2001. Ela é uma artista de vidro com um design Web e fundo escrita técnica. Alexander tem seu próprio negócio arte de vidro e tem sido um contribuinte para "Revista de vidro da Linha" bem como várias publicações online.

Video: 4 HTML - Criando Projeto Sublime Text


Artigos relacionados