Tout-en-un hTML5 et CSS3 pour les nuls Triche - les nuls

Par Andy Harris

Découvrez ces références pratiques sur un modèle HTML5 que vous pouvez utiliser pour démarrer chaque document, les commandes MySQL sélectionnées, la syntaxe JavaScript utile et les attributs CSS, ainsi que la syntaxe HTML sélectionnée.

Modèle HTML5

Voici le modèle HTML5 de base. Utilisez-le comme point de départ pour tous vos documents HTML5. Certains éditeurs vous permettent d'ajouter un fichier de modèle pour créer rapidement un fichier. Si votre éditeur n'a pas encore de modèle HTML5, vous pouvez l'utiliser. Vous pouvez également le garder dans un endroit pratique pour copier et coller si vous le souhaitez.

Commandes MySQL sélectionnées

MySQL est très utile lors de la construction d'une base de données. Le tableau suivant contient les commandes minimales nécessaires pour créer, remplir et interroger une base de données à l'aide de MySQL.

Commande	Discussion
USE databaseName;	Définissez databaseName comme base de données par défaut
DROP TABLE IF EXISTS tableName;	Supprimer l'ensemble de la table
CREATE TABLE tableName ( modificateurs de type fieldName,);	Créez une table appelée tableName avec les champs définis par les lignes de champ Modificateurs: PRIMARY KEY, AUTO_INCREMENT
REPLACE INTO nomTable VALUES (…);	Insérer un nouvel enregistrement dans tableName. Les valeurs doivent être de type correct dans le bon ordre.
SELECT * FROM tableName WHERE condition Champ ORDER BY	Sélectionnez tous les champs de tableName qui satisfont à la condition. Triez selon le champ donné.
UPDATE tableName Champ SET = valeur WHERE condition;	Modifier un enregistrement existant. Utilisez la condition pour spécifier quel enregistrement est modifié et définissez la valeur donnée pour le champ spécifié (s)
SUPPRIMER FROM tableName WHERE condition	Supprimer les enregistrements de la table tableName qui satisfont le < condition CREATE VIEW viewName AS
Créer une table virtuelle contenant les résultats d'une requête complexe	(souvent une jointure interne ou une jointure de table de liens)

Syntaxe JavaScript sélectionnée

JavaScript est un langage important pour la programmation, le développement de jeux et les applications de bureau. Vous trouverez ci-dessous les éléments de syntaxe JavaScript les plus couramment utilisés, y compris les commandes de manipulation des variables, de contrôle du flux des programmes et de gestion des fonctions.

Fonction

Description	alerte ("message");
Crée une boîte de dialogue contextuelle contenant un message.	var myVar = 0;
Crée une variable avec une valeur de départ donnée. Le type est	déterminé dynamiquement. stringVar = prompt ("message")
Envoie un message de boîte de dialogue à l'utilisateur, récupère l'entrée de texte de	utilisateur et la stocke dans stringVar. stringVar. length
Renvoie la longueur (en caractères) de stringVar.	stringVar. toUpperCase (), stringVar. toLowerCase ()
Convertit stringVar en majuscules ou en minuscules.	stringVar. substring ()
Retourne un sous-ensemble spécifié de stringVar.	stringVar. indexOf ()
Retourne l'emplacement d'une sous-chaîne dans stringVar (ou -1).	parseInt ()
Convertit la chaîne en int.	parseFloat ()
Convertit la chaîne en float.	toString ()
Convertit n'importe quelle variable en chaîne.	eval ()
Évaluer une chaîne comme du code JavaScript.	Math. ceil ()
Convertit n'importe quel nombre en nombre entier en arrondissant à la valeur supérieure.	Math. floor ()
Convertit n'importe quel nombre en nombre entier en arrondissant vers le bas.	Math. round ()
Convertit n'importe quel nombre en nombre entier par l'algorithme standard d'arrondi	. Math. random ()
Retourne le flottant aléatoire entre 0 et 1.	if (condition) {
// contenu } else { // plus de contenu } // fin si N'exécute le contenu que si la condition est vraie.	La clause else facultative se produit si la condition est fausse. } else if (condition) {
Ajouter une autre condition à une instruction if.	switch (expression)
case: valeur; // code pause; par défaut: // code } Comparer l'expression avec une ou plusieurs valeurs. Si l'expression est	égale à la valeur, exécutez le code correspondant. La clause par défaut attrape les valeurs non interceptées. pour (i = 0; i
// code } // fin pour Répéter le code i fois.	while (condition) {
// code } // se termine alors que Répète le code tant que la condition est vraie.	function fnName (paramètres) {
// code } // fonction de fin Définir une fonction nommée fnName et lui envoyer les paramètres. Tout le code	à l'intérieur de la fonction s'exécutera quand la fonction sera appelée. myElement = document. getElementById ("nom");
Récupère un élément de la page avec l'ID spécifié et copie une référence	à cet élément dans la variable myElement. document. onkeydown = keyListener
Lorsqu'une touche est pressée, une fonction appelée keyListener est	activée automatiquement. document. onmousemove = mouseListener
Lorsque la souris est déplacée, une fonction appelée mouseListener est	activée automatiquement. setInterval (fonction, ms);
Exécuter la fonction toutes les ms millisecondes.	Attributs CSS sélectionnés

Ce tableau met en évidence les attributs CSS les plus couramment utilisés. Chacun de ces attributs peut être appliqué à n'importe quel élément de conteneur dans une page. Le conteneur peut être un seul élément désigné par l'attribut ID, un membre d'une classe ou tous les éléments d'une page d'un certain type.

Attribut

Discussion	marge
Définit l'espace entre la bordure de l'élément et le parent (gauche, droite,	variations haut et bas) remplissage
Définit l'espace entre contenu et bordure variantes)	border: style de couleur de taille
Définit une bordure. Styles: aucun, pointillé, pointillé, solide, double,	groove, crête, incrustation et début. couleur
Couleur de premier plan: nom de couleur ou valeur hexadécimal	couleur de fond
Couleur de fond: nom de couleur ou valeur hexadécimale	background-image: url (filename)
Définit l'image filename comme image de fond	background-repeat
Indique comment l'arrière-plan se répète: repeat, repeat-x,	repeat-y et no-repeat font-family
Nom de la police: sans- serif, serif, monospace, cursive et	fantaisie font-size
Taille de la police (au mieux spécifiée en ems ou en pourcentage)	font-style
Met en italique: none, italic et oblique	font-weight
Définir l'audace: plus clair, normal, gras et plus gras (100-900)	text-align
Alignement: gauche, droite, centre et justification.Fonctionne sur	contenu , pas sur un bloc text-decoration
Ajoute une décoration au texte: aucun, souligné, souligné,	interligne et clignotant affichage
Définit comment l'élément est affiché: none, block, et inline	position
Décrit le schéma de positionnement: absolu et relatif	gauche, haut, droite, bas
Indique la position de l'élément (doit définir la position absolue ou > relative en premier)	float Supprime l'élément de la disposition normale et le fait flotter dans une direction
: gauche et droite	hauteur, largeur Spécifie la hauteur et la largeur d'un élément. Important pour les éléments flottants
.	clear Force cet élément flottant à se positionner: left, right, et
both	Syntaxe HTML sélectionnée Malgré tous les nouveaux langages et technologies de programmation, le HTML reste la pierre angulaire de beaucoup de sites Web. Cette table contient les balises HTML les plus couramment utilisées.

Balise

Commentaires

Requis pour toutes les pages.	Obligatoire pour toutes les pages - doit figurer dans les balises HTML.
	Doit être en tête.
	Obligatoire pour toutes les pages - doit figurer dans les balises HTML.
	"text / css" href = "address" />
	Lien vers une feuille de style externe. Remplacez l'adresse par l'URL de la feuille de style
.	"text / css"> Déclaration de feuille de style au niveau de la page.