Début HTML5 & CSS3 pour les nuls

category Ordinateurs et logiciels / Programmation / Html

Le tableau suivant contient une liste de noms de couleurs que vous pouvez utiliser dans le code HTML et CSS pour créer un site Web plus coloré. Les couleurs sont présentés avec leurs valeurs RGB hexadécimal correspondants avec une nuance de couleur représentative.

Sommaire

Connaissez vos éléments!
Css référence de propriété

	Nom	Hexadécimal
	Aqua	# 00FFFF
	Noir	# 000000
	Bleu	# 0000FF
	Fuchsia	# FF00FF
	Gris	# 808080
	Couleur verte	# 008000
	Citron vert	# 00FF00
	Maroon	# 800000
	Marine de guerre	# 000080
	Olive	# 808000
	Violet	# 800080
	Rouge	# FF0000
	Argent	# C0C0C0
	Sarcelle	# 008080
	blanc	#FFFFFF
	Jaune	# FFFF00

Connaissez vos éléments!

Apparaissant dans l'ordre alphabétique est une liste de tous les éléments HTML5 contenus dans la spécification HTML5 actuelle. Une brève description est incluse comme une référence rapide lors de la recherche de l'élément parfait.

Élément	Description
UN	Utilisez-le pour créer des hyperliens
Abr	Utilisez des abréviations
adresse	Coordonnées
Région	Lien hypertexte dans une image-carte
article *	Fournit la section mise en forme pour de courts articles expositoires comme les articles, blogs, etc.
de côté*	Pièce légèrement connexe de contenu pour la page d'accueil
acoustique *	Utilisé pour ajouter de l'audio pour la lecture associé à la page Web
b	Texte en gras
base	URL de base
bdi *	Isoler texte pouvant être mis en forme dans une direction différente de texte autour d'elle
BDO	Permet d'indiquer la direction du texte
blockquote	Bloquer cotation
corps	Corps document
br	Saut de ligne
bouton	Crée un bouton.
toile *	Permet de définir une région de la page où le dessin peut se produire
légende	Tableau titre
citer	Cité titre d'une œuvre
code	Fragment de code
col	Colonne dans une table
colgroup	Groupe des colonnes de la table
commande *	Utiliser pour définir des éléments d'interface graphique
datalist *	Utilisez-le pour créer une liste de contribution éléments des menus déroulants
dd	Description
del	Le texte supprimé
Détails *	Fournit des informations ou des contrôles supplémentaires pour les utilisateurs à la demande
DFN	Ainsi Définition
div	Conteneur générique
dl	Description list
dt	Terme ou nom
em	L'accent
Intégrer *	Liens vers l'application externe ou du contenu interactif
fieldset	Associés contrôles de formulaire
figcaption *	Fournir une légende pour une figure élément
Figure *	Contenu de flux autonome element- peut être statique ou dynamique
footer *	Concluant informations pour une section du document
forme	Définit un formulaire remis sous forme utilisateur
h1 - h6	Rubriques
tête	Conteneurs métadonnées sur les documents, scripts et les styles
entête*	L'en-tête du document
hgroup *	Groupe rubrique
heure	Règle horizontale / pause thématique
html	L'élément racine
je	Le texte en italique
iframe	Contenu de navigation imbriquée
img	Image
contribution	Le contrôle d'entrée
ins	Le texte inséré
kbd	Entrée utilisateur
keygen *	Accessible à l'utilisateur le contrôle de générer des paires de clés de sécurité ou de cryptage
étiquette	Légende pour un contrôle de formulaire
légende	Légende explicative
li	Liste article
lien	Métadonnées pour lier des documents externes
carte	Définir une image-carte
marque *	Mark ou mettre en évidence une série de texte dans un document, pour référence dans un autre document
menu	Liste des commandes
méta	Métadonnées
mètre *	Définir un indicateur visuel pour un certain type de mesure
nav *	Permet de définir une barre de navigation ou une zone dans une page Web
noscript	Définir le contenu à afficher dans le cas où le script ne peut pas être exécuté
objet	Le contenu externe
ol	Liste ordonnée
optgroup	Définir un groupe d'options
sortie *	Une sorte de sortie de calcul de script ou appel API
p	Paragraphe
param	Utilisez de fournir des paramètres des plugins
pré	Texte préformaté
progrès *	Un compteur visuel pour l'accomplissement des tâches (barre de progression)
q	Texte cité
rp *	Utilisez pour mettre des parenthèses autour annotations de rubis
rt *	Utilisez pour marquer le texte d'une annotation ruby
Ruby *	Utilisez pour annoter langues idéographiques comme le chinois ou japonais
s	Mark texte enlevé, avec la grève à travers la mise en forme.
samp	Exemple de sortie
scénario	Script intégré
section*	Document générique ou de la section de l'application
sélectionner	Option contrôle de formulaire de sélection
petit	Petit texte
la source *	Utilisez pour spécifier plusieurs sources audio et vidéo
empan	Un texte wrapper générique
fort	Texte important. Est généralement en forme en gras
style	Présentation de l'information, généralement CSS
sous	Indice texte
résumé*	Résumé, légende, ou une légende pour l'entrée détails Informations
souper	Texte en exposant
table	Table
tbody	Groupe de lignes de table
TD	Tableau cellulaire
textarea	Zone de saisie de texte
tfoot	Tableau pied de groupe de ligne
e	Tableau tête cellulaire
thead	Table groupe tête de ligne
temps*	Valeur de la date et / ou le temps représentant
titre	Titre du document
tr	Ligne de table
suivre *	Spécifiez une piste média supplémentaire
u	Souligner
ul	Liste non ordonnée
var	Utilisez pour spécifier une variable mathématique ou de programmation, ou un espace réservé
vidéo *	Utilisez pour la lecture de contenu vidéo dans la page web
WBR *	Utilisez pour désigner possible point de départ pour le flux de texte de saut de ligne

* Nouveau en HTML5

CSS Référence de propriété

Le tableau suivant montre les propriétés CSS qui sont pris en charge par la plupart des navigateurs aujourd'hui, avec leurs valeurs autorisées. Certaines de ces propriétés font partie des spécifications CSS3 et sont encore au stade expérimental, alors assurez-vous de vérifier auprès de la Puis-je utiliser site pour les dernières informations sur le soutien du navigateur. (Pour vous aider à lire la colonne des valeurs de ce tableau, consultez l'article «Un guide rapide pour le CSS Valeur Définition Syntaxe" au godiches.com/extras/beginninghtml5css3.)

Nom	Valeurs
animation	\|\| \|\| \|\| \|\| \|\| \|\|
animation-delay
animation-direction	normal \| Suppléant \| inverser \| suppléant inverse
animation-durée
animation-fill-mode	none \| avant \| arrière \| les deux
animation-iteration-count	infinie \|
animation-name	none \|
Etat-animation-play	en cours \| pause
animation-timing-function
backface visibilité	visible \| caché
background-attachment	défiler \| fixe \| hériter
background-pince	border-box \| padding-box \| content-box \| hériter
Couleur de fond	\| hériter
image de fond	\| none \| hériter
background-origin	border-box \| padding-box \| content-box \| hériter
background-position	[[ \| \| left \| Centre \| droit ] [ \| \| top \| Centre \| bas]? ] \| [[Left \| Centre \| droite] \|\| [Haut \| Centre \| bas]] \| hériter
background-repeat	répéter \| repeat-x \| repeat-y \| no-repeat \| hériter
background-size	\| \| auto \| couvrir \| contenir
Contexte	['Background-color' \|\| \|\| background-position 'de background-image' \|\| 'background-répétitions' \|\| 'background-attachment'] \| hériter
border-collapse	Collapse \| séparé \| hériter
border-color	[ ] {1,4} \| hériter
frontière image	none \|
border-image départ	[«côtés» \|\| «horizontale» \|\| «verticale» \|\| 'top' \|\| 'bottom' \|\| «droit» \|\| «gauche»] \| hériter
-image-répétition de bordure	['type' \|\| «horizontale» \|\| «verticale» \|\| 'stretch' \|\| 'repeat' \|\| «rondes»] \| hériter
-image-source de la frontière	none \|
border-image tranche	[ \| ] {1,4} remplir?
border-image largeur	[ \| \| \| auto] {1,4}
border-radius	[ \| ] {1,4} [/ [ \| ] {1,4}]?
border-spacing	? \| hériter
border-style	{1,4} \| hériter
border-left border-bottom border-top border-right	[\|\| \|\|-top border-color] \| hériter
haut-couleur de la bordure border-right; couleur de fond couleur de la bordure border-left; couleur	\| hériter
border-top-gauche; rayon border-top-droit; rayon border-bottom-gauche; rayon border-bottom-droit; rayon	[ \| ] {1,2}
top-border-style border-right;-bottom-style de bordure de style border-left; le style	\| hériter
border-top-width border-right; border-left border-bottom-width largeur; largeur	\| hériter
border-width	{1,4} \| hériter
frontière	[\|\| \|\|-top border-color] \| hériter
bas	\| \| auto \| hériter
box-shadow	none \| [encart? [? ? ? ]] #
break-after	auto \| toujours \| éviter \| left \| droit \| page \| colonne \| éviter de-page \| éviter les colonnes
break-before	auto \| toujours \| éviter \| left \| droit \| page \| colonne \| éviter de-page \| éviter les colonnes
caption-side	top \| bas \| hériter
clair	none \| left \| droit \| à la fois \| hériter
agrafe	\| auto \| hériter
couleur	\| hériter
colonnes	lt; 'column-width'> \|\| lt; 'column-count'>
column-count	\| auto
colonne de remplissage	auto \| équilibre
colonne écart	\| normal
colonne règle	lt; 'colonne règle-width'> \|\| lt; 'colonne règle de style'> \|\| lt; 'colonne règle-color'>
colonne règle couleurs
colonne règle de style	[none \| hidden \| pointillés \| pointillés \| solide \| double \| gorge \| crête \| encart \| début] \| hériter
colonne règle largeur	\| [fine \| moyenne \| d'épaisseur]
colonne travée	none \| tout \| hériter
largeur de colonne	\| auto
contenu	normal \| none \| [ \| \| \| attr () \| open-quote \| close-quote \| no-open-quote \| no-close-quote] + \| hériter
counter-increment	[ ? ] + \| none \| hériter
counter-reset	[ ? ] + \| none \| hériter
curseur	[[ ,] * [Auto \| réticule \| défaut \| pointeur \| déplacer \| e-redimensionnement \| ne-resize \| NW-redimensionnement \| n-resize \| SE-redimensionnement \| sw-resize \| s-resize \| w-resize \| texte \| wait \| aide \| progrès]] \| hériter
direction	LTR \| RTL \| hériter
afficher	inline \| Bloquer \| élément de liste \| inline-block \| Table \| inline table \| table-row-group \| Table-header-groupe \| Table-footer-groupe \| table-row \| table-column-group \| table-column \| table-cell \| table-caption \| none \| hériter
cellules vides	montrer \| cacher \| hériter
flotteur	left \| droit \| none \| hériter
famille de polices	[[\| ] [, \| ] *] \| hériter
taille de police	\| \| \| \| hériter
le style de police	normal \| italic \| oblique \| hériter
font-variant	normal \| small-caps \| hériter
font-weight	normal \| gras \| audacieux \| léger \| 100 \| 200 \| 300 \| 400 \| 500 \| 600 \| 700 \| 800 \| 900 \| hériter
police	[['Font-style' \|\| 'Font-variant' \|\| "font-weight ']?' font-size '[/' line-height ']? font-family] \| caption \| icône \| menu \| un message-box \| petit-caption \| état-bar \| hériter
hauteur	\| \| auto \| hériter
keyframes	[[De \| à \| ] [, De \| à \| ] * Bloc] *
gauche	\| \| auto \| hériter
l'espacement des lettres	normal \| \| hériter
hauteur de la ligne	normal \| \| \| \| hériter
list-style-image	\| none \| hériter
list-style-position	l'intérieur \| extérieur \| hériter
list-style-type	disque \| cercle \| carré \| décimal \| décimal menant nulle \| inférieur romain \| supérieur romain \| inférieur grec \| inférieur latin \| supérieur latin \| arménien \| georgian \| inférieur alpha \| supérieur alpha \| none \| hériter
list-style	['List-style-type' \|\| 'List-style-position' \|\| list-style-image] \| hériter
margin-right margin-left	\| hériter
margin-top margin-bottom	\| hériter
marge	{1,4} \| hériter
max-height	\| \| none \| hériter
max-width	\| \| none \| hériter
min-height	\| \| hériter
min-width	\| \| hériter
opacité	\| hériter
orphelins	\| hériter
outline-color	\| inverser \| hériter
contour de style	\| hériter
outline-width	\| hériter
contour	['Outline-color' \|\| 'Outline-style' \|\| outline-width] \| hériter
débordement	visible \| hidden \| défiler \| auto \| hériter
overflow-wrap	normal \| break-word \| hériter
overflow-x	visible \| hidden \| défiler \| auto \| hériter
overflow-y	visible \| hidden \| défiler \| auto \| hériter
padding-bottom padding-left padding-top padding-right	\| hériter
rembourrage	{1,4} \| hériter
page-break-après	auto \| toujours \| éviter \| left \| droit \| hériter
page-break-before	auto \| toujours \| éviter \| left \| droit \| hériter
page-break-inside	éviter \| auto \| hériter
perspective	none \|
perspective d'origine	[ \| \| left \| Centre \| droit \| top \| bas] \| [[ \| \| left \| Centre \| droit ] [ \| \| top \| Centre \| bas]]
position	statique \| rapport \| absolue \| fixe \| hériter
citations	[ ] + \| none \| hériter
droit	\| \| auto \| hériter
table-layout	auto \| fixe \| hériter
text-align	left \| droit \| Centre \| justifier \| hériter
text-decoration	none \| [Souligner \|\| overline \|\| line-through \|\| clignote] \| hériter
text-indent	\| \| hériter
text-transform	capitaliser \| majuscules \| minuscules \| none \| inherit
haut	\| \| auto \| hériter
transformer	none \| +
transformer origine	[ \| \| left \| Centre \| droit \| top \| bas] \| [[ \| \| left \| Centre \| droit ] [ \| \| top \| Centre \| bas]] ?
transformer style	plat \| préserver-3d
transition	[None \| ] \|\| \|\| \|\|
transition à retard
durée de transition
transition-timing-function
transition-propriété	none \| # [',' #] *
unicode-bidi	normal \| Incorporer \| bidi-override \| hériter
vertical-align	base \| sous \| Super \| top \| text-top \| Moyen \| bas \| text-bottom \| \| \| hériter
visibilité	visible \| hidden \| Collapse \| hériter
white-space	normal \| pré \| nowrap \| pre-wrap \| pré-line \| inherit
veuves	\| hériter
largeur	\| \| auto \| hériter
word-spacing	normal \| \| hériter
z-index	auto \| \| hériter

A propos Auteur

Comment utiliser l'attribut clair pour contrôler la mise en page pour HTML5 et CSS3 programmation

Il devrait y avoir un moyen de faire le bon de travail de forme, indépendamment de la largeur du conteneur. CSSS3 fournit exactement comme un mécanisme qui est facile à travailler avec la conception de vos pages HTML5.La clair attribut est…

Attributs CSS sélectionnés

Ce tableau met en évidence les attributs CSS les plus couramment utilisés. Chacune de ces caractéristiques peut être appliquée à n'importe quel élément de conteneur dans une page. Le récipient peut être un élément unique désigné par…

Conversion des noms de propriété CSS à javascript

Vous pouvez convertir les noms de propriétés CSS pour javascript. Cependant, il ya quelques choses que vous devriez vous rappeler si vous prévoyez de le faire. Lors du changement de styles avec javascript, il ya quelques règles…

javascript pour enfants pour les nuls

Propriétés de fond de feuilles de style en cascade (CSS)

Avec des feuilles de style en cascade (CSS), vous pouvez appliquer des propriétés de fond à un certain nombre d'objets différents sur une page Web, y compris la page entière, une couche particulière, une table, une cellule de tableau, et même…

Css3 pour les nuls

CSS3 donne accès à une grande variété de sélecteurs que vous utilisez pour identifier quel élément pour formater sur une page. Un sélecteur définit ce qu'il faut FORMAT- le style définit comment formater. Cependant, il est facile d'aller…

Propriétés CSS3

Certaines propriétés CSS3 sont revisées rarement beaucoup d'autres sont utilisés assez souvent que les développeurs doivent savoir à leur sujet. Propriétés et leurs valeurs associées forment la base de la mise en forme que vous effectuez en…

Comment appliquer l'effet border-radius CSS3

L'effet CSS3 border-radius définit des coins arrondis. Et, vous devez utiliser des préfixes spécifiques au navigateur lors de la définition d'un border-radius. Voici quelques règles pour définir un border-radius:Vous ne pouvez pas appliquer un…

Comment créer une bordure autour d'une image en CSS3

Un des changements les plus courantes que vous pouvez faire à une image dans CSS3 est d'ajouter une bordure. Cela déclenche l'image de l'autre contenu sur la page. Bien sûr, CSS3 offre une large gamme de types de frontières. L'astuce est…

Comment modifier les dispositions en CSS3

Il paie pour essayer quelques-uns des dispositions de CSS3 pour voir ce que vous voulez faire avec eux avant de commencer à créer un projet de production. Copiez le code source de l'exemple sur le site Dynamic Drive et le placer dans des fichiers…

Comment positionner graphiques sur les sites de CSS3

Pour l'essentiel, à des graphiques de position dans les sites de CSS3 vous utilisez la combinaison de la gauche, droite, haut, bas et les propriétés à fournir un positionnement de base. Peaufiner la position consiste à utiliser les propriétés…

Comment faire pour coiffer les paragraphes, les titres, et les pieds avec CSS3

Lorsque vous êtes style paragraphes, titres, et pieds de page, la plupart des travaux peuvent être automatiquement accompli par la création de styles tag Redéfinir pour le tag et cependant de nombreuses balises de titre que vous souhaitez…

Comment faire pour coiffer listes et des tableaux avec CSS3

Listes de style et tables est un peu différent de coiffage contenu dans le corps de la page, parce que les deux listes et des tableaux ont des étiquettes spécifiques qui peuvent être redéfinis pour contrôler la façon dont le contenu se trouve…

Couleurs et les valeurs hexagonaux Nommé en html

Le tableau suivant contient une liste de noms de couleurs que vous pouvez utiliser en HTML et CSS code pour créer un site Web plus coloré. Les couleurs sont donnés avec leurs valeurs correspondantes de hexadécimal RVB et une nuance de couleur…

godiches.com » Ordinateurs et logiciels » Programmation » Html » Début HTML5 & CSS3 pour les nuls