0% ont trouvé ce document utile (0 vote)
34 vues5 pages

BASICS-HTML-CSS-JS-PHP-SQL

Le document présente une introduction aux langages HTML, CSS, JavaScript, PHP et SQL, expliquant leurs rôles respectifs dans le développement web. Il décrit la structure de base d'un document HTML, les méthodes d'application de CSS, les fonctionnalités de JavaScript, ainsi que les opérations courantes en SQL et l'utilisation de PHP pour le développement côté serveur. Chaque section fournit des exemples de code et des explications sur les balises, sélecteurs et commandes associés.

Transféré par

patrickmanfouo03
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
0% ont trouvé ce document utile (0 vote)
34 vues5 pages

BASICS-HTML-CSS-JS-PHP-SQL

Le document présente une introduction aux langages HTML, CSS, JavaScript, PHP et SQL, expliquant leurs rôles respectifs dans le développement web. Il décrit la structure de base d'un document HTML, les méthodes d'application de CSS, les fonctionnalités de JavaScript, ainsi que les opérations courantes en SQL et l'utilisation de PHP pour le développement côté serveur. Chaque section fournit des exemples de code et des explications sur les balises, sélecteurs et commandes associés.

Transféré par

patrickmanfouo03
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
Vous êtes sur la page 1/ 5

I.

Cours d'introduction au HTML

Qu'est-ce que HTML ?


HTML (HyperText Markup Language) est le langage standard utilisé pour créer et structurer le
contenu sur le Web. Il utilise une syntaxe de balisage pour décrire la structure et le contenu d'une
page Web.

Structure de base d'un document HTML


Un document HTML de base comprend généralement les éléments suivants :

<!DOCTYPE html>

<html lang="fr">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Titre de la page</title>

</head>

<body>

<h1>Titre principal</h1>

<p>Paragraphe de texte.</p>

</body>

</html>

☞ `<!DOCTYPE html>` : Déclare la version HTML utilisée.


☞ `<html>` : Élément racine de tout document HTML.
☞ `<head>` : Contient les métadonnées de la page, telles que le titre et les balises `<meta>`.
☞ `<meta charset="UTF-8">` : Définit l'encodage de caractères à UTF-8.
☞ `<title>` : Définit le titre de la page qui apparaîtra dans l'onglet du navigateur.
☞ `<body>` : Contient le contenu visible de la page.

Les balises HTML courantes


❖ `<h1>`, `<h2>`, `<h3>`, ... : Définissent les titres de différentes tailles.
❖ `<p>` : Définit un paragraphe de texte.
❖ `<a>` : Crée un lien hypertexte.
❖ `<img>` : Insère une image.
❖ `<ul>`, `<ol>`, `<li>` : Définissent des listes non ordonnées et ordonnées.
❖ `<div>`, `<span>` : Éléments de conteneur pour structurer et regrouper le contenu.
II. Cours d'introduction au CSS

Qu'est-ce que CSS ?


CSS (Cascading Style Sheets) est un langage de feuilles de style utilisé pour définir la présentation et
le style des documents HTML. Il permet de contrôler l'apparence visuelle des éléments HTML sur une
page Web.

Utilisation de CSS
CSS peut être appliqué à un document HTML de différentes manières :

- CSS interne :

<style>

/* Styles CSS */

body {

font-family: Arial, sans-serif;

</style>

```

- CSS externe :

<link rel="stylesheet" href="styles.css">

```

- CSS inline :

```html

<p style="color: blue;">Texte en bleu</p>

```

Les sélecteurs CSS


Les sélecteurs CSS permettent de cibler des éléments HTML spécifiques pour leur appliquer des
styles. Voici quelques exemples de sélecteurs :

o Sélecteur de type : `h1`, `p`, `a`, etc.


o Sélecteur de classe : `.nom-classe`
o Sélecteur d'identifiant : `#nom-id`
Propriétés CSS courantes
o `color` : Couleur du texte.
o `font-family` : Police de caractères.
o `font-size` : Taille de la police.
o `margin`, `padding` : Espacement autour des éléments.
o `background-color` : Couleur de fond.

Cours d'introduction à JavaScript

Qu'est-ce que JavaScript ?


JavaScript est un langage de programmation de script principalement utilisé pour rendre les pages
Web interactives et dynamiques. Il est souvent utilisé pour ajouter des fonctionnalités, manipuler le
contenu HTML, et répondre aux actions des utilisateurs sur une page Web.

Utilisation de JavaScript
JavaScript peut être ajouté à un document HTML de différentes manières :

- JavaScript interne :

<script>

// Script JavaScript

alert("Bonjour !");

</script>

- JavaScript externe :

<script src="script.js"></script>

```

Principales fonctionnalités de JavaScript


- Manipulation du DOM : Accès et modification des éléments HTML.

- Gestion des événements : Répondre aux interactions de l'utilisateur.

- Validation de formulaire : Vérification des données saisies par l'utilisateur.

- Animation et effets : Création d'animations et de transitions sur la page.

- Appels AJAX : Communication avec le serveur en arrière-plan sans recharger la page.

Cours d'introduction à PHP


Qu'est-ce que PHP ?
PHP (Hypertext Preprocessor) est un langage de script côté serveur utilisé pour le développement
Web. Il est principalement utilisé pour générer du contenu dynamique, traiter les formulaires,
accéder aux bases de données et créer des applications Web interactives.

Utilisation de PHP
PHP est généralement utilisé dans des fichiers avec une extension `.php`. Voici un exemple simple de
code PHP pour afficher "Bonjour !" :

```php

<?php

echo "Bonjour !";

?>

```

Principales fonctionnalités de PHP


o Génération de contenu dynamique : Création de pages Web dynamiques en intégrant
du contenu PHP dans du HTML.
o Traitement de formulaire : Récupération des données soumises par les utilisateurs via
des formulaires HTML.
o Accès aux bases de données : Exécution de requêtes SQL pour interagir avec les bases
de données.
o Sessions et cookies : Gestion de l'état de l'application et de l'authentification des
utilisateurs.
o Manipulation de fichiers : Lecture, écriture et manipulation des fichiers sur le serveur.
o Création de fonctions personnalisées : Définition de fonctions réutilisables pour
simplifier le code.

Cours d'introduction à SQL

Qu'est-ce que SQL ?


SQL (Structured Query Language) est un langage de requête utilisé pour communiquer avec les bases
de données relationnelles. Il permet de manipuler les données stockées dans une base de données,
telles que l'insertion, la mise à jour, la suppression et la récupération des données.
Principales opérations SQL
 Sélection de données : `SELECT`
 Insertion de données : `INSERT INTO`
 Mise à jour de données : `UPDATE`
 Suppression de données : `DELETE FROM`
 Création de tables : `CREATE TABLE`
 Modification de tables : `ALTER TABLE`
 Suppression de tables : `DROP TABLE`

Exemple de requête SQL


```sql

SELECT * FROM utilisateurs WHERE age > 18;

```

Cette requête sélectionne tous les utilisateurs dont l'âge est supérieur à 18 dans une table appelée
"utilisateurs".

Vous aimerez peut-être aussi