An iframe (short for inline frame) is an HTML element that allows an external webpage to be embedded in an HTML document. Unlike traditional frames, which were used to create the structure of a webpage, iframes can be inserted anywhere within a webpage layout.
An iframe can be inserted into an HTML document using the iframe tag, as shown in the example below:
Dans OpenStreetMap (OSM), rentrer l'adresse du lieu recherché, puis cliquer sur l'adresse qui apparait.
2_ Marqueur
Un marqueur apparaitra pour situer l'emplacement.
3_ Lien iframe
Pour obtenir un lien Iframe en HTML, cliquer sur le bouton "Share" en vert sur l'image, puis aller dans l'onglet "HTML" et copier le lien fourni.
4_ Lien
Pour obtenir un lien direct, cliquer sur l'onglet "Link" et copier le lien fourni. Pour un lien compressé, aller dans l'onglet "Short Link".
5_ Défnir objectif
Rouge : on veut que le titre de l'image renvoit sur la page web.
Bleu : on veut que l'adresse soit visible via une carte interactive et non une image.
Vert : on veut que le texte ouvre OSM sur l'adresse prédéfinie.
6_ Titre avec lien hypertexte
Les parties concernées sont surlignées en couleur.
Rouge : définissent que ce qu'il y a entre est un titre.
Vert : indiquent que ce qui se trouve entre est du HTML.
Bleu/Rouge/Jaune : définissent chacun une commande différente.
Vert : marquent le début de la commande.
Rouge : marquent la fin de la commande.
Rouge : indique le texte à faire apparaitre.
Rouge : indique le lien vers lequel renvoyer lorsque que l'on clique sur le texte.
Rouge : indique que l'on veut créer un élément.
Vert : définit l'élément comme un bouton.
Jaune : définit l'apparence du bouton.
Bleu : définit la taille du bouton.
Rouge : définit l'action à effectuer en cliquant sur le lien comme ouvrir un onglet vierge.
7_ Iframe
Les parties concernées sont surlignées en couleur.
Rouge : définie l'élément à créer comme une iframe.
Rouge/Bleu : définissent l'espace accordé à l'iframe sur la page web.
Jaune/Vert/Violet/Orange : définissent chacune un aspect esthétique de l'iframe.
Rouge : indique que l'élément est le lien source.
Vert : lien source.
8_ Bouton avec lien hypertexte
Les parties concernées sont surlignées en couleur.
Rouge : commande renvoie à la ligne
Jaune : définissent la taille de l'élément
Vert : définissent le début et la fin de l'hyperlien
9_ Résumé HTML
" " : définissent un espace en HTML
<a> </a> : définissent le début et la fin d'un hyperlien
<br/> : renvoie à la ligne
href= : définie quel est l'hyperlien
class= : défnie le type d'un élément
