Hoe om `n skakel met eenvoudige html-programmering te skep

Sodra jy `n paar webblaaie geskep het met behulp van HTML, sal jy hulle in `n groter webwerf wil koppel. Leer hoe om van een bladsy van jou webwerf na `n ander te skakel, of op enige ander plek op die internet. U kan selfs u besoekers na `n spesifieke plek op die bladsy stuur om hulle te stoor.

Stappe

Metode 1 van 2:
Skakel na `n ander webblad
  1. Beeld getiteld Skep `n skakel met eenvoudige HTML-programmeringstap 1
1. Maak jou HTML-lêer oop. Maak die HTML-lêer oop vir die bladsy wat u graag wil wysig. (As jy van nuuts af begin en `n paar agtergrondinligting benodig, Skep die dokument Voordat u hierdie artikel lees.)
  • Beeld getiteld Skep `n skakel met eenvoudige HTML-programmeringstap 2
    2. Plaas `n skakel op jou bladsy. Voeg die volgende kode by die liggaam van u HTML-dokument, waar u graag wil hê die skakel moet verskyn:
  • Skakel teks
  • Dit word soos volg vertoon: Skakel teks.
  • Beeld getiteld Skep `n skakel met eenvoudige HTML-programmeringstap 3
    3. Skryf die skakel teks om te vertoon. Enigiets tussen die en Tags sal op u bladsy verskyn as `n skakel. U kan dit verander met ander HTML-etikette, net soos u enige ander teks sou doen.
  • U kan ook `n prent in `n skakel verander:
    .
    Die gebruiker sal die beeldbeelde sien / hoe-tot-skep-A-skakel-met-eenvoudige-HTML-programmering.jpg, en kan op die prent klik om https te besoek: // af.maniqui-es.com /.
  • Beeld getiteld Skep `n skakel met eenvoudige HTML-programmeringstap 4
    4
    Verander die bestemming van die skakel. Thetag wat jy net geskep het, word `n "anker." Die HREF-kenmerk in die anker definieer die bestemming van die skakel. Vervang https: // af.maniqui-es.com / in die voorbeeld hierbo met die URI wil jy graag skakel.
  • Omring altyd die URI met aanhalingstekens.
  • Uris is hooflettergevoelig. Kopieer hulle of tik hulle presies soos dit voorkom.
  • Beeld getiteld Skep `n skakel met eenvoudige HTML-programmeringstap 5
    5. Skakel na `n bladsy in dieselfde gids. Jy hoef nie `n volledige URL in te sluit as jy op dieselfde webwerf aan `n bladsy koppel nie (hoewel dit sal werk). Dit is makliker om jou webwerf georganiseer te hou as jy in plaas daarvan relatiewe skakels gebruik, sonder om die domeinnaam in te sluit. Hier is `n eenvoudige voorbeeld wat vanaf een bladsy na `n ander in dieselfde gids skakel:
  • Kom ons sê jy wysig die bladsy http: // voorbeeld.EDU / Aangaande / outeur.html.
  • Om na die bladsy te skakel http: // voorbeeld.Edu / Oor / Familie.html, Tik net die lêernaam:
    Skakel teks
  • Beeld getiteld Skep `n skakel met `n eenvoudige HTML-programmeringstap 6
    6. Skakel na ander bladsye op u webwerf. U kan ook relatiewe skakels gebruik om die skakel na enige ander bladsy op dieselfde webwerf te rig. Daar is net twee dinge wat jy moet weet:
  • Om na `n bladsy in `n subgids te skakel, sluit die nuwe lêerpad in. Byvoorbeeld, as jy op die bladsy is http: // voorbeeld.EDU / Aangaande / outeur.html en wil skakel na http: // voorbeeld.Edu / Oor / Troeteldiere / Dog.jpg, Jy kan alles opslaan "Oor:"
    Skakel teks
  • Om te skakel na `n bladsy in `n ander tak van die terrein, gebruik "../" om na `n hoër vouer te beweeg. Byvoorbeeld, om van te skakel / Oor / outeur.html tot http: // voorbeeld.EDU / Skryf / Boeke.html, Tik:
    Skakel teks
  • Metode 2 van 2:
    Skakel binne `n bladsy
    1. Beeld getiteld Skep `n skakel met eenvoudige HTML-programmeringstap 7
    1. Skep `n bestemmingsanker. As jy aan `n lang webblad koppel, kan jy dalk mense na `n spesifieke punt op die bladsy in plaas van die bokant lei. Om dit moontlik te maak, maak die HTML-dokument oop vir die bestemmingsblad. Voeg hierdie anker tag in op die punt wat jy wil skakel na:
    • Anker teks.
      Dit sal as gewone teks vertoon, aangesien dit die bestemming van `n skakel is en nie `n skakel self nie. Jy kan vervang "ankelame" Met enige naam, solank jy nie dieselfde naam twee keer op een bladsy gebruik nie.
  • Beeld getiteld Skep `n skakel met eenvoudige HTML-programmeringstap 8
    2. Skakel na die bestemmingsanker. Voeg na `n spesifieke punt op die bladsy, voeg die simbool # aan die einde van die URI, gevolg deur die presiese naam wat jy vir die ID-eienskap gebruik het. Dit is hooflettergevoelig.
  • Byvoorbeeld, om te skakel na die anker die bladsy http: // voorbeeld.EDU / VAKANSIE.html, tipe:
    Skakel teks..
  • U kan dit by absolute of relatiewe skakels byvoeg (sien instruksies in aparte metode).
  • Beeld getiteld Skep `n skakel met eenvoudige HTML-programmeringstap 9
    3. Voeg `n anker by enige HTML-tag. U kan ook `n anker skep deur ID te plaas"ankelame" in enige HTML-tag. Skakel hieroor op presies dieselfde manier. Hier is `n paar voorbeelde:
  • Koptekst


    Skakel hierna deur #topheader by die URL te voeg.
  • Paragraaf teks


    Skakel hierna deur #Introparagraaf by die URL te voeg.
  • Wenke

    Om die gekoppelde bladsy oop te maak in `n nuwe venster, gebruik die "teiken" Attribuut:Gaan na Wikihow
  • U kan Cascading Style Sheets (CSS) gebruik om die voorkoms van `n skakel in al vier sy (4) state te verander: skakel, besoek, hover en aktief.
  • `
    Dien `n wenk in
    Alle wenkvoorleggings word noukeurig hersien voordat dit gepubliseer word
    Indien
    Dankie dat jy `n wenk vir hersiening ingedien het!

    Waarskuwings

    Maak seker dat jy onthou om die merk met `n ooreenstemmende . As jy dit vergeet om dit te doen, sal die meeste blaaiers die res van die bladsy teks in `n skakel verander!

    Dinge wat jy sal nodig hê

    • `N Eenvoudige teksredakteur soos Notepad (PC), TextEdit (Mac), of SubliMetext (Windows, Mac en Linux).
    Deel op sosiale netwerke:
    Soortgelyk