Want to make creations as awesome as this one?

PROJET SNT HTML ET CSS

Transcript

HTML ET CSS

début

HTML

Television presentation

CSS

index

Section

HTML

Langage de description de docs

hyper text markup language

LES BALISES

Paragraphe (block)

Mise en gras (inline)

Saut de ligne (Orpheline)

LES TITRES

CRÉER DES LIENS

Les liens sont indispensable pour voyager d’une page a une autre !

CRÉER UNE LISTE

Liste désordonnée

Liste Ordonnée

• Fraise

•Framboise
• Cerise

1. Je me lève.

2. Je mange et je bois.
3. Je retourne me coucher

INSÉRER UNE IMAGE

LES ATTRIBUTS DES BALISES

Balise orpheline <image />

Attribut « nom »

Valeur de l’attribut « photo.jpg »

LES BALISES

• Inline : Qui ne peut contenir qu’un élément

• Block : Qui peut contenir un ou plusieurs autres éléments
• Orpheline : Fonctionne seule

HTML

Television presentation

CSS

index

Section

CSS

cascading style sheets

langage informatique qui permet de mettre en forme des pages web


→L’utilisateur émet une requête pour une certaine feuille de style au serveur qui lui envoie pour l’appliquer au document d’origine.


→ses caractéristiques peuvent s’appliquer à différents fichiers à la fois.(ex: Wikipédia)

Le CSS est réalisé sur un fichier à part du HTML

CSS

Est employé par des utilisateurs ou moteurs de recherches mais pas lors d’erreurs (par exemple erreur 404) 25


Le langage CSS est utilisé sur les pages Webs à des fins esthétiques et non informatives car ceci est réalisé par le langage HTML.30

Le langage CSS permet d’appliquer une mise en page à un document mais également de modifier la taille, la couleur, l’emplacement, la forme, le type d’écriture à des caractères précis en appliquant ce style aux balises du langage HTML.

Team

PRUNIER-DUPARGE Perrine

OSTI KANNENBERG Luiza

CAPRON Sören

HENROT Tom

Wikipédia

Google images
Itslerning
Document sources

sources:

FIN!

Section

Television presentation

Text

Quote

Image

Video

Process

Comparison

Timeline

Map

Data

Team

Thanks

index

Write a title here

+ info

+ info

+ info

+ info


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.