HTML PART 1 PROG-WEB, Papers of Web Programming and Technologies

programmation web html5 worldwide

Typology: Papers

2024/2025

Uploaded on 02/12/2025

mohammed-lakhal-2
mohammed-lakhal-2 🇲🇦

2 documents

1 / 1

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
<HTML 5> http://41mag.fr/
BALISE ATTRIBUT / DESCRIPTION
<!-- Commentaire --> Commentaire
<!DOCTYPE html> Déclaration du Doctype
BALISE DE PREMIER NIVEAU – Code minimal d'une page web
<html> Indquez au naigateur que le document est en HTML
<head> En-tête de la page <body> Corps de la page
BALISE D'EN-TÊTE – Entre les balises <head>
<title> Titre de la page, tres important pour le référencement
<script> Inserer script <style> Inserer CSS
<noscript> Message à afficher si le script n'est pas toleré
<base /> URL par défaut <base href="http://41mag.fr/" target="_blank" />
<link />
CSS <link rel=”stylesheet” type=”text/css” href=”#/>
PAGE <link rel=”start” href=”index.html />
RSS <link rel=”alternate” type=”application/rss+xml
href=”# />
FAVICON <link rel=”shortcut icon” type=”image/x-icon
href=”# />
<meta />
TITLE Titre de la page
DESCRIPTION Description de la page
KEYWORDS Mots-clés de la page
ROBOTS Restrictions pour les robots
SYNDICATION-SOURCE Indique l'URL d'origine
ORIGINAL-SOURCE Indique que c'est l'orignial
NOTRANSLATE Ne sera pas traduit
HTTP-EQUIV CHARSET Jeux de caractères
HTTP-EQUIV REFRESH Raffraichir la page
HTTP-EQUIV PRAGMA Définit le cache du navig.
BALISE D'ARCHITECTURE
<header> Définit l'en-tête d'une section ou d'une page
<footer> Définit le bas d'une section ou d'une page
<hgroup> Définit les informations d'en-tete d'une section ou d'une page
<details> Définit les détails d'un élément
<summary> Définit l'en-tête des details d'un élément
<menu> Définit un menu en forme de liste
<section> Définit une section
<article> Définit un article
<aside> Définit un élément latéral
<nav> Définit un groupe de liens de navigations
<iframe> Introduis une page html dans une frame
<div> Calque ou section
<span> Section de type inline
BALISE DE STRUCTURATION DE DE TEXTE
<h1> à <h6> Créer un titre
<p> Paragraphe <a> Lien
<strong> Mise en exergue <b> Texte en gras
<em> Italique en exergue <i> italique
<mark> Marqueur de texte <small> Rétrécis le texte
<sub> Mise en indice <sup> Mise en Exposant
<adress> Définit une adresse <cite> Citation
<abbr> Abréviation <dfn> Définition
<del> Texte supprimé <ins> Texte ajouté
<time> Date / Horaire <meter> Mesure
<code> Portion de code <pre> Texte préformaté
<br /> Saut de ligne <wbr> Empl pr saut 2 ligne
<blockquote> Longue citation <q> Courte citation
<samp> Echantillon <var> Variable
<kbd> Raccourci clavier <bdo> Sens du texte
BALISE ATTRIBUT / DESCRIPTION
BALISE DE LISTE
<ul> Liste non-ordonné <ol> Liste ordonné
<li> Elément de liste <dl> Liste de définition
<dt> Terme à definir <dd> Définition du terme
BALISE DE TABLEAU
<table> Tableau <caption> Titre du tableau
<thead> En-tête du tableau <tbody> Corps du tableau
<tr> Ligne du tableau <th> Cellule d'en-tête
<td> Cellule du tableau <tfoot> Bas du tableau
<col> Colonne du tableau <colgroup> Groupe de colonne
BALISE DE FORMULAIRE
<form> Formulaire <fieldset> Regroupe plusieurs
elémnts du formulaire
<legend> Titre d'un groupe <label> Titre d'un élément
<datalist> Liste déroulante <select> Liste selectionnable
<option> Elémént d'une liste <optgroup> Grp d'élmnts d'une list
<textarea> Zone de texte <keygen> Génération d'une clé
<button> Bouton cliquable <command> Bouton de commande
<output> Définit un type de sortie
<input />
button file radio text
checkbox hidden range time
color image reset url
date month search
datetime number submit
email password tel
BALISE MULTIMEDIA
<area> Zone cliquable à l'interieur d'une image
<audio> Contenu audio <canvas> Graphique
<img /> Image ou photo <progress> Progression
<figure> Groupe d'element
multimédia <ficaption> Légende du groupe
d'élément
<video> Vidéo <source> Source du media
<map> Carte / image <param> Parametre d'objet
<embed /> Contenu exterieur <object> Objet du cont. ext
AUTRE
<rp> Annotation pr le nav <rt> Explication ruby
<ruby> Annotation ruby <hr /> Barre horizontale
ATTRIBUT STANDAR
Acceskey Raccourci clavier itemprop Utilisé pr un gp d'élémnt
class Attribut une classe context-menu Menu contextuel d'elemnt
lang Langage d'un élément spellcheck Correction automatique
data- Définit un attribut style Applique un style
dir Direction du texte subject Défini t l'elmnt correspondt
draggable Element deplacable tabindex Définit l'ordre d'un tabl0
hidden Element caché title Titre de l'élément
id Nomme un élément conteneditable Element editable
item Utilisé pour un groupe d'élément
EVENEMENT
Pour la balise <body> Pour formulaire Pour la souris Pour les medias
Onafterprint,
onbeforeprint, onafterload,
onblur, onerror, onfocus,
onhaschange, onload,
onmessage, onoffline,
ononline, onpagehide,
onpageshow, onpopstate,
onredo, onresize,
onstorage, onundo,
onunload
Onblur,
onchange,
oncontextmenu,
onfocus,
onformchange,
onforminput,
oninput,
oninvalide,
onsubmit,
onselect
Onclick, ondblclick,
ondrag, ondragend,
ondragenter, ondragleave,
ondragover, ondragstart,
ondrop, onmousedown,
onmouseup,
onmousemove,
onmouseout,
onmousewhell, onscroll
Onabort, oncanplay,
oncanplaytrought,
ondurationchange,
onemptied, onended,
onerror, onloaddata,
onloadstart, onpause,
onplay, onplaying,
onprogress, onseeked,
onsuspend, onwaiting,
onvolumechange

Partial preview of the text

Download HTML PART 1 PROG-WEB and more Papers Web Programming and Technologies in PDF only on Docsity!

http://41mag.fr/

BALISE ATTRIBUT / DESCRIPTION

(^) Commentaire (^) Déclaration du Doctype

BALISE DE PREMIER NIVEAU – Code minimal d'une page web

(^) Indquez au naigateur que le document est en HTML (^) En-tête de la page (^) Corps de la page

BALISE D'EN-TÊTE – Entre les balises

(^) Titre de la page, tres important pour le référencement <script> (^) Inserer script <style> (^) Inserer CSS <noscript> Message à afficher si le script n'est pas toleré <base /> (^) URL par défaut <base href="http://41mag.fr/" target="_blank" /> <link /> CSS <link rel=”stylesheet” type=”text/css” href=”#” /> PAGE <link rel=”start” href=”index.html” /> RSS <link href=”^ rel=”#” /> alternate” type=”application/rss+xml” FAVICON <link href=”^ rel=”#” /> shortcut icon” type=”image/x-icon” <meta /> TITLE Titre de la page DESCRIPTION Description de la page KEYWORDS Mots-clés de la page ROBOTS Restrictions pour les robots SYNDICATION-SOURCE Indique l'URL d'origine ORIGINAL-SOURCE Indique que c'est l'orignial NOTRANSLATE Ne sera pas traduit HTTP-EQUIV CHARSET Jeux de caractères HTTP-EQUIV REFRESH Raffraichir la page HTTP-EQUIV PRAGMA Définit le cache du navig.

BALISE D'ARCHITECTURE

<header> (^) Définit l'en-tête d'une section ou d'une page <footer> Définit le bas d'une section ou d'une page <hgroup> (^) Définit les informations d'en-tete d'une section ou d'une page <details> (^) Définit les détails d'un élément <summary> Définit l'en-tête des details d'un élément <menu> (^) Définit un menu en forme de liste <section> Définit une section <article> (^) Définit un article <aside> (^) Définit un élément latéral <nav> Définit un groupe de liens de navigations <iframe> (^) Introduis une page html dans une frame <div> Calque ou section <span> (^) Section de type inline

BALISE DE STRUCTURATION DE DE TEXTE

<h1> à <h6> Créer un titre <p> (^) Paragraphe <a> (^) Lien <strong> (^) Mise en exergue <b> (^) Texte en gras <em> (^) Italique en exergue <i> (^) italique <mark> (^) Marqueur de texte <small> (^) Rétrécis le texte <sub> Mise en indice <sup> Mise en Exposant <adress> (^) Définit une adresse <cite> (^) Citation <abbr> (^) Abréviation <dfn> (^) Définition <del> (^) Texte supprimé <ins> (^) Texte ajouté <time> (^) Date / Horaire <meter> (^) Mesure <code> Portion de code <pre> Texte préformaté <br /> (^) Saut de ligne <wbr> (^) Empl pr saut 2 ligne <blockquote> (^) Longue citation <q> (^) Courte citation <samp> (^) Echantillon <var> (^) Variable <kbd> (^) Raccourci clavier <bdo> (^) Sens du texte

BALISE ATTRIBUT / DESCRIPTION

BALISE DE LISTE

<ul> Liste non-ordonné <ol> Liste ordonné <li> (^) Elément de liste <dl> (^) Liste de définition <dt> (^) Terme à definir <dd> (^) Définition du terme

BALISE DE TABLEAU

<table> (^) Tableau <caption> (^) Titre du tableau <thead> (^) En-tête du tableau <tbody> (^) Corps du tableau <tr> (^) Ligne du tableau <th> (^) Cellule d'en-tête <td> (^) Cellule du tableau <tfoot> (^) Bas du tableau <col> Colonne du tableau <colgroup> Groupe de colonne

BALISE DE FORMULAIRE

<form> (^) Formulaire <fieldset> (^) Regroupe plusieurs elémnts du formulaire <legend> Titre d'un groupe <label> Titre d'un élément <datalist> (^) Liste déroulante <select> (^) Liste selectionnable <option> (^) Elémént d'une liste <optgroup> (^) Grp d'élmnts d'une list <textarea> (^) Zone de texte <keygen> (^) Génération d'une clé <button> (^) Bouton cliquable <command> (^) Bouton de commande <output> Définit un type de sortie <input /> button file radio text checkbox hidden range time color image reset url date month search datetime number submit email password tel

BALISE MULTIMEDIA

<area> Zone cliquable à l'interieur d'une image <audio> (^) Contenu audio <canvas> (^) Graphique <img /> (^) Image ou photo <progress> (^) Progression <figure> Groupe d'element multimédia <ficaption> Légende du groupe d'élément <video> (^) Vidéo <source> (^) Source du media <map> Carte / image <param> Parametre d'objet <embed /> (^) Contenu exterieur <object> (^) Objet du cont. ext

AUTRE

<rp> Annotation pr le nav <rt> Explication ruby <ruby> (^) Annotation ruby <hr /> (^) Barre horizontale

ATTRIBUT STANDAR

Acceskey Raccourci clavier itemprop Utilisé pr un gp d'élémnt class Attribut une classe context-menu Menu contextuel d'elemnt lang Langage d'un élément spellcheck Correction automatique data- Définit un attribut style Applique un style dir Direction du texte subject Définit l'elmnt correspondt draggable Element deplacable tabindex Définit l'ordre d'un tabl hidden Element caché title Titre de l'élément id Nomme un élément conteneditable Element editable item Utilisé pour un groupe d'élément

EVENEMENT

Pour la balise <body> Pour formulaire Pour la souris Pour les medias Onafterprint, onbeforeprint, onafterload, onblur, onerror, onfocus, onhaschange, onload, onmessage, onoffline, ononline, onpagehide, onpageshow, onpopstate, onredo, onresize, onstorage, onundo, onunload Onblur, onchange, oncontextmenu, onfocus, onformchange, onforminput, oninput, oninvalide, onsubmit, onselect Onclick, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onmousedown, onmouseup, onmousemove, onmouseout, onmousewhell, onscroll Onabort, oncanplay, oncanplaytrought, ondurationchange, onemptied, onended, onerror, onloaddata, onloadstart, onpause, onplay, onplaying, onprogress, onseeked, onsuspend, onwaiting, onvolumechange