Table of contents
TOC
Réduire la table des matières
Développer la table des matières
Dernière mise à jour: 08/08/2018

Code HTML d’entrée et de sortie pour les pages OneNote

S’applique à : blocs-notes consommateur sur OneDrive | Blocs-notes d’entreprise sur Office 365

Le code HTML qui définit le contenu et la structure de la page lorsque vous créez ou mettez à jour une page OneNote est appelé code HTML d’entrée.

Le code HTML qui est renvoyé lorsque vous obtenez le contenu de la page est appelé code HTML de sortie. Le code HTML de sortie ne sera pas le même que le code HTML d’entrée.

OneNote API préserve le contenu sémantique et la structure de base du code HTML d'entrée, mais le convertit en un ensemble d'éléments HTML et de propriétés CSS pris en charge. L'API ajoute également des attributs personnalisés qui prennent en charge les fonctionnalités OneNote.

Cet article décrit les principaux éléments et attributs des codes HTML d’entrée et de sortie. Il peut être utile de comprendre le code HTML d’entrée lorsque vous créez ou mettez à jour le contenu de la page, et le code HTML de sortie lorsque vous analysez le contenu de la page renvoyé.

Corps

Le contenu HTML dans le corps de la page représente le contenu et la structure de la page, y compris les ressources d’image et de fichier. L’élément corps peut contenir les attributs suivants dans le code HTML d’entrée et de sortie.

Attributs d’entrée de l'élément corps

Attribut d’entréeDescription
data-absolute-enabledIndique si le corps d’entrée prend en charge les éléments ayant une position absolue.
style

Propriétés du style CSS du corps. Dans le code HTML de sortie, les paramètres d’entrée peuvent être renvoyés inline sur les éléments enfants appropriés.

La couleur d’arrière-plan n’est actuellement pas prise en charge pour l’élément body.

Attributs de sortie de l'élément corps

Attribut de sortieDescription
data-absolute-enabledIndique si le corps prend en charge les éléments ayant une position absolue. Toujours true dans le code HTML de sortie.
stylePropriétés font-family et font-size du corps.

Éléments div

Les éléments div contiennent du texte, des images et autres types de contenu, notamment les attributs suivants dans le code HTML d’entrée et de sortie.

Attributs d’entrée des élémentsdiv

Attribut d’entréeDescription
data-idRéférence de l’élément. Utilisé pour mettre à jour le contenu de la page.
data-render-fallbackAction de secours en cas d’échec de l’extraction : render (par défaut) ou none.
data-render-methodLa méthode d’extraction à effectuer, par exemple : extract.businesscard ou extract.recipe.
data-render-srcSource de contenu pour l’extraction.
style

Propriétés d’emplacement, de taille, de police et de couleur pour la balise div :

- position (absolute uniquement), left, top et width. (La hauteur est configurée automatiquement pour les balises div.)
Permet de créer une balise div avec position absolue, uniquement si la balise div est un enfant direct du corps lorsque la valeur du corps est définie sur data-absolute-enabled="true".
Exemple : <div style="position:absolute;width:360px;top:350px;left:300px" ... />

- Propriétés CSS de style de l’élément. Dans le code HTML de sortie, ces valeurs sont renvoyées de manière incorporée sur les éléments enfant appropriés.

OneNote API enveloppe tout le contenu du corps en au moins un div. L’API crée une balise div par défaut (avec pour attribut data-id="_default") pour englober le contenu de corps si :

  • L’attribut de l’élément du corps d’entrée data-absolute-enabled est omis ou sa valeur est false. Dans ce cas, tout le contenu du corps est placé dans la balise div par défaut.

  • L'attribut de l’élément du corps de l’entrée data-absolute-enabled est vrai, mais le code HTML d’entrée contient des enfants directs qui ne sont pas des éléments ayant une position absolue div, img ou object. Dans ce cas, les enfants directs qui ne sont pas des éléments ayant une position absolue div, img, ou object sont placés dans la balise div par défaut.

Attributs de sortie des éléments éléments div

Attribut de sortieDescription
data-idRéférence de l’élément. Utilisé pour mettre à jour le contenu de la page.
idID unique, généré pour l’élément. Renvoyé par des requêtes GET à l’élément content du point de terminaison d’une page lorsque l’option de requête includeIDs=true est utilisée. Utilisé pour mettre à jour le contenu de la page.
stylePropriétés de position et de taille de l’élément div.

Éléments div non contributifs

Lorsqu’un élément div dans le code HTML de sortie ne contribue pas à la structure de la page ou ne contient aucune information utilisée par OneNote, l’API déplace son contenu dans l’élément div parent ou par défaut. Consultez les exemples suivants pour en voir une illustration.

Code HTML d’entrée contenant un élément div imbriqué non contributif.

<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <div>
            <p>Some text</p>
            <div>
                <p>More text inside a div that doesn't define page structure</p>
            </div>
        </div>
    </body>
</html>

HTML de sortie. Remarque : le contenu de l'élément div a été déplacé vers le div parent et les balises <div> imbriquées ont été supprimées. Cependant, le div aurait été conservé s'il avait défini une information sémantique, comme un élément data-id (exemple : <div data-id="keep-me">).

<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
    <head>
        <title>Page Title</title>
    </head>
    <body data-absolute-enabled="true" style="font-family:Calibri;font-size:11px">
        <div data-id="_default" style="position:absolute;left:48px;top:120px;width:624px">
            <p>Some text</p>
            <p>More text inside a nested div</p>
        </div>
    </body>
</html>

Des images

Les images sur les pages OneNote sont représentées par des éléments éléments img. Un élément img peut contenir les attributs suivants dans le code HTML d’entrée et de sortie.

Attributs d’entrée pour les éléments img

Attribut d’entréeDescription
altTexte alt fourni pour l’image.
data-idRéférence de l’élément. Utilisé pour mettre à jour le contenu de la page.
data-render-src

L’élément data-render-src ou src est obligatoire.

Page web à afficher sous forme d’une image bitmap sur la page OneNote :
- data-render-src="http://..." pour une URL publique.
- data-render-src="name:BlockName" pour une partie d’image dans le bloc « Presentation » d’une requête en plusieurs parties.

Cette méthode est utile lorsque le rendu de la page web est plus complexe à générer que le rendu réalisable sur la page OneNote ou lorsque la page requiert des informations d’identification.

data-tagBalise de note sur l’élément.
style

Propriétés d’emplacement et de taille de l’image : position (absolute uniquement), left, top, width et height.

La taille peut être définie sur n’importe quelle image. Les propriétés d’emplacement permettent de créer une image ayant une position absolue, uniquement si l’image est un enfant direct du corps lorsque la valeur du corps est définie sur data-absolute-enabled="true".
Exemple : <img style="position:absolute;width:360px;top:350px;left:300px" ... />

Dans le code HTML de sortie, la taille de l’image est renvoyée séparément dans les attributs width et height.

src

L’élément src ou data-render-src est obligatoire.

Image à afficher sur la page OneNote :
- src="http://..." pour l’URL d’une image disponible publiquement sur Internet.
- src="name:BlockName" pour une partie nommée dans une requête en plusieurs parties qui représente l’image.

largeur, hauteurLargeur ou hauteur de l’image en pixels, mais sans la mention « px ». Exemple : width="400"

OneNote API détecte automatiquement le type d’image d’entrée et le renvoie en tant qu’élément data-fullres-src-type dans le code HTML de sortie. L’API renvoie également le type d’image de l'image optimisée dans data-src-type.

Attributs de sortie des éléments éléments img

Attribut de sortieDescription
altTexte alt fourni pour l’image.
data-idRéférence de l’élément. Utilisé pour mettre à jour le contenu de la page.
data-indexPosition de l’image. Pour la prise en charge des images fractionnées.
data-fullres-srcPoint de terminaison pour la version de la ressource image initialement incorporée dans la page.
data-fullres-src-typeType de support de la ressource data-fullres-src (par exemple, image/png ou image/jpeg).
data-optionsType de source : printout pour les fichiers PDF ou splitimage pour tous les autres fichiers. S'applique uniquement aux ]split images créées avec l'attribut data-render-src.
data-render-original-srcURL source d’origine de l’image, si l’image provient d’Internet et a été créé avec l’attribut data-render-src.
data-src-typeType de support de la ressource src (par exemple, image/png ou image/jpeg).
data-tagBalise de note sur l’élément.
idID unique, généré pour l’élément. Renvoyé par des requêtes GET à l’élément content du point de terminaison d’une page lorsque l’option de requête includeIDs=true est utilisée. Utilisé pour mettre à jour le contenu de la page.
srcPoint de terminaison de la version de la ressource image qui a été optimisée pour les navigateurs web et les formats tablette et mobile.
stylePropriétés de position de l’image.
largeur, hauteurLargeur ou hauteur de l’image, en pixels.

Exemples de code HTML de sortie pour les images

Les éléments img de sortie contiennent des points de terminaison pour les ressources de fichier d’image et le type d’image, comme illustré ci-dessous. Vous pouvez exécuter plusieurs requêtes GET vers les points de terminaison de ressources d’image pour récupérer leur contenu binaire.

<img 
    src="https://www.onenote.com/api/v1.0/me/notes/resources/{image-id}/$value"  
    data-src-type="image/png"
    data-fullres-src="https://www.onenote.com/api/beta/resources/{image-id}/$value"  
    data-fullres-src-type="image/png" ... />

Par défaut, les images ne s’afficheront pas directement dans un navigateur, car, à l’instar du reste du contenu de la page, elles sont privées et une autorisation est requise pour pouvoir les récupérer. Pour obtenir les URL publiques vers les ressources d’image sur une page, incluez l’élément preAuthenticated=true dans la chaîne de requête lorsque vous extrayez le contenu de la page (exemple : GET ../pages/{page-id}/content?preAuthenticated=true). Les URL publiques renvoyées sont valides pendant une heure.

Une image avec une URL publique lorsque preAuthenticated=true est incluse dans la demande

<img 
    width="170" height="128" 
    src="https://www.onenote.com/api/v1.0/me/notes/resources/{image-id}/content?publicAuth=true&mimeType=image/jpeg" 
    data-src-type="image/{type}" 
    data-fullres-src="https://www.onenote.com/api/v1.0/me/notes/resources/{image-id}/content?publicAuth=true&mimeType=image/jpeg" 
    data-fullres-src-type="image/{type}" />

Les exemples suivants montrent les informations qu’un élément img peut contenir dans le code HTML de sortie.

Image avec ressources web et haute résolution

<img
    src="{web-ready-image-resource-url}/$value"
    data-src-type="image/{type}"
    data-fullres-src="{high-resolution-image-resource-url}/$value"
    data-fullres-src-type="image/{type}"
    [data-render-original-src="{original-source-url-or-named-part}"]
    [data-id="{image-id}"]
    [alt="supplied alt text"]
    [width="345"] [height="180"]
    [style="..."] />

Image créée à l’aide de l’attribut *data-render-src*

<img
    src="{web-ready-image-resource-url}/$value"
    data-src-type="image/{type}"
    data-fullres-src="{high-resolution-image-resource-url}/$value"
    data-fullres-src-type="image/{type}"
    data-render-original-src="{original-source-url-or-named-part}"
    [data-id="{image-id}"]
    [data-index="{index-of-split-image}"]
    [data-options="{printout-or-splitimage}"]
    [alt="supplied alt text"]
    [width="1024"] [height="1900"]
    [style="..."] />

Images fractionnées

Les images qui sont créées à l’aide de l’attribut data-render-src (à partir d’une URL de page web ou d’une partie nommée) peuvent être fractionnées en plusieurs images de composant pour des raisons de performances et de rendu. La même valeur data-id est affectée à toutes les images de composant. Chaque image de composant possède un attribut data-index de base à zéro qui définit la disposition verticale d’origine.

Image fractionnée avec trois images de composant

<div data-id="multi-component-image" style="position:absolute;left:48px;top:120px;width:624px">
    <img
        src="{image-resource0-url}/$value"
        data-src-type="image/{type}"
        data-fullres-src="{image-resource0-url}/$value" 
        data-fullres-src-type="image/{type}" 
        data-index="0" 
        data-render-original-src="{original-source-url-or-named-part}"
        data-id="{same-image-id}" ... />
    <img 
        src="{image-resource1-url}/$value" 
        data-src-type="image/{type}" 
        data-fullres-src="{image-resource1-url}/$value" 
        data-fullres-src-type="image/{type}" 
        data-index="1" 
        data-render-original-src="{original-source-url-or-named-part}"
        data-id="{same-image-id}" ... />
    <img 
        src="{image-resource2-url}/$value" 
        data-src-type="image/{type}" 
        data-fullres-src="{image-resource2-url}/$value" 
        data-fullres-src-type="image/{type}" 
        data-index="2" 
        data-render-original-src=""{original-source-url-or-named-part}"
        data-id="{same-image-id}" ... />
</div>

Étant donné que les utilisateurs peuvent déplacer les images sur la page, les index renvoyés peuvent être dans le désordre. Le classement doit se faire de haut en bas sur l’axe des ordonnées, puis de gauche à droite sur l’axe des abscisses en cas de conflit sur l’ordonnée.

Vidéos

Des pages OneNote peuvent contenir des vidéos incorporées représentées par des éléments iframe.

Vous pouvez également joindre un fichier vidéo en utilisant un élément objet.

Attributs d'entrée pour les éléments iframe

Attribut d’entréeDescription
data-original-srcObligatoire. URL de la source vidéo. Consultez la liste de sources vidéo prises en charge. Exemple : data-original-src="https://www.youtube.com/watch?v=3Ztr44aKmQ8"
largeur, hauteurLargeur ou hauteur de l’élément iframe en pixels. Exemple : width=300

Attributs de sortie pour les éléments iframe

Attribut de sortieDescription
data-original-srcURL de la source vidéo.
srcLien vers la vidéo incorporée dans la page OneNote.
largeur, hauteurLargeur ou hauteur de l’élément iframe en pixels. Exemple : width=300

Exemple de code HTML de sortie pour les vidéos

Les éléments iframe de sortie contiennent des points de terminaison établissant un lien vers la page d'approvisionnement comme ici.

<iframe 
    width="340" height="280" 
    data-original-src="https://www.youtube.com/watch?v=3Ztr44aKmQ8" 
    src="https://www.youtube.com/embed/3Ztr44aKmQ8?feature=oembed&autoplay=true" />

Objets

Des pages OneNote peuvent contenir des fichiers joints représentés par des éléments object. Un élément object peut contenir les attributs suivants dans le code HTML d’entrée et de sortie.

OneNote API peut également afficher le contenu d’un fichier sous forme d’images sur une page lorsque le fichier est envoyé sous forme d’image et qu’il utilise l’attribut l'atribut data-render-src. Exemple : <img data-render-src="name:part-name" ... />

Attributs d’entrée pour les éléments object

Attribut d’entréeDescription
donnéesObligatoire. Nom de la partie qui représente le fichier dans une requête à plusieurs parties.
data-attachmentObligatoire. Nom du fichier.
data-idRéférence de l’élément. Utilisé pour mettre à jour le contenu de la page.
style

Propriétés d’emplacement et de taille de l’objet : position (absolute uniquement), left, top et width.

Permet de créer un objet avec position absolue, uniquement si l’objet est un enfant direct du corps lorsque la valeur du corps est définie sur data-absolute-enabled="true".
Exemple : <object style="position:absolute;top:350px;left:300px" ... />

typeObligatoire. Type de fichier de support standard. Les types de fichier connus affichent l’icône associée au type de fichier sur la page OneNote. Les types de fichiers inconnus affichent une icône de fichier générique.

Attributs de sortie des éléments object

Attribut de sortieDescription
donnéesPoint de terminaison pour la ressource de fichier.
data-attachmentNom du fichier.
data-idRéférence de l’élément. Utilisé pour mettre à jour le contenu de la page.
idID unique, généré pour l’élément. Renvoyé par des requêtes GET à l’élément content du point de terminaison d’une page lorsque l’option de requête includeIDs=true est utilisée. Utilisé pour mettre à jour le contenu de la page.
stylePropriétés de position de l’objet.
typeType de fichier de support standard.

Exemple de code HTML de sortie pour les objets

Les éléments de objet de sortie contiennent des points de terminaison qui se lient aux ressources sur la page comme ici. Vous pouvez exécuter plusieurs requêtes GET vers les points de terminaison de ressources de fichier pour récupérer leur contenu binaire.

<object
    data="http://www.onenote.com/api/v1.0/me/notes/resources/{file-id}/$value"
    data-attachment="fileName.pdf" 
    type="application/pdf" 
    [style="..."] />

Paragraphes et en-têtes

Les paragraphes, en-têtes et autres conteneurs de texte peuvent contenir les attributs suivants dans le code HTML d’entrée et de sortie.

Attributs d’entrée des conteneurs de texte

Attribut d’entréeDescription
data-idRéférence de l’élément. Utilisé pour mettre à jour le contenu de la page.
data-tagUne balise de note sur un élément p ou h1 - h6.
stylePropriétés CSS de style de l’élément.

Attributs de sortie pour les conteneurs de texte

Attribut de sortieDescription
data-idRéférence de l’élément. Utilisé pour mettre à jour le contenu de la page.
data-tagUne balise de note sur un élément p ou h1 - h6.
idID unique, généré pour l’élément. Renvoyé par des requêtes GET à l’élément content du point de terminaison d’une page lorsque l’option de requête includeIDs=true est utilisée. Utilisé pour mettre à jour le contenu de la page.
stylePropriétés CSS de style de l’élément. Dans le code HTML de sortie, ces valeurs peuvent être renvoyées de manière incorporée sur les éléments enfant appropriés ou sur des éléments span.

Les exemples suivants illustrent du code HTML d’entrée utilisant différentes méthodes pour définir les styles sur les conteneurs de texte, ainsi que le code HTML de sortie renvoyé.

Code HTML d’entrée avec des styles définis à l’aide des styles de caractères incorporés, dans la balise de début, et à l’intérieur d’un élément span.

<h1>Heading <i>One</i> text</h1>
<p style="font-size:8pt;color:green;font-family:Courier;text-align:center">Some text</p>
<p>Some <span  style="font-size:16px;color:#ff0000;font-family:Segoe UI Black">more</span> text</p>

Code de sortie HTML avec le style de caractère <i> et les paramètres de police dans la balise de début <p> renvoyés en tant que styles CSS incorporés sur les éléments span.

<h1 style="font-size:16pt;color:#1e4e79;margin-top:11pt;margin-bottom:11pt">Heading <span style="font-style:italic">One</span> text</h1>
<p style="text-align:center"><span style="font-family:Courier;font-size:8pt;color:green">Some text</span></p>
<p>Some <span style="font-family:Segoe UI Black;font-size:12pt;color:red">more</span> text</p>

Listes

Les listes sont représentées en tant qu’éléments ol ou ul qui peuvent contenir des éléments de liste représentés sous forme d’éléments li.

Les listes et éléments de liste peuvent contenir les attributs suivants dans le code HTML d’entrée et de sortie.

Attributs d’entrée des listes

Attribut d’entréeDescription
data-idRéférence de l’élément. Utilisé pour mettre à jour le contenu de la page.
data-tagBalise de note sur un élément ul, ol ou li.
stylePropriétés list-style-type et de style CSS pour la liste ou l’élément de liste.

Attributs de sortie des listes

Attribut de sortieDescription
data-idRéférence de l’élément. Utilisé pour mettre à jour le contenu de la page.
data-tagBalise de note sur un élément span dans un élément li.
idID unique, généré pour l’élément. Renvoyé par des requêtes GET à l’élément content du point de terminaison d’une page lorsque l’option de requête includeIDs=true est utilisée. Utilisé pour mettre à jour le contenu de la page.
stylePropriétés CSS de style et list-style-type de l’élément. Dans le code HTML de sortie, les paramètres de niveau liste sont renvoyés sur des éléments de liste. Les propriétés par défaut ne sont pas renvoyées.

OneNote API prend en charge les styles de liste suivants :

Liste triéeListe non triée
aucunaucun
decimal (par défaut)disc (par défaut)
lower-alphacircle
lower-romansquare
upper-alpha 
upper-roman 

Vous pouvez appliquer des styles globaux pour une liste sur l’élément ol ou ul dans le code HTML d’entrée, mais les styles sont renvoyés sur les éléments li.

Style de liste homogène

Cet exemple illustre du code HTML d’entrée qui définit le type de style de liste sur l’élément ol et les styles CSS sur les éléments de liste individuels.

<ol style="list-style-type:upper-roman;color:blue">
    <li style="font-weight:bold">Jacksonville</li>
    <li style="text-decoration:line-through">Orlando</li>
    <li style="font-family:Courier">Naples</li>
</ol>

Voici le code HTML de sortie. Notez que les styles sont renvoyés de façon incorporée sur les éléments li ou span individuels.

<ol>
    <li style="list-style-type:upper-roman"><span style="color:blue;font-weight:bold">Jacksonville</span></li>
    <li style="list-style-type:upper-roman"><span style="color:blue;text-decoration:line-through">Orlando</span></li>
    <li style="list-style-type:upper-roman"><span style="font-family:Courier;color:blue">Naples</span></li>
</ol>

Styles de liste variables

Cet exemple illustre du code HTML d’entrée qui définit différents types de style de liste sur les éléments li.

<ul style="font-style:italic">
    <li style="list-style-type:square">square style</li>
    <li style="list-style-type:circle">circle style</li>
    <li style="list-style-type:disc">disc style (default)</li>
</ul>

Voici le code HTML de sortie. Notez que les styles sont renvoyés de façon incorporée sur les éléments li ou span individuels.

<ul>
    <li style="list-style-type:square"><span style="font-style:italic">square style</span></li>
    <li style="list-style-type:circle"><span style="font-style:italic">circle style</span></li>
    <li><span style="font-style:italic">disc style (default)</span></li>
</ul>

Tableaux

Les tableaux sont représentés comme des éléments table pouvant contenir des éléments tr et td. Les tables imbriquées sont prises en charge.

Les tableaux peuvent contenir les attributs suivants dans le code HTML d’entrée et de sortie. OneNote API ne prend pas en charge les attributs rowspan ou colspan.

Attributs d’entrée des tableaux

Attribut d’entréeDescription
data-idRéférence de l’élément. Utilisé pour mettre à jour le contenu de la page.
stylePropriétés CSS de style de l’élément, et également :
- bordure. Valeurs possibles : 0px ou 1px.
- largeur. Propriété prise en charge par table et td avec une valeur en pixels ou en pourcentage de largeur de page.
Exemple : width="100px" ou width="60%"

Attributs de sortie des tableaux

Attribut de sortieDescription
data-idRéférence de l’élément. Utilisé pour mettre à jour le contenu de la page.
idID unique, généré pour l’élément. Renvoyé par des requêtes GET à l’élément content du point de terminaison d’une page lorsque l’option de requête includeIDs=true est utilisée. Utilisé pour mettre à jour le contenu de la page.
stylePropriétés CSS de style de l’élément.

Les exemples suivants illustrent du code HTML d’entrée utilisant différentes méthodes pour définir les styles sur les tableaux, ainsi que le code HTML de sortie renvoyé.

Code HTML d’entrée avec des paramètres facultatifs à différents niveaux.

<table style="border:0px;width:500px;background-color:green">
    <tr> 
        <td>Cell 1</td> 
        <td>Cell 2</td> 
        <td>Cell 3</td> 
    </tr> 
    <tr style="background-color:blue"> 
        <td style="text-align:right;background-color:red">Left</td> 
        <td style="text-align:center">Middle</td> 
        <td>Right</td> 
    </tr> 
</table>

Code HTML de sortie avec des styles CSS renvoyés de façon incorporée sur les éléments td.

<table style="border:0px">
    <tr>
        <td style="background-color:green;width:166;border:0px">Cell 1</td>
        <td style="background-color:green;width:166;border:0px">Cell 2</td>
        <td style="background-color:green;width:166;border:0px">Cell 3</td>
    </tr>
    <tr>
        <td style="background-color:red;width:166;border:0px;text-align:right">Left</td>
        <td style="background-color:blue;width:166;border:0px;text-align:center">Middle</td>
        <td style="background-color:blue;width:166;border:0px">Right</td>
    </tr>
</table>

Styles

OneNote API prend en charge les propriétés suivantes de style CSS inline pour les éléments dans le corps de la page, telles que body, div, p, li, et span.

PropriétéExemple
background-colorstyle="background-color:#66cc66" (blanc par défaut)
Le format hexadécimal et les couleurs nommées sont pris en charge.
colorstyle="color:#ffffff" (noir par défaut)
font-familystyle="font-family:Courier" (Calibri par défaut)
font-sizestyle="font-size:10pt" (11 pt par défaut)
OneNote API accepte la taille de police en pt ou pxmais convertit les px en pt. Les valeurs décimales sont arrondies à la valeur n.0pt ou n.5pt la plus proche.
font-stylestyle="font-style:italic" (normal ou italique uniquement)
font-weightstyle="font-weight:bold" (normal ou gras uniquement)
strike-throughstyle="text-decoration:line-through"
text-alignstyle="text-align:center" (pour les éléments de bloc uniquement)
text-decorationstyle="text-decoration:underline" (aucun ou souligné uniquement)

Les styles de caractères incorporés suivants sont également pris en charge :

<b><i><u>
<em><strong><strike>
<sup><sub><del>
<cite>  

Exemple d'entrée et de sortie HTML. L'image suivante montre une page simple créée avec l'API OneNote.

Exemple de page créée à partir de l’entrée HTML

Voici le code HTML d’entrée envoyé dans le corps du message pour créer la page.

<html lang="en-US">
    <head>
        <title>Sample Study Notes</title>
        <meta name="created" content="2015-01-01T01:01"/>
    </head>
    <body>
        <h1>Aurora Borealis</h1>
        <p>Dancing lights in the sky. Also called <i>Northern Lights</i>. Caused by solar radiation.</p>
        <br />
        <p><b>Intersting facts</b></p>
        <table>
            <tr>
                <td>Neil Armstrong</td>
                <td>Commander</td>
            </tr>
            <tr>
                <td>Buzz Aldrin</td>
                <td>LM Pilot</td>
            </tr>
            <tr>
                <td>Michael Collins</td>
                <td>Command Module Pilot</td>
            </tr>
        </table>
        <img alt="Apollo 11 commemorative stamp." src="http://upload.wikimedia.org/wikipedia/commons/a/a4/First_Man_on_Moon_1969_Issue-10c.jpg"  width="400"/>
        <p>References:</p>
        <p><a href="http://en.wikipedia.org/wiki/Apollo_11">http://en.wikipedia.org/wiki/Apollo_11</a></p>
        <p><a href="http://www.nasa.gov/mission_pages/apollo/missions/apollo11.html">http://www.nasa.gov/mission_pages/apollo/missions/apollo11.html</a></p>
    </body>
</html>

Voici le code HTML de sortie que OneNote API renvoie lorsque vous obtenez le contenu de la page.

Lorsque vous créez une page ou obtenez les métadonnées d’une page, l’API renvoie l’URL du point de terminaison du contenu de la page dans la propriété contentUrl.

<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
    <head>
        <title>Sample Study Notes</title>
        <meta name="created" content="2015-01-01T01:01:00.0000000" />
    </head>
    <body data-absolute-enabled="true" style="font-family:Calibri;font-size:11pt">
        <div data-id="_default" style="position:absolute;left:48px;top:120px;width:624px">
            <h1 style="font-size:16pt;color:#1e4e79;margin-top:11pt;margin-bottom:11pt">American History 101: Moon Landing</h1>
            <p>First moon landing - July 20, 1969 with Apollo 11 (Eagle)</p>
            <br />
            <p><span style="font-weight:bold">Apollo 11 Astronauts</span></p>
            <table style="border:0px">
                <tr>
                    <td style="border:0px">Neil Armstrong</td>
                    <td style="border:0px">Commander</td>
                </tr>
                <tr>
                    <td style="border:0px">Buzz Aldrin</td>
                    <td style="border:0px">LM Pilot</td>
                </tr>
                <tr>
                    <td style="border:0px">Michael Collins</td>
                    <td style="border:0px">Command Module Pilot</td>
                </tr>
            </table>
            <br />
            <img alt="Apollo 11 commemorative stamp." width="400" height="248" src="https://www.onenote.com/api/v1.0/me/notes/resources/0-f717b5fa5eaa454da7ecdf72a8c137fe!1-73DBAF9B7E5C4B4C!10456/$value"
                 data-src-type="image/jpeg" data-fullres-src="https://www.onenote.com/api/v1.0/me/notes/resources/0-f717b5fa5eaa454da7ecdf72a8c137fe!1-73DBAF9B7E5C4B4C!10456/$value" data-fullres-src-type="image/jpeg" />
            <p>References:</p>
            <p><a href="http://en.wikipedia.org/wiki/Apollo_11">http://en.wikipedia.org/wiki/Apollo_11</a></p>
            <p><a href="http://www.nasa.gov/mission_pages/apollo/missions/apollo11.html">http://www.nasa.gov/mission_pages/apollo/missions/apollo11.html</a></p>
        </div>
    </body>
</html>

Ressources supplémentaires

© 2018 Microsoft