Meu primeira página web - Como fazer um link para outra página?


Nas primeiras lições deste tutorial, você aprendeu a criar uma página web HTML básico. O poder da internet, no entanto, é a possibilidade de que você pode anexar as páginas com o outro. E 'possível fazer um site que tem apenas uma página. Pode também ser interessante, em alguns casos, para fazer uma teia com um único local de página. Mas geralmente o que faz um site de um site real é que ele é uma coleção de páginas que estão ligados entre si.

Para se conectar a uma página com outra página, usando um link.




A link na sua forma mais simples é uma palavra ou frase (um grupo de palavras juntas), no qual você pode clicar. Se você clicar nele, você será levado para outra página.

Em outras palavras, um link é uma palavra em seu site, ou no texto, por exemplo, sob o texto, que está "amarrado" com outra página. Pode-se comparar um pouco "de notas. Só que, com um link, no que diz respeito às notas, não coloque o número por trás da palavra para indicar a informação no mais, mas a palavra é conectado diretamente a uma nova página com informações básicas.

Neste tutorial vou mostrar-lhe a maneira mais fácil de fazer uma conexão. Se você conseguiu o papel para fazer o texto em negrito e itálico, em seguida, a criação de uma ligação não deve ser difícil.

  • Minha primeira página web
    Esta parte do tutorial explica os conceitos básicos de HTML para definir a primeira página web.
  • Minha primeira página web - adicionar conteúdo ao corpo
    Esta página mostra como adicionar o texto para a primeira página web.
  • Minha primeira página web - design de texto usando negrito e itálico
    Esta parte do tutorial explica como usar comandos simples HTML para adicionar um pouco de design 'para o seu texto.

Criar uma segunda página

A fim de criar um link de uma página para outra página, é preciso primeiro fazer uma segunda página web. Então, antes que eu vou explicar como fazer uma conexão, você deve primeiro começar tudo de novo:

Criar uma nova página a partir do zero. Siga todos os passos novamente a partir da primeira seção deste guia. Comece com um novo arquivo, bloco de notas em branco (ou o editor que você usou anteriormente) e começar a digitar novamente todos os comandos HTML básica: etc.

Após digitar todos os comandos básicos, adicionar um título e adicionar o texto para o corpo.

Não importa o que você digita no corpo. Depois que você terminar de digitar o código HTML, você precisa salve o arquivo com um nome diferente que a primeira página web!

Por exemplo, você pode salvá-lo como second.html ou você pode salvá-lo como page2.html. Não se esqueça de adicionar .html ao final do nome do arquivo. É importante para você salvar na mesma pasta, na mesma posição que quando você insere o primeiro arquivo.

Voltar para a primeira parte deste tutorial, se você não tem certeza de como fazer uma página web mais básico.

Criar uma segunda página

Voltar para a página inicial

Se você quiser fazer um link a partir da primeira página para a segunda página você precisará adicionar o código HTML para o primeira página

Para criar um link na primeira página significa que você precisa fazer alterações no código HTML da primeira página. Para ser capaz de adicionar texto e HTML para a primeira página, você deve abrir a primeira página no editor, no bloco de notas. A maneira mais fácil de fazer isso é a primeira a iniciar o programa, o editor, o bloco de notas, e, em seguida, abra o arquivo via 'Abrir arquivo "no menu superior. Você deve selecionar "Todos os arquivos" abaixo para ver o arquivo .html. Caso contrário, será apenas arquivos .txt.

Outra forma de abrir o arquivo com o bloco de notas que você clique no arquivo com o botão direito do mouse e selecione "Abrir com" a partir do menu pop-up. Em seguida, selecione "Notepad" a partir da lista de possíveis programas.

Em um Macintosh funciona um pouco 'diferente. Eu vou escrever outro Hub especialmente fácil de trabalhar com HTML no Editor de Texto em um Mac. Contacte-me se você precisar de ajuda com isso.

Criar um link

Para criar um link utilizando o comando 'a'.

'A' é de um nchor.

O comando "a" é usado da mesma maneira como o comando "b" (em negrito) e o comando «i» (por itálico). (Você pode ler aqui como usar '' e ''.) 'A' segue exatamente o mesmo padrão que os outros comandos HTML. Você coloca na frente da palavra que deseja ser um link, e depois a palavra ou palavras.

Parece que este:

Clique aqui para ir para a página seguinte.


Neste exemplo, a palavra "aqui" vai se transformar em um link para a página seguinte.

Faça uma conexão com 'a' e 'href'

Informações adicionais para o comando 'para'. Isso significa que o comando ainda é 'a', mas estamos adicionando uma opção adicional para o comando. Neste caso, vamos adicionar 'href' no comando 'a':

Clique aqui para ir para a página seguinte.

href vem de "referência hiper ' (Ou pelo menos é isso que eu acho que vem, é assim que eu me lembro caracteres 'href') Aspas "" você escreve o nome da página na qual você deseja se conectar arquivo. É importante que você escreva o nome de como você salvou a página no seu computador. O nome do arquivo não é o título da página. E 'o nome que é usado no sistema de computador, o nome digitado quando salvou a página. No meu exemplo é: second.html.

Clique aqui para ir para a página seguinte.


Você deve incluir .html quando você digita o nome. A extensão .html faz parte do nome do arquivo.

É também muito importante notar que o fim do comando "a" continua a ser a mesma.

não muda!

ainda é o fim do comando "a". fecha tudo o que está no comando que inicia com. nunca muda. É sempre !!!


Link

O seu link deve funcionar agora. Se não, deixe um comentário no final desta página e vou tentar ajudar. Para continuar praticando como fazer as conexões, você deve agora fazer uma conexão na segunda página de volta à página inicial. Tente descobrir como fazê-lo!

A melhor maneira de aprender é descobrir a si mesmo. Vai levar um pouco de "mais tempo do que quando eu explicar como fazê-lo, mas se você pode fazê-lo sozinho, não vai ser tão fácil esquecer como você fez! E se você pode fazê-lo sozinho, mas isso também significa que você realmente entender o que você está fazendo. Se você não pode, porém, assim que não se preocupam em deixar um comentário abaixo e eu vou tentar ajudá-lo.

(0)
(0)

Comentários - 0

Sem comentários

Adicionar um comentário

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Caracteres restantes: 3000
captcha