Linkit: verkon yhdistäminen
Opi luomaan napsautettavia linkkejä
Linkit: verkon yhdistäminen on ilmainen HTML for Kids-oppitunti CoddyKitissä. Tämä on oppitunti 3/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu HTML for Kids-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. HTML for Kids-kurssilla on yhteensä 4 oppituntia.
Linkit: verkon yhdistäminen
Tervetuloa seuraavalle oppitunnille! Tänään opitte luomaan linkkejä HTML:ssä. Linkit yhdistävät eri verkkosivuja ja auttavat käyttäjiä liikkumaan internetissä helposti.
Mitä linkit ovat?
Linkit ovat verkkosivulla olevia napsautettavia elementtejä, jotka vievät toiselle sivulle, tiettyyn osioon tai jopa tiedostoon.
Linkit luodaan <a>-tagilla, joka on lyhenne sanasta ”anchor” eli ankkuri.
Luodaan yksinkertainen linkki!
Peruslinkin luominen
Voitte luoda linkin käyttämällä <a>-tagia ja href-attribuuttia. href määrittää linkin kohteen.
Esimerkki:
<a href="https://www.google.com">
Visit Google</a>
Linkkien avaaminen uudella välilehdellä
Voitte määrittää linkin avautumaan uudella välilehdellä lisäämällä target="_blank"-attribuutin <a>-tagiin.
Esimerkki:
<a href="https://www.wikipedia.org"
target="_blank">Open Wikipedia in a New Tab</a>
Linkittäminen muille sivuille
Linkeillä voi yhdistää myös verkkosivustonne muihin sivuihin. Käyttäkää täydellisen verkko-osoitteen sijaan suhteellista URL-osoitetta eli tiedoston nimeä.
Esimerkki:
<a href="about.html">About Us</a>
Linkittäminen tiettyihin osioihin
Voitte linkittää saman sivun tiettyyn osioon tunnisteen avulla. Lisätkää tunniste elementtiin, johon haluatte linkittää, ja käyttäkää sitten #id-arvoa href-attribuutissa.
Esimerkki:
<!-- Link -->
<a href="#contact">Go to Contact Section</a>
<!-- Section -->
<h2 id="contact">Contact Us</h2>
<p>Email us at contact@example.com</p>
Linkittäminen sähköpostiosoitteisiin
Voitte luoda linkin, joka avaa käyttäjän sähköpostisovelluksen, käyttämällä mailto:-etuliitettä href-attribuutissa.
Esimerkki:
<a href="mailto:hello@example.com">
Send an Email</a>
Työkaluvihjeiden lisääminen linkkeihin
Voitte lisätä työkaluvihjeen, joka tulee näkyviin, kun käyttäjä vie hiiren linkin päälle, käyttämällä title-attribuuttia.
Esimerkki:
<a href="https://www.python.org"
title="Visit the Python website">Learn Python</a>
Hienoa työtä!
Onnittelut! Olette oppineet luomaan linkkejä, avaamaan niitä uusilla välilehdillä, linkittämään tiettyihin osioihin ja jopa linkittämään sähköpostiosoitteisiin. Linkit ovat verkon perusta, ja ne yhdistävät kaiken toisiinsa. Seuraavalla oppitunnilla opitte lisäämään kuvia verkkosivuillenne. Valmistautukaa tekemään sivuistanne värikkäämpiä!
Opi HTML tekoälytuutorin avulla — ilmaiseksi
Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.
- Kurssit
- 16
- Oppitunnit
- 35
Usein kysytyt kysymykset
Onko oppitunti ”Linkit: verkon yhdistäminen” ilmainen?
Kyllä – oppitunnin ”Linkit: verkon yhdistäminen” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko HTML for Kids-kurssin, päivitä CoddyKit PROhon. HTML for Kids-kurssilla on yhteensä 4 oppituntia.
Mitä opin oppitunnilla ”Linkit: verkon yhdistäminen”?
Opi luomaan napsautettavia linkkejä Harjoittelet HTML for Kids-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.
Tarvitsenko kokemusta aloittaakseni HTML for Kids-opiskelun?
Aiempi kokemus ei ole tarpeen. CoddyKitin HTML for Kids-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 3/4.
Kuinka kauan ”Linkit: verkon yhdistäminen”-oppitunnin suorittaminen kestää?
Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.
Voinko kirjoittaa ja suorittaa koodia tällä HTML for Kids-oppitunnilla?
Kyllä. Jokainen HTML for Kids-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.
Kaikki tämän kurssin oppitunnit
- Otsikot ja kappaleet
- Luettelot: numeroidut ja numeroimattomat
- Linkit: verkon yhdistäminen
- Kuvat: kuvien lisääminen sivulle