Cum se creează un link cu programare simplă html

Odată ce ați creat un cuplu pagini web utilizând HTML, veți dori să le conectați într-un site mai mare. Aflați cum să vă conectați de la o pagină a site-ului dvs. la altul sau la orice alt site de pe Internet. Puteți chiar să trimiteți vizitatorii dvs. la un anumit loc de pe pagină pentru a le salva timpul de defilare.

Pași

Metoda 1 din 2:
Conectarea la o altă pagină web
  1. Imagine intitulată Creați un link cu programarea simplă HTML Pasul 1
1. Deschideți fișierul HTML. Deschideți fișierul HTML pentru pagina pe care doriți să o editați. (Dacă porniți de la zero și aveți nevoie de câteva informații de fundal, Creați documentul Înainte de a citi acest articol.)
  • Imagine intitulată Creați un link cu programarea simplă HTML Pasul 2
    2. Plasați un link pe pagina dvs. Adăugați următorul cod în corpul documentului dvs. HTML, unde doriți să apară linkul:
  • Link text
  • Aceasta afișează astfel: Link text.
  • Imagine intitulată Creați un link cu programarea simplă HTML Pasul 3
    3. Scrieți afișarea textului link-ului. Ceva între și Etichetele vor apărea pe pagina dvs. ca un link. Puteți modifica acest lucru cu alte etichete HTML la fel cum ați face orice alt text.
  • De asemenea, puteți transforma o imagine într-un link:
    .
    Utilizatorul va vedea imaginile imaginii / cum-la-create-a-link-cu-simple-html-programare.jpg, și poate face clic pe imagine pentru a vizita https: // rum.maniqui-es.com /.
  • Imagine intitulată Creați un link cu programarea simplă HTML Pasul 4
    4
    Schimbați destinația legăturii. Thetag pe care tocmai ați creat-o este numită "ancoră." Atributul HREF din interiorul ancorei definește destinația legăturii. Înlocuiți https: // rum.maniqui-es.com / în exemplul de mai sus cu URI pe care doriți să le conectați.
  • Întotdeauna înconjoară URI cu ghilimele.
  • URI sunt sensibile la minuscule. Copiați-le sau introduceți-le exact așa cum apar.
  • Imaginea intitulată Creați un link cu programarea HTML simplă Pasul 5
    5. Conectați la o pagină în același dosar. Nu este necesar să includeți o adresă URL completă dacă conectați la o pagină de pe același site (deși va funcționa). Este mai ușor să vă păstrați site-ul dvs. organizat dacă utilizați legături relative, fără a include numele domeniului. Iată un exemplu simplu care leagă de la o pagină la alta în același dosar:
  • Să presupunem că editați pagina http: // exemplu.edu / Despre / autor.HTML.
  • Pentru a vă conecta la pagină http: // exemplu.edu / despre / familie.HTML, Doar tastați numele fișierului:
    Link text
  • Imagine intitulată Creați un link cu programarea simplă HTML Pasul 6
    6. Link către alte pagini de pe site-ul dvs. De asemenea, puteți utiliza linkuri relative pentru a direcționa link-ul către orice altă pagină de pe același site. Există doar două lucruri pe care trebuie să le cunoașteți:
  • Pentru a conecta la o pagină dintr-un subfolder, includeți noua cale de fișier. De exemplu, dacă sunteți pe pagină http: // exemplu.edu / Despre / autor.HTML și doriți să vă conectați http: // exemplu.edu / despre / animale de companie / câine.JPG, Puteți sări peste tot "despre:"
    Link text
  • Pentru a conecta la o pagină într-o altă ramură a site-ului, utilizați "../" Pentru a vă deplasa până la un dosar mai mare. De exemplu, pentru a lega de la / Despre / autor.HTML la http: // exemplu.edu / scris / cărți.HTML, tip:
    Link text
  • Metoda 2 din 2:
    Legarea într-o pagină
    1. Imagine intitulată Creați o legătură cu programarea simplă HTML Pasul 7
    1. Creați o ancoră de destinație. Dacă conectați la o pagină web lungă, ați putea dori să duceți oamenii la un anumit punct de pe pagină în loc de partea de sus. Pentru a face acest lucru posibil, deschideți documentul HTML pentru pagina de destinație. Introduceți această etichetă de ancorare la punctul pe care doriți să îl conectați:
    • Text ancorat.
      Acest lucru va fi afișat ca text normal, deoarece este destinația unui link și nu o legătură în sine. Puteți înlocui "anchnoame" Cu orice nume, atâta timp cât nu utilizați același nume de două ori pe o singură pagină.
  • Imagine intitulată Creați un link cu programarea simplă HTML Pasul 8
    2. Link la ancora de destinație. Pentru a vă conecta la un anumit punct de pe pagină, adăugați simbolul # la sfârșitul URI, urmat de numele exact utilizat pentru atributul ID. Acest lucru este sensibil la minuscule.
  • De exemplu, pentru a vă conecta la ancorați pagina http: // exemplu.edu / concediu.HTML, tastați:
    Link text..
  • Puteți adăuga acest lucru la legăturile absolute sau relative (consultați instrucțiunile din metoda separată).
  • Imagine intitulată Creați un link cu programarea simplă HTML Pasul 9
    3. Adăugați o ancoră la orice etichetă HTML. De asemenea, puteți crea o ancoră prin introducerea ID ="anchnoame" în orice etichetă HTML. Conectați-vă la acest lucru exact în același mod. Iată câteva exemple de cuplu:
  • Antet


    Conectați-vă la acest lucru adăugând #topheader la adresa URL.
  • Paragraful de text


    Conectați-vă la acest lucru prin adăugarea #Introparagrafului către adresa URL.
  • sfaturi

    Pentru a face pagina conectată într-o fereastră nouă, utilizați "ţintă" atribut:Du-te la wikihow
  • Puteți utiliza foi de stil cascading (CSS) pentru a modifica aspectul unui link în toate cele patru (4) stări: link, vizitat, hover și activ.
  • "
    Trimiteți un sfat
    Toate trimiterile de vârf sunt examinate cu atenție înainte de a fi publicate
    Trimite
    Vă mulțumim pentru trimiterea unui sfat pentru examinare!

    Avertizări

    Asigurați-vă că vă amintiți să închideți Etichetă cu o corespondență . Dacă uitați să faceți acest lucru, majoritatea browserelor vor schimba restul textului paginii într-un link!

    Lucrurile de care veți avea nevoie

    • Un editor simplu de text, cum ar fi Notepad (PC), Textedit (Mac) sau SublimeTxt (Windows, Mac și Linux).
    Partajați pe rețeaua socială:
    Similar