Explication détaillée des balises html (1)-tutoriel HTML-php.cn

Maison

interface Web

tutoriel HTML

Explication détaillée des balises html (1)

高洛峰

Feb 16, 2017 pm 02:05 PM

html标签

1. Balises de base

<!DOCTYPE html>               <!--表示文本类型-->
<html>                        <!--<html></html>表示创建一个html文档-->
    <head>                    <!--<head></head>设置文档标题和其它在网页中不显示的信息-->
        <title>标题</title>   <!--<title></title>设置文档的标题，就是最上方的名字-->
    </head>
    <body>                    <!--<body></body>设置文档的内容-->
        <p>原创作者：雨点的名字</p>
   </body>
</html>

Copier après la connexion

2. Balises couramment utilisées dans le corps

Shift /, j'utilise MyEclipse

& lt; br & gt; paragraphe

& lt; h1 & gt; & lt; / h1 & gt; >

et ;pre>                                                    🎜>
3 .Balise d'image

L'effet est le suivant :

Remarque : Dans la balise , l'attribut src est couramment utilisé pour représenter la source et le nom de l'image ; placé sur l'image ; l'attribut alt est utilisé pour définir la description de l'image lorsque le graphique ne peut pas être affiché normalement ; les attributs width et height sont utilisés pour définir la largeur de l'image. L'effet Hegao
. est la suivante :

<!DOCTYPE html> <head> <title>来吧</title> </head> <body>  <h4>我是标题哦</h4> <hr/> <p>我是p标签<b>我自动加粗的</b></p><br/> <s>我是删除线</s> <u>我是下划线</u><br/> <pre class="brush:php;toolbar:false">  我是预编译，          我怎么输它就怎么显示

Copier après la connexion

4 : Balises de lien

(1) Introduction du lien de base
balise pour implémenter le lien hypertexte

Remarque : utilisez l'attribut href pour spécifier l'adresse de saut lorsque vous utilisez affiché lorsque la souris est placée sur l'hyperlien ; utilisez l'attribut target pour indiquer la méthode de saut de l'hyperlien, où _self signifie ne pas ouvrir de nouvelle fenêtre et ouvrir la page après le saut dans la fenêtre actuelle (par défaut) et _blank indique l'ouverture une nouvelle fenêtre pour ouvrir la page après le saut.
Détails : Si tous les hyperliens d'une page sautent de la même manière, ils peuvent être configurés uniformément dans la balise Ajoutez
à la balise pour indiquer que tous les hyperliens de la page sont affichés dans la fenêtre d'origine
<!DOCTYPE html> <head> <title>美女图片</title> </head> <body> <img src="first.jpg" title="就问你美不美" alt="这里显示第一张图" width="200" height="300"> <img src="second .jpg" title="身材太好了" alt="这里显示第二张图" width="200" height="300"> </body> </html>
Copier après la connexion

Indique que tous les hyperliens de la page sont affichés dans une nouvelle fenêtre

(2) Positionnement de la page via une balise

Cas : Cliquez pour revenir en haut de la page
Remarque : Lorsque vous cliquez pour revenir en haut, la page sera positionnée à la position de la balise id="top", et c'est en haut. Ceci est positionné via l'attribut id, ici Il y a très peu de choses dans la page Web et il n'y a aucun effet. Si vous voulez tester, vous pouvez ajouter de nombreuses autres balises entre les deux, pour que l'effet soit obtenu. sera évident
(3) Téléchargez via la balise a
Remarque : Vous pouvez cliquer sur le lien pour télécharger automatiquement les documents et les fichiers compressés lorsque l'image ne peut pas être téléchargée directement, lorsque vous cliquez. sur l'image, la page ouvrira l'image au lieu de la télécharger

<!DOCTYPE html> <html>     <head>         <title>我是a标签</title>     </head>     <body>                  <a href="http://www.baidu.com/" title="百度一下，你就知道" target="_self">百度</a>         <a href="http://www.163.com" title="网易新闻" target="_blank">网易</a>    </body> </html
Copier après la connexion
Si vous souhaitez télécharger l'image, vous devez ajouter une étape

5 : cadre html ;

Ce qui suit est le code HTML en 3 cadres

1 : head.html

<!DOCTYPE html> <html>     <head>         <title>网页定位</title>     </head>     <body>         <p id="top">这里是顶部</p>         <p>原创作者：蜗牛</p>         <p>原创作者：蜗牛</p>         <a href="#top">返回顶部</a>    </body> </html>
Copier après la connexion

2:gauche. html

3:center.html

<!DOCTYPE html> <html>     <head>         <title>下载</title>     </head>     <body>         <a href="6用户注册项目.docx">点击下载文档</a>         <a href="2017-1-4Jquery.rar">点击下载压缩文件</a>         <a href="second .jpg">点击图片</a>    </body> </html>
Copier après la connexion
Les résultats en cours d'exécution sont les suivants :

<body> <a href="first.jpg" download="first.jpg">点击图片</a>  </body>
Copier après la connexion

<!DOCTYPE html> <head> <title>Html框架</title>     </head> <frameset rows="25%,75%">            <frame src="head.html" name="heand"/>            <frameset cols="25%,75%">                     <frame src="left.html" name="left"/>                 <frame src="center.html" name="body"/>             </frameset>      </frameset><noframes></noframes>       </html>
Copier après la connexion

Pour des explications plus détaillées sur les balises html (1) Pour les articles connexes, veuillez faire attention au site Web PHP chinois !
<!DOCTYPE html> <head> <title>head.html</title> </head> <body>     <h1 align="center" style="color:#FF0000; font-size:50 ">欢迎进入本管理系统</h1> </body> </html>
Copier après la connexion

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

Outils d'IA chauds

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

Générez AI Hentai gratuitement.

Afficher plus

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Solution d'énigmes de coquille
2 Il y a quelques semaines By DDD

R.E.P.O. Comment réparer l'audio si vous n'entendez personne
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Commandes de chat et comment les utiliser
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Afficher plus

Outils chauds

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Afficher plus

Sujets chauds

Où se trouve l'entrée de connexion pour la messagerie Gmail ?

7537

15

Tutoriel CakePHP

1380

52

Quel est le format du nom de compte de Steam

82

11

Clé d&amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent

55

19

NYT Connexions Indices et réponses

21

86

Afficher plus

Related knowledge

Comment extraire le contenu des balises HTML à l'aide d'expressions régulières en langage Go Jul 14, 2023 pm 01:18 PM
Comment utiliser des expressions régulières pour extraire le contenu des balises HTML dans le langage Go Introduction : L'expression régulière est un puissant outil de correspondance de texte, et elle est également largement utilisée dans le langage Go. Dans le scénario de traitement des balises HTML, les expressions régulières peuvent nous aider à extraire rapidement le contenu requis. Cet article expliquera comment utiliser des expressions régulières pour extraire le contenu des balises HTML en langage Go et donnera des exemples de code pertinents. 1. Introduire les packages associés Tout d'abord, nous devons importer les packages associés : regexp et fmt. Le package regexp fournit

Comment supprimer les balises HTML à l'aide des expressions régulières Python Jun 22, 2023 am 08:44 AM
HTML (HyperTextMarkupLanguage) est un langage standard pour créer des pages Web. Il utilise des balises et des attributs pour décrire divers éléments de la page, tels que du texte, des images, des tableaux, des liens, etc. Cependant, lors du traitement de texte HTML, il est difficile d'extraire rapidement le contenu du texte pour un traitement ultérieur. À l'heure actuelle, nous pouvons utiliser des expressions régulières en Python pour supprimer les balises HTML afin d'extraire rapidement le texte brut. En Python, les tables régulières

Comment supprimer les balises HTML d'une chaîne en PHP ? Mar 23, 2024 pm 09:03 PM
PHP est un langage de script côté serveur couramment utilisé dans le développement de sites Web et le développement d'applications back-end. Lors du développement d'un site Web ou d'une application, vous rencontrez souvent des situations dans lesquelles vous devez traiter des balises HTML dans des chaînes. Cet article explique comment utiliser PHP pour supprimer les balises HTML des chaînes et fournit des exemples de code spécifiques. Pourquoi devez-vous supprimer les balises HTML ? Les balises HTML sont souvent incluses lors du traitement des entrées utilisateur ou du texte obtenu à partir d'une base de données. Parfois, nous souhaitons supprimer ces balises HTML lors de l'affichage du texte

Comment échapper aux balises HTML en php Feb 24, 2021 pm 06:00 PM
En PHP, vous pouvez utiliser la fonction htmlentities() pour échapper au HTML, qui peut convertir des caractères en entités HTML. La syntaxe est "htmlentities(string,flags,character-set,double_encode)". Vous pouvez également utiliser la fonction html_entity_decode() en PHP pour déséchapper le HTML et convertir les entités HTML en caractères.

Comment supprimer les balises HTML d'une chaîne donnée en Java ? Aug 29, 2023 pm 06:05 PM
String est une classe finale en Java, elle est immuable, ce qui signifie que nous ne pouvons pas changer l'objet lui-même, mais nous pouvons changer la référence de l'objet. Les balises HTML peuvent être supprimées d'une chaîne donnée à l'aide de la méthode replaceAll() de la classe String. Nous pouvons supprimer les balises HTML d'une chaîne donnée à l'aide d'expressions régulières. Après avoir supprimé les balises HTML de la chaîne, il renvoie une chaîne sous forme de texte normal. Exemple de syntaxe publicStringreplaceAll(Stringregex,Stringreplacement) publicclassRemoveHTMLTagsTest{&nbs

Comment utiliser les balises HTML dans les tableaux HTML ? Sep 08, 2023 pm 06:13 PM
Nous pouvons facilement ajouter des balises HTML dans le tableau. Les balises HTML doivent être placées à l'intérieur des balises <td>. Par exemple, ajoutez des balises de paragraphe <p>…</p> ou d'autres balises disponibles à l'intérieur de la balise <td>. Syntaxe Voici la syntaxe d'utilisation des balises HTML dans les tableaux HTML. <td><p>Paragrapheducontexte</p><td>Exemple 1 Un exemple d'utilisation de balises HTML dans un tableau HTML est donné ci-dessous. <!DOCTYPEhtml><html><head&g

Quel est un exemple d'une balise de départ dans HTML? Apr 06, 2025 am 12:04 AM
Anexampleofastartingtaginhtmlis, qui abinginsaparagraph.startingtagsaressentialtinhtmlastheyinitiateelements, définit les éventualités, et la faculté de réduction des pages et de la construction de la création.

Méthode d'expression régulière PHP pour vérifier les balises HTML de base Jun 24, 2023 am 08:07 AM
PHP est un langage de développement Web efficace qui prend en charge les fonctions d'expression régulière et peut vérifier rapidement la validité des données d'entrée. Dans le développement Web, HTML est un langage de balisage courant et la validation des balises HTML est une méthode très importante pour la validation des formulaires Web. Cet article présentera les méthodes de base de vérification des balises HTML et comment utiliser les expressions régulières PHP pour la vérification. 1. Structure de base des balises HTML Les balises HTML sont constituées de noms d'éléments et d'attributs entourés de crochets angulaires. Les balises courantes incluent p, a, div.

See all articles