HTML, CSS og Javascript-kode hint

January 24  by Eliza

Som en web designer, bruker du noen biter av HTML, CSS og Javascript-kode ofte, men ikke ofte nok til å forplikte seg til minnet. Følgende HTML-kode, CSS stil, og Javascript hint er hendig når du legger til spesielle elementer som null lenker, meta tags, og enheter til sidene dine. Bruk disse HTML, CSS og Javascript-kode hint i kodevisning, Egenskaper inspektør, og dine CSS stilark.

HTML kode Hint Kode Shortcut
Lag en null lenke # Eller javascript :; eller javascript: void (0) som i <a href="#"> lenke </a>
<a href="javascript:;"> lenke </a>
<a href="javascript:void(0)"> lenke </a>
Lag heter anker lenke Link til Target
<a href="#anchorname"> lenke </a>
Target
<a name="anchorname"> </a>
Lag en link til navngitt anker i en annen side <a href="otherpage.html#anchorname"> lenke </a>
Sett inn linjeskift <br />
Lukk vinduet Java <a href="javascript:window.close();"> Lukk dette vinduet </a>
Revidere etter x dager meta tag <Meta name = "revidere-etter" content = "5 dager" />
Ingen cache meta tag <Meta http-equiv = "pragma" content = "no-cache">
Meta link til hjemmesiden <Link rel = "Index" href = "index.html" />
Meta lenke til sitemap side <Link rel = "Site Map" href = "sitemap.html" />
Meta lenke til snarveisikonet <Link rel = "Shortcut Icon" href = "favicon.ico" />
Meta link til snarveisikonet ved hjelp av GIF i stedet for ICO <Link rel = "Shortcut Icon" type = "image / gif" href = "favicon.gif" />
Link til ekstern JS-fil <Script src = "myjsfile.js" type = "text / javascript"> </ script>
Link til ekstern CSS <Link rel = "stylesheet" type = "text / css" href = "css / ie.css" media = "screen" />
Import @ link til ekstern CSS <Style media = "alt" type = "text / css">
import "css / all.css";
</ Style>
CSS link for IE nettlesere mindre enn IE 7 <! - [If lt IE 7]>! <Link rel = "stylesheet" type = "text / css" href = "ie.css" media = "alt" /> <[endif] →
Sett inn et bilde med ALT-attributtet <Img src = "images / myfile.png" alt = "My File" />
Tom ALT attributt for bilde <Img src = "images / myfile.png" alt = "" />
Entity å legge tomrom & Nbsp; eller
Entity å legge til copyright & Copy; eller ©
Entity å legge varemerke & Trade; eller ™
Entity å legge ampersand & Amp; eller &
Legg NoScript tags <Noscript> ...
Link mål _blank
_new
_self
_parent
_top
Påfør CSS tilpasset stil med SPAN tags <Span class = "stylename"> ...
Kommentarkoder i HTML og Javascript <! - Din kommentar her // →
Kommentarkoder i CSS / * Din kommentar her * /
Oppbygging av en CSS tag omdefinere stil tag {
attributt: verdi;
}
Oppbygging av en CSS-ID stil #ID {
attributt: verdi;
}
Oppbygging av en CSS tilpasset stil .stylename {
attributt: verdi;
}
CSS for kobling stiler en: link {
attributt: verdi;
}
a: besøkt {
attributt: verdi;
}
a: hover {
attributt: verdi;
}
a: active {
attributt: verdi ;;
}