title | layout |
---|---|
Webb - Mer resurser att upptäcka |
page |
Vi samlar på oss lite fusklappar och annat här. Alla som jobbar med webben använder fusklappar. Ingen kommer ihåg allt.
Om du har ett bra tips på en sida eller bok som du lärt dig av, mejla dem gärna till oss. Det är bara roligt.
Det finns massor att upptäcka.
- HTML är ett exempeldokument som visar många av de s.k. taggarna. Använd View/Page Source!
- CSS är det som bestämmer hur innehållet ska visas
- JavaScript låter en aktivera knappar och formulär och annat rörligt på webbsidorna
Webb med Batman är en uppgift som passar nybörjare. Prova gärna!
Wayback Machine visar hur en webbsida såg ut för många år sedan!
Webbläsartillägg utökar andras webbsidor genom nya, egna knappar i din webbläsare.
/* A-taggar på list-element i en UL-lista */
UL LI A {
text-decoration: none;
}
/* Lite mellanrum efter varje listpunkt */
UL LI {
margin-bottom: 25px;
}
/* Runda hörn, med beige bakgrund */
UL LI {
border-radius: 5px;
background-color: beige;
}
/* Ett undantag för att några element i listan behövde mer plats:
lägg in class="mer-plats" på det elementet.
*/
UL LI.mer-plats {
margin-top: 15px;
}
/* Alternativt: en enklare selector för denna regel: enklare är bättre */
.mer-plats {
margin-top: 15px;
}
/* Man kan proppa in bakgrundsfärg eller bild på vad som helst. BODY-taggen är bra: */
BODY {
background: url(http://web.coderdojo.se/u/olle/bakgrunden.jpg);
}
/* Ge lite utrymme efter en YouTube-film som embeddats in på sidan */
IFRAME {
margin-bottom: 10px;
}
Web development for beginners "This set of articles is for complete beginners to work through in confidence, building up their essential skills at the beginning of the journey to becoming a web designer or developer."
Wikipedia om HTML är en teknisk beskrivning av vad HTML är. (Krångligt språk!)