0% ont trouvé ce document utile (0 vote)
18 vues24 pages

Les Base Du HTML

Transféré par

snyaabe
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)
18 vues24 pages

Les Base Du HTML

Transféré par

snyaabe
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

Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

Chapitre les base du HTML

HTML, qui signifie HyperText Markup Language (Langage de Balisage Hypertexte), est le langage
de base utilisé pour créer des pages web.
Le HTML utilise des balises, écrites sous la forme <balise> et </balise>, pour identifier et
organiser ces éléments.
Une page web est un document accessible et affichable sur le World Wide Web (www)Elle
constitue l'unité de base d'un site web.

1- structure de base du HTML 5

Un document HTML5 bien construit repose sur une structure de base solide et normalisée. Cette
structure garantit l'organisation et la présentation cohérentes du contenu web, tout en améliorant la
lisibilité et la maintenabilité du code. Explorons les éléments essentiels qui composent cette
structure professionnelle :
1. Déclaration DOCTYPE (Document Type Definition)
 La première ligne du document est généralement une déclaration DOCTYPE stricte. Elle
informe le navigateur de la version de HTML utilisée et lui permet d'activer le mode de
rendu approprié.
 Exemple : <!DOCTYPE html>

2. Élément racine <html>

 La balise <html> délimite le document HTML5 et englobe tout son contenu. Elle constitue
la base de l'arborescence du document.
3. En-tête du document <head>

 La section <head> contient des métadonnées essentielles sur la page web, invisibles à
l'affichage sur le navigateur. Ces métadonnées jouent un rôle crucial dans l'interprétation et
l'indexation de la page par les moteurs de recherche et les navigateurs web.
 Voici les éléments clés présents dans l'en-tête :
 Le titre de la page web, défini par la balise <title>. (ex : <title>Mon site
web - Accueil</title>)
 L'encodage des caractères du document, spécifié par la balise <meta
charset="UTF-8">.
 Des feuilles de style CSS liées au document à l'aide de la balise <link>. Ces
feuilles de style contrôlent l'apparence visuelle de la page.
 Du code JavaScript externe inclus avec la balise <script>. Ce code peut ajouter
des fonctionnalités interactives à la page.

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

4. Corps du document <body>

 La section <body> est le cœur de votre document HTML5. Elle contient le contenu
principal visible à l'utilisateur lorsqu'il accède à la page. C'est ici que vous structurez le
contenu de votre site web à l'aide de balises sémantiques pour les paragraphes, les titres, les
images, les liens, les formulaires, etc. L'utilisation de balises sémantiques améliore
l'accessibilité de votre site web pour les utilisateurs handicapés et les navigateurs textuels.
5. Fermeture des balises
 La structure HTML5 repose sur un système de balises ouvrantes et fermantes. Pour chaque
balise ouvrante (<balise>), il doit y avoir une balise fermante (</balise>)
correspondante. Cela permet au navigateur d'interpréter correctement la hiérarchie de la
structure de la page et de restituer le contenu de manière attendue.
Exemple de structure de base professionnelle

2- les
balise de
titre en
HTML5

Au sein de l'architecture d'une page web, les balises de titre jouent un rôle prépondérant dans
l'organisation et la structuration du contenu textuel. HTML5 offre à cet égard un ensemble de

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

six balises de titre hiérarchisées, allant de <h1> à <h6>, permettant de délimiter clairement
les différents niveaux de titres, du plus important au moins important.
Fonctionnement des balises de titre :
 Les balises de titre s'emploient par paires, comprenant une balise ouvrante (<hN>) et une
balise fermante (</hN>), où N représente le niveau de titre (de 1 à 6).
 Chaque titre doit être unique au sein d'une même page.
 Les moteurs de recherche accordent une importance particulière aux titres lors de
l'évaluation du contenu d'une page web, les considérant comme des indicateurs pertinents de
sa thématique.
 Une structure de titres bien agencée améliore l'accessibilité du contenu pour les utilisateurs
de lecteurs d'écran.
Illustration concrète :

Recommandations pour une utilisation optimale :


 Privilégier la balise <h1> pour le titre principal de la page, synthétisant le sujet global traité.
 Poursuivre ensuite dans la hiérarchie des titres (<h2>, <h3>, etc.) afin de structurer les
différentes sections de contenu.

3- quelques balises
1. Balises de structure :
 <html> : Définie le document HTML.
 <head> : Contient les métadonnées du document (titres, styles, scripts).
 <body> : Contient le contenu principal visible de la page.
 <h1> à <h6> : Titres hiérarchiques (du plus important au moins important).
 <p> : Paragraphe.
 <br> : Saut de ligne.
 <hr> : Séparateur horizontal.

2. Balises de texte :

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

 <b> : Gras.
 <i> : Italique.
 <u> : Souligné.
 <mark> : Texte mis en évidence.
 <del> : Texte barré.
 <ins> : Texte inséré.
 <pre> : Texte préformaté.
 <code> : Code informatique.
 <kbd> : Entrée au clavier.
 <samp> : Exemple de texte.
 <q> : Citation.
 <blockquote> : Citation longue.

3. Balises de liens :
 <a> : Lien hypertexte.
 <area> : Lien hypertexte dans une image.

4. Balises d'images :
 <img> : Image.
 <figure> : Figure avec une légende.

5. Balises de listes :
 <ul> : Liste non ordonnée.
 <ol> : Liste ordonnée.
 <li> : Élément de liste.

6. Balises de définition :
 <dl> : Liste de définition.
 <dt> : Terme de définition.
 <dd> : Définition du terme.

7. Balises multimédia :
 <audio> : Contenu audio.
 <video> : Contenu vidéo.

8. Balises de script :
 <script> : Intégration de code JavaScript.

9. Balises de style :

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

 <style> : Intégration de code CSS.

4- les Les tableaux HTML5 : Maîtrise structurée et fusion avancée des cellules pour une
présentation optimisée

Au sein du langage HTML5, les tableaux occupent une place prépondérante pour l'organisation et la
restitution de données tabulaires sur une page web.

Les tableaux HTML5 : Maîtrise structurée et fusion avancée des cellules pour une présentation
optimisée
Au sein du langage HTML5, les tableaux occupent une place prépondérante pour l'organisation et la
restitution de données tabulaires sur une page web. Leur structure rigoureuse et leur flexibilité
remarquable permettent de présenter des informations complexes de manière claire, concise et
accessible aux utilisateurs. Plongeons dans les méandres des tableaux HTML5, en mettant l'accent
sur la fusion avancée des cellules pour une mise en forme élaborée et professionnelle.
Structure élémentaire d'un tableau HTML5 :
Un tableau HTML5 de base repose sur deux éléments fondamentaux :
1. Balise <table> : Désigne le début du tableau et en définit la portée.
2. Éléments <tr> et <td> : Structurent respectivement les lignes et les cellules du tableau,
permettant ainsi de compartimenter les données.

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

Attributs clés pour une personnalisation avancée des tableaux :


 border : Définit la bordure du tableau et son style (continu, pointillé, etc.).
 cellspacing : Détermine l'espacement entre les cellules du tableau, offrant un contrôle
précis de la disposition.
 cellpadding : Contrôle l'espace entre le contenu des cellules et leurs bordures,
permettant un ajustement fin de la présentation.
 width : Spécifie la largeur totale du tableau, garantissant une mise en page harmonieuse.
 align : Permet d'aligner le contenu des cellules horizontalement (gauche, droite, centré)
pour une meilleure lisibilité.

Fusion de cellules : Un outil puissant pour une mise en forme élaborée


La fusion de cellules offre la possibilité de combiner plusieurs cellules en une seule entité,
permettant ainsi de créer des tableaux plus cohérents et visuellement attrayants. Deux attributs
permettent de réaliser cette fusion :
 colspan : Fusionne des cellules horizontalement (combinaison de colonnes) pour une
présentation plus synthétique.
 rowspan : Fusionne des cellules verticalement (combinaison de lignes) pour une
organisation hiérarchique claire.

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

5-Les formulaires HTML5 : Des éléments structurants pour une interaction utilisateur optimisée

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

Au cœur de l'architecture d'une page web, les formulaires HTML5 se distinguent comme des outils
incontournables pour la collecte d'informations et l'interaction dynamique avec les utilisateurs. Ces
formulaires permettent d'établir un dialogue bidirectionnel entre l'utilisateur et le site web,
enrichissant ainsi l'expérience utilisateur et favorisant l'atteinte d'objectifs stratégiques.

Structuration rigoureuse d'un formulaire HTML5 :


La construction d'un formulaire HTML5 repose sur deux éléments fondamentaux :
1. Balise <form> : Cet élément délimite le début du formulaire et définit ses caractéristiques
essentielles, telles que la méthode d'envoi (GET ou POST) et l'URL du script de traitement
des données saisies. Il constitue le squelette structurel du formulaire.
2. Éléments de formulaire : Ces éléments représentent les différents composants interactifs du
formulaire, permettant à l'utilisateur de fournir des informations et de déclencher des
actions. Ils constituent les briques fonctionnelles du formulaire.
Divers types d'éléments de formulaire pour des besoins variés :
Les formulaires HTML5 proposent une panoplie d'éléments de saisie adaptés à des besoins
spécifiques :
 input : Champ de saisie générique pour l'introduction de texte, de mots de passe, de dates,
etc. Il offre une grande flexibilité dans la collecte de données.
 textarea : Zone de texte multiligne pour des messages ou des descriptions plus détaillées.
Elle permet de recueillir des informations textuelles plus conséquentes.
 select : Menu déroulant pour sélectionner une option parmi un ensemble prédéfini. Il
facilite la sélection de choix parmi des options structurées.
 radio : Bouton radio pour effectuer un choix unique parmi plusieurs options. Il permet une
sélection exclusive parmi des choix multiples.
 checkbox : Case à cocher pour sélectionner plusieurs options parmi un ensemble. Il offre
la possibilité de choisir plusieurs options simultanément.
 button : Bouton permettant de soumettre le formulaire ou de déclencher une action
JavaScript. Il joue un rôle crucial dans l'interaction utilisateur.
Attributs essentiels pour une personnalisation avancée :
 type : Spécifie le type de champ de saisie (texte, mot de passe, email, etc.) en définissant
son comportement et son utilisation.
 id : Attribue un identifiant unique à chaque élément du formulaire pour une manipulation
aisée par le script JavaScript. Il facilite l'accès et le contrôle des éléments.
 name : Désigne le nom du champ de formulaire pour la récupération des données saisies par
l'utilisateur. Il permet l'identification et l'association des données.
 value : Définit la valeur par défaut d'un champ de saisie, offrant une suggestion initiale à
l'utilisateur.

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

 required : Indique qu'un champ de saisie est obligatoire et doit être rempli par
l'utilisateur. Il garantit l'intégrité des données collectées.
 placeholder : Propose un texte indicatif dans un champ de saisie pour guider
l'utilisateur. Il améliore l'ergonomie et la clarté du formulaire.

Chapitre 2 : LE CSS
Les CSS : Le sculpteur de l'apparence web
Les CSS coiffent le web de style ! Ce langage façonne l'apparence des sites web, dissociant contenu
(HTML) et présentation visuelle (CSS)

Liste des propriétés CSS les plus utilisées (au moins 100)

 font-family: Police de caractères


 font-size: Taille de la police
 font-weight: Épaisseur de la police (gras/fin)
 font-style: Style de la police (normale/italique)
 line-height: Hauteur de ligne
 letter-spacing: Espacement entre les lettres

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

 word-spacing: Espacement entre les mots


 text-align: Alignement du texte (gauche/centre/droite/justifié)
 text-decoration: Décoration du texte (souligné/barré/etc.)
 text-transform: Capitalisation du texte (majuscules/minuscules)
Couleurs:
 color: Couleur du texte
 background-color: Couleur de fond
 background-image: Image de fond
Marges et bourrage:
 margin: Marge autour d'un élément
 padding: Espace interne d'un élément
Bordures:
 border: Bordure d'un élément
 border-width: Largeur de la bordure
 border-style: Style de la bordure (solide/pointillé/etc.)
 border-color: Couleur de la bordure
Taille et positionnement:
 width: Largeur d'un élément
 height: Hauteur d'un élément
 position: Positionnement de l'élément (statique/relatif/absolu)
 top: Positionnement haut de l'élément
 right: Positionnement droit de l'élément
 bottom: Positionnement bas de l'élément
 left: Positionnement gauche de l'élément
Affichage et visibilité:
 display: Type d'affichage de l'élément (bloc/inline/etc.)
 visibility: Visibilité de l'élément (visible/caché)
Images:
 width: Largeur de l'image
 height: Hauteur de l'image
 margin: Marge autour de l'image

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

 padding: Espace interne autour de l'image


 border: Bordure de l'image
 float: Positionnement de l'image par rapport au texte (gauche/droite)
 clear: Effet de l'image sur le flux du texte (aucun/gauche/droite)
 opacity: Transparence de l'image
 object-fit: Mode d'ajustement de l'image dans son conteneur
 object-position: Positionnement de l'image dans son conteneur
Backgrounds:
 background-color: Couleur de fond
 background-image: Image de fond
 background-repeat: Mode de répétition de l'image de fond
(aucune/horizontale/verticale/les deux)
 background-position: Positionnement de l'image de fond
 background-size: Taille de l'image de fond
 background-attachment: Fixation du fond au défilement de la page (fixe/défile)

6- les sélecteur de balise en CSS

Sélecteurs CSS :

Les sélecteurs CSS constituent la pierre angulaire du stylisme web. Ils vous
permettent de cibler des éléments HTML spécifiques avec une grande précision
et de leur appliquer des styles personnalisés, transformant ainsi l'apparence et
le comportement de vos pages web. CSS propose un arsenal de sélecteurs
variés, chacun doté de fonctionnalités uniques pour un contrôle granulaire de
la mise en forme de vos éléments.
Types de sélecteurs CSS :
1. Sélecteurs d'élément: Ciblez des éléments HTML en fonction de leur balise
(par exemple, <h1> pour les titres principaux, <p> pour les paragraphes, <img>
pour les images).

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

2. Sélecteurs de classe: Appliquez des styles à des groupes d'éléments


partageant une même classe CSS. Syntaxe : .nomdelaclasse (exemples
courants : .btn pour les boutons, .highlight pour les éléments surlignés).
3. Sélecteurs d'ID: Ciblez de manière unique un élément HTML doté d'un
attribut id spécifique. Les ID doivent être uniques par page. Syntaxe :
#nomdel'id (par exemple, #hero pour la section principale, #navigation pour le

menu de navigation).
4. Sélecteurs de descendants: Ciblez des éléments imbriqués à l'intérieur
d'autres éléments. Syntaxe : élément-ancêtre > élément-descendant (par exemple,
ul > li pour les éléments <li> à l'intérieur d'une liste non ordonnée <ul>, div p

pour les paragraphes à l'intérieur d'un élément <div>).


5. Sélecteurs d'enfants directs: Ciblez uniquement les enfants immédiats d'un
élément parent. Syntaxe : élément-parent > élément-enfant (exemples : #header >
nav pour la navigation à l'intérieur de l'élément d'en-tête, .conteneur > .élément

pour les éléments de classe .élément à l'intérieur d'un conteneur).


6. Sélecteurs d'éléments frères et sœurs: Ciblez des éléments adjacents
dans l'arborescence HTML. Syntaxe : élément-frère1 ~ élément-frère2 (par
exemple, h1 ~ p pour le paragraphe suivant un titre <h1>, .article ~ .encart pour
l'encart à côté d'un article).
7. Sélecteurs d'attribut: Ciblez des éléments en fonction de la présence ou de
la valeur d'attributs spécifiques. Syntaxe : [attribut] (exemples : [data-
role="modal"] pour les éléments avec un attribut data-role de valeur "modal",

a[href^="https://"] pour les liens hypertexte dont l'URL commence par "https://").

8. Pseudo-classes CSS : Appliquez des styles dynamiques en fonction de l'état


d'un élément. Exemples courants :
 :hover : lorsque la souris survole l'élément
 :focus : lorsqu'un élément reçoit le focus (par exemple, pour les champs de
formulaire)
 :active : lorsqu'un élément est maintenu enfoncé après un clic
9. Pseudo-éléments CSS : Ciblez des parties spécifiques d'un élément ou créez
des effets visuels. Exemples :

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

 ::before : insère du contenu avant l'élément


 ::after : insère du contenu après l'élément
Combiner et hiérarchiser les sélecteurs :
Le CSS permet de combiner plusieurs sélecteurs à l'aide de virgules pour cibler
des éléments répondant à des critères multiples. En outre, la spécificité
détermine la priorité appliquée aux styles. Généralement, les ID ont la plus
haute spécificité, suivis des classes, des éléments, des pseudo-classes et des
pseudo-éléments.
Exemple de mise en pratique :
CSS

chapitre 3 Introduction au JavaScript

Qu'est-ce que JavaScript ?


JavaScript est un langage de programmation utilisé pour rendre les pages web interactives. Il est
essentiel pour le développement web, permettant de créer des éléments dynamiques tels que des
formulaires interactifs, des animations, et bien plus encore.

Inclure JavaScript dans une Page Web


Vous pouvez inclure JavaScript dans une page web de deux manières principales :

1. Interne : en incluant le code directement dans un script <script> dans la page HTML.

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

2. Externe : en liant un fichier .js externe.

Exemple d'inclusion interne :

Exemple d'inclusion externe :


1. Créez un fichier script.js avec le contenu suivant :

Liez le fichier dans votre page HTML

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

Concepts de Base de JavaScript


Variables
Les variables stockent des valeurs qui peuvent être utilisées et manipulées dans votre programme.

Types de Données
• String : Chaînes de caractères, ex : "Bonjour"
• Number : Nombres, ex : 42
• Boolean : Booléens, ex : true ou false
• Array : Tableaux, ex : [1, 2, 3]
• Object : Objets, ex : {nom: "Jean", age: 25}

Fonctions
Les fonctions permettent de regrouper des instructions réutilisables.

Événements
Les événements permettent d'interagir avec les utilisateurs. Exemple : cliquer sur un bouton.

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

Manipulation du DOM
Le DOM (Document Object Model) représente la structure HTML de la page. JavaScript peut être
utilisé pour manipuler cette structure.

Les structures de contrôle


Les structures de contrôle en JavaScript permettent de contrôler le flux
d'exécution du code. Elles incluent les conditions, les boucles et les instructions
de saut. Voici un aperçu des principales structures de contrôle en JavaScript.

Conditions
if et else
Les instructions if et else permettent d'exécuter du code conditionnellement.

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

switch
L'instruction switch permet d'exécuter du code en fonction de la valeur d'une expression.

Boucles
for
La boucle for permet de répéter un bloc de code un nombre spécifique de fois.

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

while
La boucle while continue d'exécuter son bloc de code tant qu'une condition spécifiée est vraie.

do...while
La boucle do...while est similaire à la boucle while , mais elle exécute son bloc de code au
moins une fois avant de vérifier la condition.

TP JAVASCRIPT CONNECTER NOTRE FORMULAIRE PRECEDENTE


AU DOM JS

CODE HTML

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

CODE HTML

CODE JAVASCRIPT

CODE JS

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

RESULTAT VISUEL ATTENDU

resultat html

résultat java script

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

chapitre :Introduction à PHP

Qu'est-ce que PHP ?


PHP (Hypertext Preprocessor) est un langage de script côté serveur utilisé principalement pour le
développement web. Il est intégré directement dans le code HTML pour créer des pages web
dynamiques et interactives.

Installation de PHP
Pour exécuter PHP localement, vous pouvez utiliser un serveur web comme Apache ou Nginx. La
solution la plus simple est d'installer un package comme XAMPP, WAMP ou MAMP, qui inclut
Apache, MySQL, et PHP.

Syntaxe de Base de PHP


Fichier PHP :

Inclusion dans HTML :

Variables et Types de Données


Variables
Les variables en PHP commencent par le symbole $ .

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

Types de Données

• String : Chaînes de caractères, ex : "Bonjour"


• Integer : Entiers, ex : 42
• Float : Nombres à virgule flottante, ex : 3.14
• Boolean : Booléens, ex : true ou false
• Array : Tableaux, ex : array(1, 2, 3)
• Object : Objets (avec classes), ex : (object) array('key' => 'value')

Structures de Contrôle

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372
Institut Universitaire et Stratégique de l’ Estuaire(IUEs/Isam) spécialité : E-COM 2

Fonctions
Déclaration et Utilisation

Manipulation des Formulaires


Formulaire HTML
Ici image

Traitement du Formulaire avec PHP

Ici image

Connexion à une Base de Données MySQL


Configuration
Ici image

Requête SQL
Ici image
Sécurité : Prévention des Injections SQL
Utilisez des déclarations préparées pour éviter les injections SQL.

Ici image

NYA’ABE STEPHANE
DÉVELOPPEUR FULL STACK ET MOBILE, +237 691674372

Vous aimerez peut-être aussi