HTML5 og CSS3 Alt-i-ett til dummies Cheat Sheet - dummies

Av Andy Harris

Sjekk ut disse praktiske referansene på en HTML5-mal som du kan bruke til å starte hvert dokument, utvalgte MySQL-kommandoer, nyttige JavaScript-syntaks og CSS-attributter og valgt HTML-syntaks.

HTML5 Mal

Dette er den grunnleggende HTML5-malen. Bruk det som utgangspunkt for alle dine HTML5-dokumenter. Enkelte redaktører lar deg legge til en malfil for å raskt lage en fil. Hvis editoren din ikke allerede har en HTML5-mal, kan du bruke denne. Du kan også holde det som helst praktisk å kopiere og lime inn fra hvis du ønsker det.

Utvalgte MySQL-kommandoer

MySQL er veldig nyttig når du bygger en database. Tabellen nedenfor inneholder de minste kommandoene som trengs for å opprette, fylle ut og spørre en database ved hjelp av MySQL.

Kommando	Diskusjon
BRUK databasenavn;	Sett databaseName som standarddatabasen
DROP TABLE IF EXISTS tableName;	Slett hele tabellen
CREATE TABLE tabellnavn ( modifikatorer for feltnavnstype,);	Opprett et bord som heter tableName med feltene som er definert av feltfeltene Modifiserer: PRIMARY KEY, AUTO_INCREMENT
INSERT TIL tabellnavn VALUES (…);	Sett inn en ny post i tabellnavn. Verdiene må være riktig type i riktig rekkefølge.
VELG * FRA tabellnavn WHERE tilstand ORDER BY-felt	Velg alle felt fra tabellnavn som oppfyller betingelsen. Sorter i henhold til det oppgitte feltet.
UPDATE tableName SET felt = verdi WHERE tilstand;	Endre en eksisterende post. Bruk betingelse for å spesifisere hvilken post er endret, og angi gitt verdi (er) til spesifisert felt (er)
DELETE FROM tableName WHERE betingelse	Slett alle poster fra tabellnavnstabellen som tilfredsstiller < betingelse CREATE VIEW viewName AS spørring
Opprett et virtuelt bord som inneholder resultatene av et komplekst	spørring (ofte et innvendig medlemskap eller et linktabell)

Utvalgt JavaScript-syntaks

JavaScript er et viktig språk for programmering, spillutvikling og skrivebordsprogrammer. Følgende er de mest brukte JavaScript-syntakselementene, inkludert kommandoer for å manipulere variabler, kontrollere programflyt og administrere funksjoner.

Funksjon

Description	alert (“message”);
Oppretter en popup-dialog som inneholder en melding.	var myVar = 0;
Oppretter en variabel med gitt startverdi. Type er	bestemt dynamisk. stringVar = prompt ("message")
Sender en dialogboksmelding til brukeren, henter tekstinngang fra	bruker og lagrer den i stringVar. stringVar. lengde
Returnerer lengden (i tegn) av stringVar.	stringVar. toUpperCase (), stringVar. toLowerCase ()
Konverterer stringVar til store eller små bokstaver.	stringVar. substring ()
Returnerer en spesifisert delmengde av stringVar.	stringVar. indexOf ()
Returnerer plasseringen av en substring i stringVar (eller -1).	parseInt ()
Konverter streng til int.	parseFloat ()
Konverter streng for å flyte.	toString ()
Konverter alle variabler til streng.	eval ()
Evaluer streng som JavaScript-kode.	Math. ceil ()
Konverter et tall til heltall ved å avrunde.	Math. gulv ()
Konverter et tall til heltall ved å avrunde.	Math. runde ()
Konverter et tall til heltall ved standardrunding	algoritmen. Math. tilfeldig ()
Returner tilfeldig flyt mellom 0 og 1.	hvis (tilstand) {
// innhold } annet { // mer innhold } // slutt hvis Utfører kun innhold hvis tilstanden er sant.	Valgfritt ellers klausul oppstår hvis tilstanden er feil. } annet hvis (betingelse) {
Legg til en annen betingelse for en if-setning.	bryter (uttrykk)
tilfelle: verdi; // code break; standard: // kode } Sammenlign uttrykk mot en eller flere verdier. Hvis uttrykket er	lik verdi, kjør tilsvarende kode. Standardklausulen fanger opp noen uncaught verdier. for (i = 0; i
// kode } // slutt for Gjenta kode i ganger.	mens (tilstand) {
// kode } // slutt mens Gjenta koden så lenge tilstanden er sant.	funksjon fnName (parametere) {
// kode } // sluttfunksjon Definer en funksjon kalt fnName og send det parametere. All kode	inne i funksjonen vil utføres når funksjonen kalles. myElement = dokument. getElementById (“navn”);
Få et element fra siden med den angitte IDen og kopier en	-referanse til elementet til variabelen myElement. dokumentet. onkeydown = keyListener
Når en tast er trykket, blir en funksjon kalt keyListener	automatisk aktivert. dokumentet. onmousemove = mouseListener
Når musen er flyttet, blir en funksjon kalt mouseListener	automatisk aktivert. setInterval (funksjon, ms);
Kjør funksjon hver ms millisekunder.	Utvalgte CSS-attributter

Denne tabellen fremhever de mest brukte CSS-attributter. Hver av disse attributter kan brukes på ethvert containerelement på en side. Beholderen kan være et enkelt element betegnet av ID-attributtet, et medlem av en klasse eller alle elementene på en side av en bestemt type.

Egenskaper

Diskusjon	margin
Definerer mellomrom mellom elementgrense og foreldre (venstre, høyre,	topp, bunnvariasjoner) polstring
Definerer mellomrom mellom innhold og grense varianter)	border: størrelse fargestil
definerer en kantlinje. Stiler: ingen, prikkete, stiplede, faste, doble,	sporet, ryggen, innsatsen og begynnelsen. farge
Forgrunnsfarge: fargenavn eller hex-verdi	bakgrunnsfarge
Bakgrunnsfarge: fargenavn eller hex-verdi	bakgrunnsbilde: url (filnavn)
Angir bilde indikert av filnavn som bakgrunnsbilde	bakgrunnsrepetisjon
Angir hvordan bakgrunnen vil gjenta: Gjenta, gjenta-x,	Gjenta-Y, og ikke-gjenta Skriftfamilie
Skriftnavn: Sans- serif, serif, monospace, cursive og	fantasy fontstørrelse
Skriftstørrelse (best spesifisert i ems eller prosent)	font-style
Sett kursiv: ingen kursiv og skrå	font-weight
Angi fetthet: lettere, vanlig, fet og dristig (100-900)	tekstjustering
Justering: venstre, høyre, senter og rettferdiggjøre.Fungerer på	innhold , ikke en blokk tekstdekorasjon
Legger dekorasjon til tekst: ingen, understreke, overlinje,	linje gjennom og blinke display
Definerer hvordan elementet vises: ingen, blokk og inline	posisjon
beskriver posisjoneringsskjema: absolutt og relative	venstre, topp, høyre, nederste
angir posisjonen til elementet > relativ først)	float Fjerner element fra vanlig layout og flyter det i en
retning: venstre og høyre	høyde, bredde Angir høyde og bredde på et element. Viktig for
flytede elementer.	klare Tving dette flytede elementet til plassering: venstre, høyre og
begge	Utvalgt HTML-syntaks Til tross for alle de nye programmeringsspråket og teknologien, forblir HTML den grunnleggende byggeblokken for mye av nettsteder. Denne tabellen inneholder de mest brukte HTML-kodene.

Tag

Kommentarer

Påkrevd for alle sider.	Påkrevd for alle sider - må være inne HTML-koder.
	Må være i hodet.
	Påkrevd for alle sider - må være inne HTML-koder.
	"text / css" href = "address" />
	Link til eksternt stilark. Erstatt adresse med URL for stil
ark.	"text / css"> Sidearkivserklæring.