Table des matières
Balise de liste ul ol dl
Liste non ordonnée< ul >, chaque élément de la liste non ordonnée est< >
Un tableau est composé de lignes et de lignes
Attribut
Attributs des cellules :
< caption > 表格的标题。使用时和tr标签并列
表单标签 < form >
< input > 输入标签(文本框)
< select > 下拉列表选项
< textarea > 多行文本输入框
Maison interface Web tutoriel HTML Balises associées dans la balise HTML body 2

Balises associées dans la balise HTML body 2

Jul 12, 2018 am 09:52 AM

Balise de liste ul ol dl

Il existe trois types de balises de liste :

  • Liste non ordonnée ul

  • Oui Liste de séquences ol

  • Liste de définitions dl

Liste non ordonnée< ul >, chaque élément de la liste non ordonnée est< >

<body>
    <ul>
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
    </ul>
</body>
Copier après la connexion
Effet :


Balises associées dans la balise HTML body 2

Remarque :

  • li ne peut pas exister seul et doit être enveloppé dans ul ; à l'inverse, le « fils » de ul ne peut être autre chose que li.

  • La fonction de ul n'est pas d'ajouter des petits points au texte, mais d'ajouter la "sémantique" de la liste non ordonnée.

Attribut

  • type="valeur d'attribut". Les valeurs d'attribut peuvent être sélectionnées : disque (point plein, par défaut), carré (point carré plein), cercle (cercle creux)

L'effet est le suivant :


Balises associées dans la balise HTML body 2

Liste commandée< ol >, chaque élément qu'elle contient est < li >

<body>
    <ol>
        <li>张三</li>
        <li>李四</li>
        <li>王五</li>
    </ol>
</body>
Copier après la connexion
Effet :


Balises associées dans la balise HTML body 2

attribut :

  • type="valeur d'attribut" ; la valeur de l'attribut peut être : 1, a, A, i, I combiné avec l'attribut de début pour indiquer le début ; point

Liste de définition

dl n'a aucun attribut. Les sous-éléments de dl ne peuvent être que dt et dd

  • dt : le titre de la liste, cette balise est obligatoire

  • dd : la liste des listes Item, vous n'avez pas besoin d'écrire

Remarque : dt, dd ne peut être qu'en dl ; dl ne peut avoir que dt, dd

<dl>
 <dt>第一条规则</dt>
 <dd>不准睡觉</dd>
 <dd>不准交头接耳</dd>
 <dd>不准下神</dd>

 <dt>第二条规则</dt>
 <dd>可以泡妞</dd>
 <dd>可以找妹子</dd>
 <dd>可以看mv</dd>
</dl>
Copier après la connexion
Effet :


Balises associées dans la balise HTML body 2

Étiquette de table< table >

L'étiquette de table est représentée par <

Une table
est composée de chacun Les lignes sont composées de <table>. <tr>Nous devons donc nous rappeler qu'un tableau est composé de lignes (les lignes sont constituées de colonnes), et non de lignes et de colonnes. <td>

Attributs
<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>
Copier après la connexion

    bordure : bordure. L'unité est en pixels
  • style="border--collapse;collapse;": La ligne cellulaire et la bordure du tableau sont fusionnées
  • largeur : largeur. L'unité est le pixel
  • hauteur : hauteur. L'unité est en pixels
  • bordercolor : La couleur de la bordure du tableau
  • align : Le mode horizontal du tableau. La valeur de l'attribut peut être renseignée : gauche droite centre
  • Remarque : Il ne s'agit pas de définir l'alignement du contenu dans le tableau. Si vous souhaitez définir l'alignement du contenu, vous devez le faire. définir l'étiquette de la cellule < td > Définir

  • cellpadding : la distance entre le contenu de la cellule et le bord. L'unité est le pixel. Par défaut, le texte est à côté de la ligne de gauche, c'est-à-dire que la valeur par défaut est 0
  • cellspacing : la distance entre les cellules (marges) . L'unité est le pixel, la valeur par défaut est 0
  • bgcolor="": la couleur de fond du tableau
  • background="path": image d’arrière-plan. La priorité de l'image de fond est supérieure à la couleur de fond
  • < tr > row

Un tableau est composé de lignes et de lignes

Attributs

    dir : attribut public, définit la disposition du contenu des cellules dans cette ligne. Valeurs possibles : ltr : de gauche à droite ; rtl : de droite à gauche
  • bgcolor : Définit la couleur d'arrière-plan des cellules de cette ligne
  • hauteur : la hauteur d'une ligne
  • align="center" : le contenu d'une ligne est affiché horizontalement au centre, valeurs : gauche, centre, droite
  • valign="center": Le contenu d'une ligne est centré verticalement, valeurs : haut, milieu, bas
  • <d > >

Attribut

align : alignement horizontal du contenu. Les valeurs d'attribut sont : left right center
  • valign : l'alignement vertical du contenu. Les valeurs d'attribut sont : haut milieu bas
  • largeur : valeur absolue ou valeur relative (%)
  • hauteur : hauteur de la cellule
  • bgcolor : Définir la couleur d'arrière-plan de la cellule
  • background : Définir l'image d'arrière-plan de la cellule
  • cellule Fusion de cellules
Si vous souhaitez fusionner deux cellules ou plus, vous devez supprimer les cellules restantes et ne laisser qu'une seule cellule

Attributs des cellules :


colspan : Fusion horizontale. Par exemple, colspan="2" signifie que la cellule actuelle occupera deux positions de cellule dans la direction horizontale
  • rowspan : fusionner verticalement. Par exemple, rowspan="2" signifie que la cellule actuelle occupe deux positions de cellule dans la direction verticale

< caption > 表格的标题。使用时和tr标签并列

效果:
Balises associées dans la balise HTML body 2

表单标签 < form >

表单标签用< form >表示,用于与服务器的交互。表单就是收集用户信息的,就是让用户填写的,选择的

属性:

  • name:表单的名称,用于JS来操作或控制表单时使用

  • id:表单的名称,用于JS来操作或控制表单时使用

  • action:指定表单数据的处理程序,一般是PHP

  • method:表单数据的提交方式,一般取值:get(默认)和 post

action属性就是表示,表单将提交到哪里。 method属性表示用什么HTTP方法提交,有get、post两种。

get提交和post提交的区别:
GET方式:
将表单数据,以"name=value"形式追加到action指定的处理程序的后面,两者间用"?"隔开,每一个表单的"name=value"间用"&"号隔开。
特点:只适合提交少量信息,并且不太安全(不要提交敏感数据)、提交的数据类型只限于ASCII字符。

POST方式:
将表单数据直接发送(隐藏)到action指定的处理程序。POST发送的数据不可见。Action指定的处理程序可以获取到表单数据。
特点:可以提交海量信息,相对来说安全一些,提交的数据格式是多样的(Word、Excel、rar、img)。

Enctype:
表单数据的编码方式(加密方式),取值可以是:application/x-www-form-urlencoded、multipart/form-data。Enctype只能在POST方式下使用。

  • Application/x-www-form-urlencoded:默认加密方式,除了上传文件之外的数据都可以

  • Multipart/form-data:上传附件时,必须使用这种编码方式

< input > 输入标签(文本框)

用于接收用户输入

<input type=&#39;text&#39; />
Copier après la connexion

属性:

  • type="text":文本类型。属性值可以为:

    • 注:如果要限制上传文件的类型,需要配合JS来实现验证,对上传文件的安全检查:一是扩展名的检查,二是文件数据内的检查

    • text(默认):文本类型

    • password:密码类型

    • radio:单选按钮,名字相同的按钮作为一组进行单选(单选按钮,天生不能互斥,如果想要互斥,必须要有相同的name属性)

    • checkbox:多选按钮,名字相同的按钮作为一组进行选择

    • checked:将单选按钮或多选按钮默认处于选择状态。当< input >标签的type="radio"时,可以用这个属性,属性值也是checked

    • hidden:隐藏框,在表单中包含不希望用户看见的信息

    • button:普通按钮,结合JS代码进行使用

    • submit:提交按钮,传送当前表单的数据给服务器或者其他程序处理,这个按钮不需要写value自动就会有"提交"文字,点击按钮后,这个表单就会被提交到form标签的action属性中指定的我那个页面区

    • reset:重置按钮,清空当前表单的内容,并设置为最初的默认值

    • image:图片按钮,和提交按钮的功能完全一致,只不过图片按钮可以显示图片

    • file:文件选择框

    • value="内容":文本框里的默认内容

    • size="50":表示文本框可以显示五十个字符,一个英文或一个中文都算一个字符

      注:size属性值的单位不是像素

    • readonly:文本框只读,不能编辑。因为它的属性值是readonly,所以属性值可以不写

    • disabled:文本框只读,不能编辑。光标点不进去,属性值可以不写

    < select > 下拉列表选项

    < select >标签里面的每一项都用< option >表示,select是"选择",option是
    "选项"

    < select >属性:

    • mutiple:可以对下啦列表中的选项进行多选,没有属性值

    • size="":如果属性值大于 1,则列表为滚动视图,默认属性值为1,即下拉视图

    < option >属性:

    • selected:预选中。没有属性值

        <form>
            <select>
                <option>小学</option>
                <option>初中</option>
                <option>高中</option>
                <option>大学</option>
                <option selected="">研究生</option>
            </select>
            <br><br><br>
    
            <select size="3">
                <option>小学</option>
                <option>初中</option>
                <option>高中</option>
                <option>大学</option>
                <option>研究生</option>
            </select>
            <br><br><br>
    
            <select multiple="">
                <option>小学</option>
                <option>初中</option>
                <option selected="">高中</option>
                <option selected="">大学</option>
                <option>研究生</option>
            </select>
            <br><br><br>
    
        </form>
    Copier après la connexion

    效果:
    Balises associées dans la balise HTML body 2

    < textarea > 多行文本输入框

    text是"文本",area是"区域"

    属性:

    • value:提交给服务器的值

    • rows="":指定文本区域的行数

    • cols="":指定文本区域的列数

    • readonly:只读

    <form>
            <textarea name="txtInfo" rows="4" cols="20">路飞学城</textarea>
    </form>
    Copier après la connexion

    Balises associées dans la balise HTML body 2

    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!

    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

    Undresser.AI Undress

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

    AI Clothes Remover

    AI Clothes Remover

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

    Undress AI Tool

    Undress AI Tool

    Images de déshabillage gratuites

    Clothoff.io

    Clothoff.io

    Dissolvant de vêtements AI

    AI Hentai Generator

    AI Hentai Generator

    Générez AI Hentai gratuitement.

    Outils chauds

    Bloc-notes++7.3.1

    Bloc-notes++7.3.1

    Éditeur de code facile à utiliser et gratuit

    SublimeText3 version chinoise

    SublimeText3 version chinoise

    Version chinoise, très simple à utiliser

    Envoyer Studio 13.0.1

    Envoyer Studio 13.0.1

    Puissant environnement de développement intégré PHP

    Dreamweaver CS6

    Dreamweaver CS6

    Outils de développement Web visuel

    SublimeText3 version Mac

    SublimeText3 version Mac

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

    Comment supprimer les balises HTML à l'aide des expressions régulières Python 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 extraire le contenu des balises HTML à l'aide d'expressions régulières en langage Go 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 d'une chaîne en PHP ? 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 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 ? 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

    Quel est un exemple d'une balise de départ dans HTML? 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.

    Comment utiliser les balises HTML dans les tableaux HTML ? 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

    Méthode d'expression régulière PHP pour vérifier les balises HTML de base 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