列表标签 ul ol dl
列表标签分为三种：
无序列表 ul
有序列表 ol
定义列表 dl
无序列表, 无序列表中的每一项是
效果：
立即学习“前端免费学习笔记（深入）”；
注意：
li 不能单独存在，必须包裹在ul里面；反过来说，ul的“儿子”不能是别的东西，只能有li。
ul的作用，并不是给文字增加小圆点的，而是增加无序列表的“语义”的。
属性
type=”属性值”。 属性值可以选：disc(实心圆点，默认)，square(实心方点)，circle(空心圆)
效果如下：
有序列表，里面的每一项是
效果：
属性：
type=”属性值”；属性值可以是：1，a，A，i，I; 结合start属性表示从几开始
定义列表
dl 没有属性。dl的子元素只能是 dt 和 dd
dt：列表的标题，这个标签是必须的
dd：列表的列表项，可以不写
备注：dt,dd只能在dl里面；dl里面只能有dt,dd
- 第一条规则
- 不准睡觉
- 不准交头接耳
- 不准下神
- 第二条规则
- 可以泡妞
- 可以找妹子
- 可以看mv
效果：
表格标签
表格标签用表示
一个表格
是由每行
组成的，每行是由
组成的。
所以我们要记住，一个表格是由行组成的（行是由列组成的），而不是由行和列组成的。
<table> <tr> <td></td> <td></td> <td></td> </tr></table>
属性
-
border：边框。像素为单位
-
style="border--collapse;collapse;"：单元格的线和表格的边框合并
-
width：宽度。像素为单位
-
height：高度。像素为单位
-
bordercolor：表格边框的颜色
-
align：表格的水平方式。属性值可以填：left right center
注：这里不是设置表格里的内容的对齐方式，如果想要设置内容的对齐方式，要对单元格标签进行设置
-
cellpadding：单元格内容到边的距离。像素为单位。默认情况下，文字是紧挨着左边那条线的，即默认情况下的值为0
-
cellspacing：单元格和单元格之间的距离(外边距)。像素为单位，默认下为0
-
bgcolor=""：表格的背景颜色
-
background="路径"：背景图片。背景图片的优先级大于背景颜色
行
一个表格就是一行一行组成的
属性
-
dir：公有属性，设置这一行单元格内容的排列方式。可以取值：ltr：从左到右；rtl：从右到左
-
bgcolor：设置这一行的单元格的背景颜色
-
height：一行的高度
-
align="center"：一行的内容水平居中显示，取值：left，center，right
-
valign="center"：一行的内容垂直居中，取值：top，middle，bottom
单元格
属性
单元格的合并
如果要将两个或多个单元格合并，则就要删掉其余单元格，只留一个单元格
单元格的属性：
表格的标题。使用时和tr标签并列
效果：
表单标签 表单标签用表示，用于与服务器的交互。表单就是收集用户信息的，就是让用户填写的，选择的
属性：
-
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方式下使用。
输入标签(文本框)
用于接收用户输入
属性：
-
type="text"：文本类型。属性值可以为：
-
注：如果要限制上传文件的类型，需要配合JS来实现验证，对上传文件的安全检查：一是扩展名的检查，二是文件数据内的检查
-
text(默认)：文本类型
-
password：密码类型
-
radio：单选按钮，名字相同的按钮作为一组进行单选(单选按钮，天生不能互斥，如果想要互斥，必须要有相同的name属性)
-
checkbox：多选按钮，名字相同的按钮作为一组进行选择
-
checked：将单选按钮或多选按钮默认处于选择状态。当标签的type="radio"时，可以用这个属性，属性值也是checked
-
hidden：隐藏框，在表单中包含不希望用户看见的信息
-
button：普通按钮，结合JS代码进行使用
-
submit：提交按钮，传送当前表单的数据给服务器或者其他程序处理，这个按钮不需要写value自动就会有"提交"文字，点击按钮后，这个表单就会被提交到form标签的action属性中指定的我那个页面区
-
reset：重置按钮，清空当前表单的内容，并设置为最初的默认值
-
image：图片按钮，和提交按钮的功能完全一致，只不过图片按钮可以显示图片
-
file：文件选择框
-
value="内容"：文本框里的默认内容
-
size="50"：表示文本框可以显示五十个字符，一个英文或一个中文都算一个字符
注：size属性值的单位不是像素
-
readonly：文本框只读，不能编辑。因为它的属性值是readonly,所以属性值可以不写
-
disabled：文本框只读，不能编辑。光标点不进去，属性值可以不写
下拉列表选项
标签里面的每一项都用表示，select是"选择"，option是
"选项"
属性：
属性：
<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>
效果：
多行文本输入框
text是"文本"，area是"区域"
属性：
-
value：提交给服务器的值
-
rows=""：指定文本区域的行数
-
cols=""：指定文本区域的列数
-
readonly：只读
<form> <textarea name="txtInfo" rows="4" cols="20">路飞学城</textarea></form>
|
以上就是HTML body标签中的相关标签2的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1546407.html
赞 (0)
打赏
微信扫一扫
支付宝扫一扫
HTML5新特性之离线缓存技术-php中文网
上一篇
2025年12月21日 18:11:25
一个完整的HTML对象是什么样的，如何生成？
下一篇
2025年12月21日 18:11:50
相关推荐
-
本篇文章给大家带来的内容是关于如何HTML标签和JS中设置CSS3 var变量，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 一、HTML标签中设置CSS变量 如下： 直接正常CSS语句一样在style属性中设置即可。 立即学习“前端免费学习笔记（深入）”； 效果如下截图： 二、J…
-
使用HTML表格可有效展示结构化数据。通过table标签创建表格，tr定义行，td定义单元格；th用于表头以提升可读性和无障碍访问；thead、tbody和tfoot可划分表格结构，增强逻辑性；通过CSS或border属性设置边框与样式，改善外观；利用colspan和rowspan合并单元格，实现复…
-
正确设置HTML字符编码可解决网页乱码问题，需在head中添加meta标签指定charset，如UTF-8支持多语言，应确保文件实际编码与meta声明一致，推荐统一使用UTF-8并用编辑器验证编码格式。 如果您在浏览网页时遇到乱码问题，可能是由于浏览器未能正确识别网页的字符编码。HTML中的meta…
-
一、通过内联样式在body标签中设置style=”background-color: #f0f0f0″可快速更改背景色；二、在head部分使用style标签定义body{background-color: lightblue}实现内部样式控制；三、创建外部CSS文件写入bod…
-
正确使用HTML有序列表需确保标签内嵌套项，可通过start属性设起始数，type属性改编号类型，支持嵌套与CSS样式定制以实现多级结构和视觉控制。 如果您在编写网页时需要展示一组按顺序排列的信息，但发现列表项没有正确对齐或样式混乱，可能是由于HTML有序列表标签使用不当。以下是关于如何正确使用和排…
-
HTML注释用包裹，用于添加说明或隐藏内容，不影响页面显示，便于代码维护。 <img src="https://img.php.cn/upload/article/001/503/042/176077398276596.png" alt="html注释怎么写_ht…
-
答案：通过正确设置audio标签属性、提供多格式源文件、使用autoplay和loop控制行为、设置muted静音状态及JavaScript动态操控，可实现网页音频正常播放。 如果您在网页中插入音频文件，但发现音频无法正常播放，可能是由于标签属性设置不当或文件路径错误。以下是实现HTML音频播放的多…
-
使用pre标签可保留HTML文本原始格式，结合CSS设置white-space、overflow等属性优化显示效果，并需对特殊字符如进行HTML实体编码以避免解析错误。 如果您在编写HTML页面时希望保留文本原有的格式，例如空格、换行和缩进，可以使用预格式化文本标签。以下是实现该功能的具体方法： 一…
-
通过link标签将CSS与HTML分离可提升维护性，需在head中添加link标签并设置rel=”stylesheet”、href指向CSS文件路径，支持相对或绝对路径引用，确保样式优先加载。 如果您希望将CSS样式与HTML文档分离，以提高代码的可维护性和复用性，则可以通过…
-
使用ul和li标签可创建无序列表，通过CSS的list-style-type可修改符号类型，设为none可移除符号，嵌套ul可实现多层结构。 如果您希望在网页中创建一个项目符号列表，以便更清晰地展示信息条目，可以使用HTML中的无序列表标签。以下是关于如何正确使用ul标签制作无序列表的具体方法： 一…
-
使用iframe标签可嵌入外部网页，通过设置src、宽高和标题属性实现基本嵌套，结合CSS优化样式与响应式布局，启用sandbox等安全属性防范风险，并利用JavaScript动态控制加载及跨域通信。 如果您希望在当前网页中显示另一个网页的内容，可以通过HTML的iframe标签实现页面嵌套。这种方…
-
正确设置 viewport 可解决页面在不同设备显示异常问题，通过 meta 标签配置 width、initial-scale 等参数实现响应式布局，支持适配移动设备、禁止缩放、固定宽度、控制缩放范围及高分辨率屏幕优化。 如果您在开发网页时发现页面在不同设备上显示异常，可能是由于视口（viewpor…
-
正确使用HTML的img标签需设置路径、尺寸、alt文本并处理错误。一、本地图片用相对路径如src=”images/photo.jpg”；二、网络图片用绝对路径如src=”https://example.com/img.jpg”；三、通过width和h…
-
div是块级容器，用于布局划分；span是行内容器，用于局部样式修饰。二者主要区别在于display类型与使用场景。 在HTML中，当需要对页面中的元素进行逻辑分组或样式控制时，常使用容器标签来组织内容结构。不同的容器标签适用于不同的场景，其中 div 和 span 是最常用的两个分组标签。以下是它…
-
使用colspan和rowspan属性可合并HTML表格的单元格。colspan=”n”将单元格横向合并n列，需确保行内总列数逻辑一致；rowspan=”n”将单元格纵向合并n行，后续行应省略对应单元格以防错位；两者可同时使用于同一单元格以实现复杂布局…
-
使用article、section、main、header和footer标签可实现网页内容的语义化结构：首先用article包裹独立内容如文章或评论，确保每篇独立内容有单独article标签且可嵌套；其次用section划分主题区块，每个区块需有标题并避免仅用于布局；接着用main标记页面核心内容，…
-
使用HTML的select标签可创建下拉菜单，通过option添加选项，selected设置默认项，disabled禁用选项，optgroup实现分组，multiple支持多选。 如果您希望在网页中创建一个可选择的选项列表，例如让用户选择省份、性别或日期等信息，可以使用HTML中的select标签来…
-
首先检查视频格式与标签设置，使用video标签并添加controls属性；提供MP4、WebM、OGG多种格式以提升兼容性；设置autoplay、loop、muted等属性优化播放行为；通过width、height和CSS调整尺寸与样式，确保视频正常播放且美观。 如果您在网页中插入视频但无法正常播放…
-
使用HTML的标签可创建水平分割线以分隔内容区域，通过内联样式或CSS类可自定义颜色、高度、边框等样式，推荐使用CSS类提高代码复用性，还可通过设置border:none并结合background属性实现虚线、渐变等定制化效果。 如果您希望在网页中分隔不同内容区域，使页面结构更清晰，可以通过HTML…
-
定义列表使用dl、dt、dd标签实现，其中dl为容器，dt表示术语，dd提供描述，适用于词汇表等场景。 如果您希望在网页中展示术语及其定义、名词及其解释等内容，HTML 提供了专门的标签来创建定义列表。这种结构化的标记方式有助于提升内容的语义化和可读性。以下是关于如何正确使用 dl、dt、dd 标签…
微信扫一扫 
支付宝扫一扫 
