Cette fois, je vais vous présenter quelques problèmes courants en HTML ? Comment utiliser les listes ordonnées, les listes non ordonnées et les listes personnalisées ? Écrivez un exemple simple. Quelles sont les différences sémantiques entre les trois ? Quels sont les scénarios d’utilisation ? Peut-il être imbriqué ?
Une liste ordonnée est un élément de liste marqué de chiffres :
<ol> <li>Coffee</li> <li>Milk</li> </ol>
L'effet est le suivant :
<ol><li>Coffee</li> <li>Milk</li> </ol>
Une liste non ordonnée est Les éléments de la liste marqués par l'origine :
<ul> <li>Coffee</li> <li>Milk</li> </ul>
L'effet est le suivant :
<ul><li>Coffee</li> <li>Milk</li></ul>
La combinaison des éléments représentés par la liste personnalisée plus les commentaires :
<dt>Coffee</dt> <dd>Black hot drink</dd><dt>Milk</dt></dl>```
L'effet est le suivant :
><dl><dt>Coffee</dt><dd>Black hot drink</dd><dt>Milk</dt><dd>White cold drink</dd></dl>
Ces trois listes peuvent être imbriquées les unes dans les autres.
- ####Comment supprimer les points ou les chiffres en début de liste ?
Utilisez simplement les styles CSS
```<style>ul{
list-style: none;
}```- Quelle est la différence entre ####class et id ? Quand utiliser la classe et quand utiliser l'identifiant ?
1. L'ID est unique et la classe est universelle.
2.ID est unique et généralement utilisé pour la mise en page.
3.La classe est répétable et généralement utilisée pour la définition du style.
4. La priorité de style de l'ID est supérieure à celle de la classe.
- ####Que sont les éléments de niveau bloc et les éléments en ligne ? Quelle est la différence ? À quelles balises communes correspondent-ils ?
Les éléments de niveau bloc commencent (et se terminent) généralement par une nouvelle ligne lorsqu'ils sont affichés par le navigateur.
Les éléments en ligne (Éléments en ligne) ne commencent généralement pas sur une nouvelle ligne lorsqu'ils sont affichés.
Différences :
1. Les éléments de niveau bloc occuperont une ligne exclusive et leur largeur remplira automatiquement la largeur de leur élément parent.
Les éléments en ligne n'occuperont pas une seule ligne. Les éléments en ligne adjacents seront disposés sur la même ligne. Ils ne s'enrouleront pas tant qu'une ligne ne pourra pas tenir. La largeur changera avec le contenu de l'élément. les éléments de niveau peuvent définir la largeur, l'attribut de hauteur, les éléments en ligne définissent la largeur, la hauteur n'est pas valide
3. Les éléments au niveau du bloc peuvent définir la marge et le remplissage. Le padding-left horizontal,
padding-right, margin-left, margin-right des éléments en ligne produisent tous des effets de marge, mais le padding-top vertical, padding-bottom , margin-top, margin-bottom ne produiront pas d'effets de marge. Balises d'éléments au niveau du bloc : div, p,form,ul,li,ol,dl,form,address,fieldset,hr,menu, table.
Étiquettes des éléments en ligne : span, strong, em, br, img, input, label, select, textarea, cite.
- ####Quelles sont respectivement les fonctions de display: block, display: inline et display: inline-block
1.display:block : Cet élément sera affiché comme un élément de niveau bloc, et il y aura un caractère Newline.
2.display:inline : cet élément sera affiché comme un élément en ligne, sans saut de ligne avant et après l'élément.
3.display:inline-block : rend l'objet comme un objet en ligne, mais le contenu de l'objet est rendu comme un objet bloc. Les objets en ligne adjacents seront rendus sur la même ligne, autorisant les espaces.
- ####Quelle est la fonction du code suivant
<div id="header">
</div>
<div id="content">
<div class="main"></div>
<div class="aside"></div>
</div>
<div id="footer">
</div>这段代码通过使用id，class对div模块进行布局，让页面呈现为页头，内容，页尾，并且在内容中分为侧栏和主栏部分。而在页面中，header，content，footer仅会出现一次，故用id标记，而content为了后期方便修改，用class标记。
- ####如何理解 HTML CSS 语义化?
通过语义化可以让人们更容易明白每个标签的作用和使用场景，比如p标签就可以理解为paragraph标签，代表一个段落。诸如此类的还有em标签，hx标签，table标签等。
- ####form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
HTML通过form标签创建表单为用户提供文本字段、复选框、单选框、提交按钮等向服务器传输数据。常见的input标签有：
type 规定 input 元素的类型。
src 定义以提交按钮形式显示的图像的 URL。
checked 规定此 input 元素首次加载时应当被选中。
value 规定 input 元素的值。
name 定义 input 元素的名称。
- ####post 和 get 方式的区别？
get以 URL 变量 的形式来发送，将表单数据以名称/值对的形式附加到 URL 中。
post以 HTTP post 的形式来发送，以 HTTP post 事务的方式来传递表单数据。
- ####在input里，name 有什么作用？
name 属性规定 input 元素的名称，用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。
- ####、提交、三者有什么区别？
1.定义一个按钮，。 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。
2.提交是一个a标签定义的超链接，而其样式用class="btn"标记。
3.定义了提交按钮，点击并向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。
- ####radio 如何分组?
在input标签中添加name属性进行分组。
- ####placeholder 属性有什么作用?
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
- ####type=hidden隐藏域有什么作用?举例说明
隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序
所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
