Pari HTML-koodia tarvisin

Mikä on se koodi, että saa kuvan kotisivuille?

Entä mikä on se koodi, että saa tehtyä linkin toiselle sivulle? että siinä linkissä siis lukee esim. Suomi24 , eikä http://www.suomi24.fi

Kiitos jo etukäteen, jos joku osaa neuvoa!
7437
Äänestä

Muut lukivat myös

Vastaukset 7

Vanhimmat

Kuva:


yksinkertaisimmillaan

Linkki:
Suomi24-etusivu

Äänestä

Jotta et heti alusta oppisi kirjoittamaan epästandardia koodia, ohessa HTML 4.01 elementit[1], jotka takaavat toiminnan kaikilla selaimilla

HTML 4.01 :

Ihmemaan haku



Huomaa etenkin "title"-attribuutti, jonka käyttö on toivottavaa. Sen sisältö näkyy "tooltip":issä, eli hiiren viereen ilmestyvässä pienessä lootassa.

-elementille "alt"-attribuutti on pakollinen. Tämä teksti näkyy silloin, kun kuva ei lataudu tai sivuasi katsellaan ei-graafisella selaimella. Tekstin tulee olla lyhyt, mutta kertoa kuvan tarkoitus sivuilla. "width" ja "height" on hyvä määrittää, vaikka niitä ei tarvita. Näin nopeutat sivun renderointia. Toisin sanoen, selain varaa oikeankokoisen alueen kuvalle, vaikka se ei olisi vielä latautunut. Näin sivujesi ulkoasu säilyy aina eheänä.

Tutustu myös "accesskey" -attribuuttiin, jolla voit määrittää pikanäppäimen ko. objektiin/elementtiin. Esim.

Ihmemaan haku

on huomattavasti selkeämpi ja käyttäjäystävällisempi kuin tavallinen tekstilinkki.

Jos ihmettelet, mitä "style"-attribuutti tekee, niin tutustu W3 Schools:in CSS-tutoriaaliin[2]. Voit määritellä CSS:n avulla tyylejä eri selektoreille, jolloin sinun ei vuorostaan tarvitse kirjoittaa noin pitkiä rimpsuja yhden linkin tekemiseksi.

Netistä löytyy muutenkin paljon informaatiota[3] rakenteisten dokumenttin tekemisestä, joten kannattaa enemmänkin etsiä kuin kysellä.

[1] http://www.w3.org/TR/html401/index/elements.html
[2] http://www.w3schools.com/css/default.asp

[3]
(Yleisohjeita) : http://www.webreference.com
(Käytettävyydestä) : http://www.useit.com
(Suomalaisia artikkeleja) : http://www.2kmediat.com

Äänestä
  • Kannattais kylläkin käyttää uusimpia standardeja, joista xhtml 1.1 taitaa tällä hetkellä olla uusin, mutta 1.0:lla pärjää hyvin. Myöskin aina olisi hyvä käyttää strict-määrittelyä dokumenttityypissä, jotta sivut näkyisivät yleensä jokaisella selaimella samanlaisina. Eroa xhtml 1.0:sta tavalliseen html-standardeihin on esimerkiksi että kaikki ns. tyhjät tagit (img, br) pitää sulkea eli esimerkiksi kuvan saa näkymään näin: tai . Eli kauttaviiva loppuun tai heti tagin perään sulkemistagi, kauttaviiva on kätevämpi.

    Äänestä

  • Nyme kirjoitti:

    Kannattais kylläkin käyttää uusimpia standardeja, joista xhtml 1.1 taitaa tällä hetkellä olla uusin, mutta 1.0:lla pärjää hyvin. Myöskin aina olisi hyvä käyttää strict-määrittelyä dokumenttityypissä, jotta sivut näkyisivät yleensä jokaisella selaimella samanlaisina. Eroa xhtml 1.0:sta tavalliseen html-standardeihin on esimerkiksi että kaikki ns. tyhjät tagit (img, br) pitää sulkea eli esimerkiksi kuvan saa näkymään näin: tai . Eli kauttaviiva loppuun tai heti tagin perään sulkemistagi, kauttaviiva on kätevämpi.

    xhtml-määritellyn dokumentin pitää olla validia. Muuten sitä ei voi edes sanoa xhtml-dokumentiksi.

    Tästä syystä esim. FrontPage ei koskaan pysty tekemään xhtml:ää. Toisaalta eihän se nytkään väitä tekevänsä html:ää vaan mshtml:ää. Varmaankin tulevat FP-versiot tekevät sivuja msxhtml-kielellä:)

    http://www.heikniemi.net/svwww-vukk/k48.html

    Äänestä

  • Nyme kirjoitti:

    Kannattais kylläkin käyttää uusimpia standardeja, joista xhtml 1.1 taitaa tällä hetkellä olla uusin, mutta 1.0:lla pärjää hyvin. Myöskin aina olisi hyvä käyttää strict-määrittelyä dokumenttityypissä, jotta sivut näkyisivät yleensä jokaisella selaimella samanlaisina. Eroa xhtml 1.0:sta tavalliseen html-standardeihin on esimerkiksi että kaikki ns. tyhjät tagit (img, br) pitää sulkea eli esimerkiksi kuvan saa näkymään näin: tai . Eli kauttaviiva loppuun tai heti tagin perään sulkemistagi, kauttaviiva on kätevämpi.

    Kysymyksen kysyjän ei varmastikaan ole kannattavaa siirtyä XHTML:ään. Kun ei HTML:ääkään osaa niin ei XHTML:stä ole minkäänlaista hyötyä. "Kannattais kylläkin käyttää uusimpia standardeja, joista xhtml 1.1 taitaa tällä hetkellä olla uusin, mutta 1.0:lla pärjää hyvin." antaa helposti kuvan, että XHTML on uudempi versio HTML:stä... näin ei kuitenkaan ole, kyseessä on kaksi eri merkkauskieltä (HTML:n uusin versio 4.01 ja XHTML:n uusin versio 1.1). Ei missään nimessä ole suositeltavaa siirtyä HTML:stä XHTML:ään ilman erityistä tarvetta.

    Äänestä

  • NFY kirjoitti:

    Kysymyksen kysyjän ei varmastikaan ole kannattavaa siirtyä XHTML:ään. Kun ei HTML:ääkään osaa niin ei XHTML:stä ole minkäänlaista hyötyä. "Kannattais kylläkin käyttää uusimpia standardeja, joista xhtml 1.1 taitaa tällä hetkellä olla uusin, mutta 1.0:lla pärjää hyvin." antaa helposti kuvan, että XHTML on uudempi versio HTML:stä... näin ei kuitenkaan ole, kyseessä on kaksi eri merkkauskieltä (HTML:n uusin versio 4.01 ja XHTML:n uusin versio 1.1). Ei missään nimessä ole suositeltavaa siirtyä HTML:stä XHTML:ään ilman erityistä tarvetta.

    Xhtml nimenomaan on uudisttu html. On äärimmäisen suositeltavaa siirtyä käyttämään xhtml:llää. Jo senkin takia, että sivut voisivat näyttää samalta useammalta eri selaimelta katsottunakin. WWW consortiumikin suosittelee sen käyttöä.

    Äänestä

  • Nyme kirjoitti:

    Xhtml nimenomaan on uudisttu html. On äärimmäisen suositeltavaa siirtyä käyttämään xhtml:llää. Jo senkin takia, että sivut voisivat näyttää samalta useammalta eri selaimelta katsottunakin. WWW consortiumikin suosittelee sen käyttöä.

    Siis sen "tavallisen". Tästä (tai oikeastaan jo eilisestä) päivästä lähtien kehittämisessä keskitytään xml-kieliperheeseen, joten xhtml tulee korvamaan html:n.

    Tästä syystä nimenomaan alkeita opettelevan kannattaa suoraan aloittaa tämänpäivän kielestä. Koska huonosta koodaustavasta tuntuu olevan vaikea päästä eroon, niin miksi se pitäisi heti alkuun edes opetella?

    Html:n opiskelu on vähän sama kuin jos aloittaisi ruotsinkielen opiskelun muinaisnorjan kielestä. Toki sekin saattaa olla kiinnostavaa, mutta ehkäpä on hyödyllisempää opetella ensin tämän päivän kieli ja siirtyä vasta sitten tarkastelemaan mitä se kieli on ennen ollut.

    Äänestä

Kommentoi aloitusta


Minttu kirjoitti:

Mikä on se koodi, että saa kuvan kotisivuille?

Entä mikä on se koodi, että saa tehtyä linkin toiselle sivulle? että siinä linkissä siis lukee esim. Suomi24 , eikä http://www.suomi24.fi

Kiitos jo etukäteen, jos joku osaa neuvoa!

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu