HEADER

Bienvenue sur mon site.

Société capitaliste je te hais.


Tu engendres souffrances et inégalités, tu n'es qu'une illusion qui fait croire aux gens qu'ils s'enrichissent, tu n'es qu'un mensonge qui les éblouit et leur fait troquer honneur, amour, loyauté contre du papier, contre quelques chiffres numériques et éphèmeres sur support numérique. Je souhaite qu'un jour prochain tu sois anéanti.

BIBI

italique
gras
surlignage

LES LISTES

Ma journée

  1. Je me lève.
  2. Je mange et je bois.
  3. Je retourne me coucher.

LES LIENS

Site anarchique et antisystème pour l'équité de tous entre tous DEVLYNE
Le site du contre pouvoir!

Envoyez-moi un e-mail !

Télécharger le fichier

LES IMAGES

Voici le logo que j'ai choisi pour me représenter :
Mon logo

LOGO
Mon joli Logo

ELEMENT UNIQUE CLASS ID

Lui, il fonctionne exactement de la même manière que class, à un détail près : il ne peut être utilisé qu'une fois dans le code. En pratique, nous ne mettrons des id que sur des éléments qui sont uniques dans la page.

LA BALISE SPAN

: c'est une balise de type inline, c'est-à-dire une balise que l'on place au sein d'un paragraphe de texte, pour sélectionner certains mots uniquement.

TAILLE DES POLICES

xx-small
x-small
small
medium
large
x-large :
xx-large

On est obligé de créer une classe, impossible de faire fonctionner ces tailles là en id simple.

TEXT DECORATION


Ce texte est souligné et c'est joli.

Pour que l'id fonctionne, il doit être mis dans un paragraphe; ne pas refermer p.

: barré.
: ligne au-dessus.
: clignotant. Ne fonctionne pas sur tous les navigateurs (Internet Explorer et Google Chrome, notamment).
: normal (par défaut).

FLOAT


LOGO Ceci est un texte normal de paragraphe, écrit à la suite de l'image et qui l'habillera car l'image est flottante.

LES IMAGES DE FOND


Depuis CSS3, il est possible de donner plusieurs images de fond à un élément. Pour cela, il suffit de séparer les déclarations par une virgule.
Voir le fond et le soleil en haut à droite, attention la première déclarée est affichée par dessus les autres, donc il faut placer le background en dernier.

LES COULEURS DE FOND

Nous avons appliqué une couleur de fond avec une opacité aux paragraphes.

LES BORDURES ET LES OMBRES

Pour border on peut utiliser jusqu'à trois valeurs pour modifier l'apparence de la bordure :
La largeur : indiquez la largeur de votre bordure. Mettez une valeur en pixels (comme 2px).
La couleur : c'est la couleur de votre bordure. Utilisez, comme on l'a appris, soit un nom de couleur (black, red,...), soit une valeur hexadécimale (#FF0000), soit une valeur RGB (rgb(198, 212, 37)).
Le type de bordure : là, vous avez le choix. Votre bordure peut être un simple trait, ou des pointillés, ou encore des tirets, etc. Voici les différentes valeurs disponibles :
none : pas de bordure (par défaut) ;
solid : un trait simple ;
dotted : pointillés ;
dashed : tirets ;
double : bordure double ;
groove : en relief ;
ridge : autre effet relief ;
inset : effet 3D global enfoncé ;
outset : effet 3D global surélevé.

LES BALISES DE TYPE BLOC ET INLINE

En HTML, la plupart des balises peuvent se ranger dans l'une ou l'autre de deux catégories : Les balises inline : c'est le cas par exemple des liens . Les balises block : c'est le cas par exemple des paragraphes
block : une balise de type block sur votre page web crée automatiquement un retour à la ligne avant et après. Il suffit d'imaginer tout simplement un bloc. Votre page web sera en fait constituée d'une série de blocs les uns à la suite des autres. Mais vous verrez qu'en plus, il est possible de mettre un bloc à l'intérieur d'un autre, ce qui va augmenter considérablement nos possibilités pour créer le design de notre site !
inline : une balise de type inline se trouve obligatoirement à l'intérieur d'une balise block. Une balise inline ne crée pas de retour à la ligne, le texte qui se trouve à l'intérieur s'écrit donc à la suite du texte précédent, sur la même ligne (c'est pour cela que l'on parle de balise « en ligne »).

.