Scribd
Importer
2 vues3 pages

Tuto Complet HTML CSS JS

Ce document est un tutoriel complet sur HTML, CSS et JavaScript, présentant les balises HTML essentielles, les propriétés CSS et les concepts de base de JavaScript. Il fournit des exemples pour chaque élément afin d'illustrer leur utilisation. Ce guide est conçu pour aider les débutants à comprendre les fondements du développement web.

Transféré par

xwcdpkqppv
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
2 vues3 pages

Tuto Complet HTML CSS JS

Ce document est un tutoriel complet sur HTML, CSS et JavaScript, présentant les balises HTML essentielles, les propriétés CSS et les concepts de base de JavaScript. Il fournit des exemples pour chaque élément afin d'illustrer leur utilisation. Ce guide est conçu pour aider les débutants à comprendre les fondements du développement web.

Transféré par

xwcdpkqppv
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Tutoriel Complet : HTML, CSS et JavaScript

1. HTML (HyperText Markup Language)


Balise Description Exemple
<!DOCTYPE html> Indique la version HTML <!DOCTYPE html>
<html> Racine du document <html lang='fr'> ... </html>
<head> En-tête (métadonnées) <head><title>Page</title></head>
<body> Contenu affiché <body> ... </body>
<h1> à <h6> Titres (niveaux) <h1>Titre principal</h1>
<p> Paragraphe <p>Mon texte</p>
<a> Lien hypertexte <a href='url'>Texte</a>
<img> Image <img src='[Link]' alt='Texte'>
<ul> / <ol> Listes (non ordonnée / ordonnée) <ul><li>Item</li></ul>
<div> Division générique <div>Zone</div>
<span> Petit conteneur en ligne <span style='color:red'>Texte</span>
<table> Tableau <table><tr><td>Cellule</td></tr></table>
<form> Formulaire <form><input type='text'></form>
2. CSS (Cascading Style Sheets)
Propriété Valeurs possibles Exemples / Traductions
red, green, blue, white, black, etc.
color / background-color #hex, rgb(), rgba() red (rouge), blue (bleu)
font-size px, %, em, rem 20px, 2em, 50%
text-align left, right, center, justify center (centré)
font-weight normal, bold, lighter, 100–900 bold (gras)
position static, relative, absolute, fixed, sticky absolute (absolu)
display block, inline, flex, grid, none flex (mise en page flexible)
margin / padding px, %, em margin: 10px;
border-style solid, dashed, dotted, double, none dashed (pointillé)
opacity 0→1 0.5 (semi-transparent)
3. JavaScript (JS)
Concept Description Exemple
Variables Stocker des données let x = 10; const nom = 'Jean';
Types string, number, boolean, array, object 'Texte', 42, true, [1,2], {clé:'valeur'}
Conditions if / else / else if if (x > 10) { alert('Grand'); }
Boucles for, while for(let i=0; i<5; i++){ [Link](i);}
Fonctions Regrouper du code réutilisable function maFonction(){...}
Événements Réagir aux actions (clic...) <button onclick='alert("Salut!")'>Cliquer</button>
DOM Manipuler la page HTML [Link]('id').innerHTML = 'Texte';
Console Debug [Link]('Test');

Vous aimerez peut-être aussi