communauté

Apprendre

Bibliothèque d'outils

Outils d'IA

Loisirs

Français

Maison > interface Web > tutoriel HTML > Explication détaillée de l'utilisation des balises pré html

Explication détaillée de l'utilisation des balises pré html

黄舟

Libérer： 2017-07-08 10:56:38

original

3469 Les gens l'ont consulté

Comment utiliser la balise pre en html

<html>
<head>
</head>
<body>
12344
</body>
</html>

Copier après la connexion

Le code source de la page Web ci-dessus, alors je souhaite afficher le code source maintenant -
Que dois-je faire si j'utilise le pré-tag ?

<pre class="brush:php;toolbar:false">
     这里写你想写的代码~~~~

Copier après la connexion

C'est comme ça qu'on l'utilise

<html>
<head>
</head>
<body>
    12344
<pre class="brush:php;toolbar:false">
<html>
<head>
</head>
<body>
    12344
</body>
</html>

Copier après la connexion

Copier après la connexion

Pourquoi est-ce mal de l'écrire comme ça ? Le texte autorisé dans l'élément

pre peut inclure des styles physiques et des variations de style basées sur le contenu, ainsi que des liens, des images et des séparateurs horizontaux. Lorsque vous placez d'autres balises (telles que la balise ) à l'intérieur du bloc

, elles sont traitées comme si elles étaient placées dans d'autres parties du document HTML/XHTML. <br/>Vous devez donc faire ceci</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><pre class="brush:php;toolbar:false"><html><br><head><br></head><br><body><br>    12344<br></body><br></html>

Copier après la connexion

Notez que Baidu a modifié le code & lt; Comment l'utiliser ?

textarea Pas de problème

Je comprends cette fois, j'ajouterai 10 points, merci.

<textarea name="textarea" id="textarea" cols="45" rows="5">
<html>
<head>
</head>
<body>
<code><br>
</textarea>

Copier après la connexion

Cette balise peut afficher la disposition et le format du texte intacts. Ce que vous saisissez sera affiché inchangé, y compris les espaces que vous saisissez. Il n'est pas nécessaire d'utiliser
pour représenter les espaces ou les retours chariot
C'est en effet une bonne solution pour afficher le code source

.

Pourquoi est-ce mal d’écrire ainsi ?

<pre class="brush:php;toolbar:false">
$(
function() {
$("#selectBox").mousemove(
function(event) {
$("span:eq(0)").html($("#selectArea").position().left);
$("span:eq(1)").html(event.offsetX);
if ($("#selectArea").css("position") == "absolute") {
$("#selectArea").css({ left: event.clientX - $("img").offset().left });
$("#selectArea").css({ top: event.clientY - $("img").offset().top });
}
if ($("#selectArea").css("position") == "relative") {
$("#selectArea").css({ left: -(300 - event.offsetX) });
$("#selectArea").css({ top: event.offsetY });
}
}
);
}
);
</per>

Copier après la connexion

<html>
<head>
</head>
<body>
    12344
<pre class="brush:php;toolbar:false">
<html>
<head>
</head>
<body>
    12344
</body>
</html>

Copier après la connexion

Copier après la connexion

Oh, vous voulez écrire du code html en per, alors vous devez vous rappeler que
<> ne peut pas être écrit directement comme <>, il doit être écrit sous forme d'entité

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：

html 标签详解

source：php.cn

Article précédent：Introduction aux nouvelles fonctionnalités de CSS3 Article suivant：Une brève introduction à la balise html

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

Matériel vidéo sur la création de votre propre framework PHP à partir de zéro

2023-03-15 16:54:01
Exemple d'analyse de la façon dont PHPMailer utilise la boîte aux lettres QQ pour compléter la fonction d'envoi d'e-mails

2023-03-15 12:26:02
Introduction à la façon de recevoir des e-mails en IMAP en php

2023-03-14 18:58:01
Exemple de mise en œuvre rapide de la déduplication de tableau en PHP

2023-03-14 11:30:01
Résumé de l'utilisation de tous les attributs de la balise en html

1970-01-01 08:00:00
Résumé des connaissances de base de PHP (nécessaire aux débutants pour débuter)

2023-03-16 15:20:01
Introduction à l'utilisation de typeof en JavaScript

1970-01-01 08:00:00
Introduction à l'utilisation de la méthode confirm() en JavaScript

1970-01-01 08:00:00
Une introduction détaillée à l'attribut HTML5 Placeholder

1970-01-01 08:00:00
Comment implémenter la sélection unique, la sélection multiple et la sélection inversée dans les formulaires dans ReactJS

1970-01-01 08:00:00

Derniers numéros

Conversion automatique PX en erreur REM <style>html { taille de police : calc(100vw / 3,75); }body { taille de la...

Depuis 2024-04-16 09:34:16

0

0

4687

La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...

Depuis 2024-04-06 21:58:04

0

1

800

Comment résoudre le mystérieux espace vide en bas de page en CSS J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...

Depuis 2024-04-06 20:22:15

0

1

454

Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire Je souhaite ajouter le squelette de mon composant Laravel dans un espace réservé livewire3...

Depuis 2024-04-06 20:02:10

0

2

543

Méthode de niveau supérieur pour remplacer une chaîne par du code HTML (généré à partir d'un tableau) Étant donné une chaîne comme celle-ci...$htmlPattern="Usernameis:#name#andusercompany...

Depuis 2024-04-06 17:40:41

0

2

410

Rubriques connexes

Plus>

Recommandations populaires

Tutoriels populaires

Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

Derniers téléchargements

Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal