Jos haluat jazzata verkkosivustoasi luomatta mukautettua ohjelmointia, voit käyttää muutamaa hienoa HTML-koodia tuomaan jännitystä sivulle. Nämä koodit eivät vain tee sivustostasi erottuvaa, vaan voivat myös antaa sille ammatillisen edun.
12 hienoa HTML-koodia
Jos et ole tarpeeksi taitava kirjoittamaan oman HTML-koodisi, verkossa on monia paikkoja, jotka tarjoavat ilmaisia, rajoittamattomia koodeja kopioitavaksi ja liittämiseksi omille verkkosivuillesi. Ennen kuin kopioit koodit, muista kuitenkin lukea ja ymmärtää sivuston käyttöehdot, koska jotkut sivuston omistajat haluavat tunnuksen käytetyille koodeille, mukaan lukien linkki sivustoltasi heidän omiinsa. Tarkista nämä upeat HTML-koodit, jotka tuottavat mielenkiintoisia vaikutuksia.
Aiheeseen liittyvät artikkelit- Huonoin liikenne rankingissa
- Ilmaiset kellon widgetit
- Ilmaisia kuvien isännöintisivustoja
1. Ajastin tiettyyn päivämäärään
Luo verkkosivustolle lähtölaskenta, jonka koodi löytyy osoitteesta Tietokone Hope . Lisää mukautettu päivämäärä koodiin, jotta näyttö laskee tiettyyn päivämäärään. Varmista, että vaihdat lihavoidun päivämäärän mukautettuun päivämäärään.
tänään = uusi päivämäärä ();
mikä planeetta on skorpionin hallitsema
BigDay = uusi päivämäärä (' 25. joulukuuta 2020 ');
msPerDay = 24 * 60 * 60 * 1000;
timeLeft = (BigDay.getTime () - tänään.getTime ());
e_daysLeft = timeLeft / msPerDay;
daysLeft = matematiikkalattia (e_daysLeft);
e_hrsLeft = (e_daysLeft - päivääLeft) * 24;
hrsLeft = Math.floor (e_hrsLeft);
minsLeft = Math.floor ((e_hrsLeft - hrsLeft) * 60);
document.write ('On vain
'+ päivääLeft +' päivää '+ hrsLeft +' tuntia ja '+ minsLeft +' minuuttia jäljellä
25. joulukuuta 2020 saakka');
2. Tee pieni ikkuna -ponnahdusikkuna
Tee uusi verkkosivuston ponnahdusikkuna pienessä ikkunassa tällä kätevällä koodilla, joka löytyy osoitteesta Tietokone Hope .
funktio NAME_IT () {window.open ('http://www.computerhope.com/cgi-bin/search.cgi','EANITHING','toolbar=no,location=no, hakemistot = ei, status = kyllä, valikkopalkki = ei, kokoa = kyllä,
kopiointihistoria = ei, vierityspalkit = ei, leveys = 300, korkeus = 300 ');}
3. Värikkäät luettelomerkit
Iso nenä lintu tarjoaa koodin, jonka avulla luettelollesi voi olla värikkäitä luettelomerkkejä tavallisimpien mustien sijaan.
- Tämä on ensimmäinen tuote
- Tämä on toinen kohta
- Tämä on kolmas kohta
- Tietokone Hope : Tämä sivusto tarjoaa ilmaisen tietokoneavun kaikille ja tarjoaa myös kolme hienoa HTML-koodia, jotka voit lisätä verkkosivustoosi. Yksi on hiiren ylikehotukselle, jolloin ponnahdusikkuna tulee näkyviin, kun käyttäjä vie hiiren grafiikan tai tekstin päälle. Sivustolla on myös koodi taustakoodin valitsemiseksi ja koodi, jonka avulla kävijät voivat kirjoittaa oman tekstikehyksen.
- Villit vinkit: Perus-HTML: n lisäksi Wild Tipsilla on myös joitain siistejä koodeja, joita voit käyttää, mukaan lukien koodi, joka tekee tekstistä epäselvän, sisältää varjoja ja muita vaikutuksia. Sivusto tarjoaa myös HTML-koodeja teltoille ja valokuvaefekteille.
- Iso nenä lintu : Tämä sivusto tarjoaa ilmaisia opetusohjelmia, komentosarjoja ja grafiikkaa sivuston käyttäjille. Siinä on myös useita sivuja hienoja HTML-temppuja, mukaan lukien esittelyt värikkäille taulukoille, ohjeet vahvan taustakuvan tehokkaalle käytölle ja useiden eri maiden luettelon luominen avattavasta valikosta.
- W 3 koulua : Tämä sivusto tarjoaa HTML-koodin, jonka avulla käyttäjät voivat lähettää sähköpostia sivustolta useiden muiden mielenkiintoisten koodien kanssa.
paikkoja, jotka vuokrataan 16 lähellä minua
4. Tee tekstistä pomppiva
Anna telttaviivallesi pieni palautus tällä koodilla Kuinka tehdä verkkosivusto .
Tee tekstistä pomppiva
5. Juhlateltta
Juhlateltta:
Rakkaus tietää näytekoodi
6. Siksak-teltta
Voit myös tehdä telttasi tee siksak-kuvio .
SINUN TEKSTISI TÄHÄN
7. Värikäs taulukko
Taulukon otsikko 1 | Taulukon otsikko 1 |
---|---|
Rakkaus tietää solu 1 | Rakkaus tietää solu 2 |