- 4.3 de 5 com base em 13 votos
Isto é se o arquivo razdel.html reside na mesma pasta com o arquivo index.html. Se quiser, por exemplo, na pasta de páginas, o endereço será assim:
Todos os códigos de arquivo index.html ficarão assim:
Você pode abrir o arquivo index.html no seu navegador e seguir o link, como resultado será aberto nova página. Como você percebeu em este caso A página abriu na janela atual. Você pode torná-lo para que, quando você clica no link, a nova página abriu em uma nova janela para isso para a tag de abertura Você precisa adicionar o atributo alvo \u003d "_" "será assim:
Além disso, também há links internos. Links internos são destinados a navegar dentro de um documento aberto. Isso pode ser útil se você, por exemplo, decidiu criar algum documento grande e, no topo, para colocar o conteúdo. Ou você só precisa enviar um visitante para qualquer parte da sua página.
Suponha que precisemos fazer tal link clicando em que o visitante cairá na parte superior desta página. Para isso, a primeira palavra ou frase nesta página deve ser concluída na tag primeira palavra. Onde nas citações é necessário especificar qualquer nome.
Por exemplo, para essa página onde você está agora, você pode fazer isso:
Isso definimos âncora I.E., o lugar onde o usuário cairá quando você clicar no nosso link. Agora no lugar onde é necessário, você deve especificar o link em si. Isso é feito assim:
Observe que aqui nas citações antes da palavra Verh deve ser um sinal de treliça #. Para ver como funciona, você pode clicar no seguinte link :.
Você pode se referir não apenas a arquivos com extensão HTML, mas também em arquivos com outras extensões. Para fazer isso, no link de endereço, você deve registrar o nome e expansão do arquivo correspondente. Por exemplo, o link HTML para o arquivo Archive ficará assim:
Você pode tentar copiar qualquer arquivo de arquivo ou música para uma pasta com arquivos criados anteriormente e dar um link sobre eles. Nesse caso, quando você clica no link, o navegador irá oferecer para abrir ou salvar o arquivo. O atributo alvo \u003d "_" também pode ser aplicado a esses links.
Agora considere que tipo de links são. Há referências absolutas e relativas distinguir. Links absolutos são referências em que o endereço completo do documento é especificado. Esses links são usados \u200b\u200bpara se comunicar com recursos de rede externos. Exemplo de tal link:
http: // - O protocolo mais comum, usando ele é fornecido com acesso a páginas da Web, o link se parece com isso:
mailto: - Protocolo de acesso por e-mail. Deve ser usado se você quiser dar um link para e-mail. O código de referência é escrito da seguinte forma:
Além desses protocolos, ainda há um protocolo FTP: //, com quais arquivos são transmitidos via FTP usando o programa cliente FTP. E o arquivo: // protocolo é usado para especificar o link para a página localizada no computador local.
Você terá principalmente que lidar com os dois primeiros protocolos ao criar páginas da Web. E a última coisa que podemos considerar, como parte dessa lição, é como fazer um link da imagem. Na verdade, tudo é muito simples. Em vez do texto das tags incluídas, você precisa inserir o endereço da imagem. Como inserir uma imagem que fomos considerados na lição como inserir fotos e torná-las posicionando em HTML.
Salve a imagem que você vê à esquerda nessa pasta onde os arquivos que criamos antes estão sendo. Agora vamos fazer esta referência de imagem. Para fazer isso, em nosso arquivo index.html você precisa registrar o seguinte:
Através da Internet, você pode ver esse efeito quando você clica no link na forma de uma imagem pequena, outra imagem é carregada. Para fazer tal efeito, você deve especificar o endereço da imagem grande como um endereço no link.
O hiperlink pode vincular páginas tanto dentro de um site e especifique qualquer página na Internet. Ao construir uma referência a outras páginas, você deve sempre usar o endereço de página absoluto (http://www.site.com/page.html). Se você criar um link para a página dentro do site, é preferível usar o URL relativo (página. HTML, catálogo / página.html). Ao fazer um hiperlink gráfico, lembre-se de que alguns gráficos não estão disponíveis, por isso não se esqueça de incluir os elementos de texto apropriados.
Exemplo:
Hiperlink dentro de páginas html
Às vezes é necessário fazer um hiperlink dentro de uma página. Por exemplo, nesta página, estes são hiperlinks no início da lição, permitindo que você visualize uma pergunta específica, e na parte inferior da página - permite que você vá para o topo da página.
Exemplo:
Hiperlink postal
Exemplo:
|
Código HTML: [E-mail protegido] |
Exibir no navegador: |
Abrindo páginas HTML em uma nova janela
Usando o atributo de destino, você pode carregar uma página em uma nova janela do navegador. Este atributo é projetado para definir o nome da janela. O nome da janela é usado para fins de serviço. Para abrir a página em uma nova janela, você precisa usar a constante _blank.
Exemplo:
A cor do hiperlink de texto
Atributos Link, Alink, Vlink Defina a cor da fonte do hiperlink.
O atributo de link é usado para destacar os hiperlinks que ainda não foram visitados pelo usuário.
A ordem de transição para hiperlinks
Alguns navegadores podem suportar a função de transição por hiperlinks usando a tecla Tab. Nesse caso, o navegador padrão destaca os hiperlinks na ordem do seguinte na página da página. Você pode alterar a ordem da transição usando o atributo TabIndex Tag . Para ativar o hiperlink em uma lista descrevendo uma nova ordem de transição, você precisa atribuir um determinado número positivo inteiro no intervalo de 1 a 32767. Para excluir um hiperlink na lista, você precisa atribuir qualquer atributo Negativo de Número. Quando o usuário pressiona a tecla Tab, o cursor se move para o hiperlink com o menor valor de índice positivo. Se vários hiperlinks forem atribuídos o mesmo valor de índice, o primeiro selecionado será exibido para ser o da página da página em pé acima.
Deve-se dizer que o atributo tabIndex pode ser usado para selecionar outros objetos, como imagens gráficas.
Instrução
Links de hipertexto são projetados para associar texto, imagem ou outros elementos de página com outros documentos de hipertexto. Todos os itens da página do site, incluindo links, são criados por um navegador que recebe instruções detalhadas da página do código da página. Este código no HTML (linguagem de marcação de hypertext é o "idioma de marcação de hypertext") consiste em "Tags" que descrevem o tipo, aparência e localização de todos os itens da página da Web. O hiperlink padrão é criado pelo navegador quando ele se encontra no código da página, por exemplo, tal tag: o link de texto é a etiqueta de abertura da referência, que fecha. A tag de abertura pode conter informação adicional - "Atributos". Nesse link simples, o atributo href contém o endereço da página ou documento, a solicitação a qual será enviada se o visitante clicar no link. Às vezes, não é necessário especificar o endereço completo - se o documento solicitado está no servidor na mesma pasta (ou aninhada nele), basta especificar apenas seu nome ou caminho para a pasta aninhada. Tais são chamados de "parente", devem, por exemplo, assim: o link de texto, o documento Moretext.html da mesma pasta será baixado para o link de texto. E os endereços absolutos dos links começam com o protocolo especificando, por exemplo: o link de texto "HTTP" (Hypertext Transfer Protocol) é o endereço habitual do documento na rede. E se você especificar o protocolo Mailto, o hiperlink executará seu programa Postal.Em vez de transição para: links de e-mail para links para arquivos deitado no servidor FTP Indique, respectivamente, o FTP (Protocolo de Transferência de Arquivos - "Protocolo de Transferência de Arquivos"): Link para o arquivo
Outro atributo do hiperlink, que indica que a janela deve ser baixada novo Documentocomo "alvo". Se você puder inserir qualquer endereço correto no atributo href, o destino pode ter apenas quatro valores: _Self - A página deve ser baixada para a mesma janela ou quadro. "Quadros" chamam uma parte da seção dividida em várias partes; _parent - se pagina atual Em si foi carregado de outra janela (ou quadro), então ela tem uma janela "pai". E o valor de _parent requer a página para a qual o link especifica, foi carregado nesta janela pai; _top - uma nova página deve ser baixada para a mesma janela. Se esta janela for dividida em quadros, então na inicialização, eles serão destruídos, e a nova página será o único quadro nesta janela; _blank - uma janela separada será aberta para o link; por exemplo: Por exemplo:
O link será aberto em uma nova janela
Há uma oportunidade para fazer um hiperlink para não ir para outra página, mas em algum determinado lote do mesmo documento. Para especificar o documento "Destino" no código HTML, a referência de ancoragem é usada: e o link, rolando o documento antes que a âncora se pareça com isso: Referência à primeira âncora para consultar pseudicelamente referir âncora não apenas neste documento, mas Além disso, a âncora em outra páginas no código HTML de outro documento deve existir uma âncora de link com o atributo Name \u003d "Anchor1".
O hiperlink pode ser apenas o texto, mas também outros elementos de páginas - por exemplo, fotos. A tag mais simples desenhando uma foto parece esta: 
E de modo que a imagem se tornou um hiperlink, deve ser concluída entre as tags de abertura e fechamento Links:
Os hiperlinks são um dos componentes mais importantes dos documentos HTML. É devido a este componente, bem como os links usuais da Internet é tão fácil de usar. Vamos ver as opções mais simples inserindo hiperlinks que irão ajudá-lo como programadores novatos a dominar essa lição.
Como criar um hiperlink em html?
Esse código só funcionará em seu site para referências externas, Ele não vai funcionar.
< a href=" *** ">***** < /a>
Exemplo:
< a href="https://сайт/">Revista Como fazer tudo< /a>
No navegador, ficará assim:
< a href="https://сайт/prigotovlenie-edy/368-kak-sdelat-malosolnye-ogurcy.html">Como fazer pepinos de cabeça baixa?< /a>
No navegador, poderemos ver o seguinte:
Como criar um hiperlink em HTML para um site externo?
Para links externos, o código deve ser alterado um pouco. Para fazer um link para outro site, nós usamos o código:
< a href="*** ">***** < /a>
< a href="https://vk.com/kaksdelatvse">Estamos em contato "Como fazer tudo"< /a>
No artigo de hoje, consideraremos a maneira mais fácil de criar um site. Eu imediatamente quero dizer isso este método é muito primitivo e hoje ninguém cria sites de maneira semelhante, porque para isso existem programas especiais e serviços.
Mas se precisarmos criar uma página da Web, esse método tem o direito de existir.
Para criar um site simples, precisamos de um programa notepad que esteja em cada computador.
Pressione no canto inferior esquerdo para o botão "Iniciar" e selecione "Todos os Programas". Encontramos um "notebook" e abrimos o botão dobro do mouse.
Vamos imprimir alguma coisa.
Por exemplo: Hurray! Eu fiz meu site!
Chamamos o arquivo "index.html", selecione "Todos os arquivos" e economize na área de trabalho.
Depois de salvar, este ícone aparece.
Se abrirmos este arquivo, veremos a página da Web que criamos.
Para editar nossa entrada com o botão direito do mouse, clique no ícone e selecione "Abrir usando" -\u003e "bloco de notas" no menu de contexto.
Depois que as alterações forem feitas, não se esqueça de salvar o arquivo. Abrindo o arquivo no navegador, veremos as alterações.
Para o site ser visível para todos na Internet, você deve baixá-lo para hospedar.
Assim, você pode fazer o recurso da web mais simples.
Para embelezar o site com fotos e hiperlinks, além de adicionar tintas, altere o tamanho da fonte, adicione uma tabela, etc., você terá que aplicar o idioma HTML que entenderá o navegador.
É por isso que salvamos nosso arquivo com extension.html.
Tags para criar um site no HTML no Notebook
Para começar, seria bom saber qual é a página do site.
Este é um documento de texto escrito na linguagem de marcação de hypertext (HTML).
Para entender o que deve estar familiarizado com os termos gerais.
O HTML é uma maneira de marcar um documento que é igualmente interpretado por vários navegadores de forma conveniente e compreensível. A linguagem é baseada em certos elementos estruturais - Tag. Com sua ajuda e o HTML é emitido - o documento.
Usado frequentemente
Tags são:
- emparelhado
, isto é, Abrir
, e tags de fechamento
, . Tag fechado - um descritor com sinal de barra (/); - uNPAPERLERY.
Os principais tipos e propósito da tag
- — este elemento. Especifica o navegador como interpretar o documento. Não é um elemento obrigatório, mas é recomendável usá-lo para evitar problemas que possam ocorrer quando a página é exibida.
- - Esta é a etiqueta da qual qualquer documento da Web termina.
- < cabeça.> </ Cabeça.\u003e - dentro desta tag está localizado informação importante (Metadados, título da página, referências aos estilos de design, bem como scripts).
- Outra tag de par , que está localizado dentro do anterior . Ele serve para definir o cabeçalho da página da Web que será exibida no navegador. - Marcação seguido por . É dentro \u003e Haverá todas as informações que o usuário verá no navegador.
- - serve para projetar hiperlinks (). Este é um dos elementos mais importantes da linguagem HTML.
- - Com a ajuda dele, os parágrafos de texto são elaborados.
- - serve para destacar o texto em negrito.
,
,
,
,
,
- Também são tags de pares, por exemplo:
. Com sua ajuda, o texto pode ser dividido em legendas de vários níveis, o que possibilita determinar sua importância em relação ao documento inteiro.- A tag é diferente do anterior - o não pago. É usado para designar a transição para uma nova string no documento.
Na verdade, as tags existem muito mais, mas listadas o suficiente para criar uma simples página do site por meio de um notebook.
Com base no acima, a página criada por nós em HTML assumirá o seguinte formulário:
Assim, crie um site em HTML no Notepad simples o suficiente.
Vídeo: "Como fazer um site em 15 minutos"
Para fazer uma página mais atraente não precisa apenas, mas também aprender CSS.
