适合小白学习的前端页面知识（值得一看）(2)-木庄网络博客

start属性：决定列表初始值，他的取值为自然数。

自定义列表

<dl>
        <dt>列表的标题</dt>
        <dd>列表项的描述</dd>
        <dt>河北</dt>
        <dd>河北又称燕赵大地</dd>
</dl>

（四）表单

表单：收集用户填写的信息并将其提交给服务器

1 2	`<form Action="#"` `method="post/get">` `</form>`

form有两个属性

Action 表单提交的地址。

提交的方式有两种，get和post。两者的区别：（1）提交的内容的长度，get不能超过2KB，post无限制；（2）安全性，get将内容拼接到字符串后面，不够安全。

（五）输入框

文本框

1	`<input type="text"` `maxlength="10"` `size="10"` `value="华点"/>`

属性为maxlength 表示输入的最大长度。 size为输入框的长度; value为默认的值

密码框

1	`<input type="password"` `maxlength="10"` `size="10"` `value="123456"/>`

属性为maxlength 表示输入的最大长度。 size为输入框的长度; value为默认的值

单选按钮

1 2	`<input type="radio"` `name="sex"` `checked value="0"/>` `<input type="radio"` `name="sex"` `checked value="1"/>`

属性为name将单选按钮分组这样就可以选择只能选择一个;checked默认选中; value表示他的值

复选框

1	`<input type="checkbox"` `checked/>`

checked 表示默认选中 name表示checkbox的名字，也是将复选框进行分组

提交按钮

1	`<input type="submit"` `value="登录"/>`

submit为提交按钮，value为按钮上显示的文字。点击时会将参数添加在form Action的路径后面

重置按钮

1	`<input type="reset"` `value="取消"/>`

普通按钮

1	`<input type="button"` `value="单击"` `οnclick=""/>`

普通按钮，value值为按钮上显示的文字，onclick是单击按钮触发的事件，可用js去处理

图片按钮

1	`<input type="image"` `src="#"/>`

图片按钮 src为图片的路径其属性可以和 <img>类似

文件按钮

1	`<input type="file"` `accept=".">`

上传文件在点击按钮后可以打开本地的文件，后面的accept是可以选中的文件的类型一般 .xls为excel表格 .docx为word文档。.jpg 为图片等等

下拉框

<select>
    <option>选择</option>
</select>

（六）Html p介绍

<!DOCTYPE html>
<html>
<head>
<title>web学习一路向前，?裙767891015等你?</title>
</head>
<body>
    <p>第一个p</p>
    <p>第二个p</p>
    <p>第三个p</p>
</body>
</html>

p标签使用说明

在html中布局使用最多标签为p，

我们通常将网页重构说成p css制作。

p本身没有什么特别之处，只是p标签替代了以前table标签布局。

我们通过对p标签对象设置不同样式实现我们要的美化效果。

通常一对未设置任何样式的p，独占一行。

p作用

p起分割作用，是分割内容常使用的标签。p+CSS更是起到分割与设置对应样式作用。

感谢大家的阅读，大家在读后对html有所了解了吗？

本文转自：https://blog.csdn.net/xiaofeng10330111/article/details/105413134

推荐教程：《HTML教程》

以上就是适合小白学习的前端页面知识（值得一看）的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 适合小白学习的前端页面知识（值得一看）

适合小白学习的前端页面知识（值得一看）