HTMTL以及HTML5

最新推荐文章于 2024-08-23 15:53:59 发布

weixin_43763377

最新推荐文章于 2024-08-23 15:53:59 发布

阅读量124

点赞数

分类专栏：前端文章标签： html5 html

本文链接：https://blog.csdn.net/weixin_43763377/article/details/121150454

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

6.1HTMTL以及HTML5

基础

属于块状元素的：

标题标签 h1-h6,
段落标签 p ,
水平线标签 hr,
有序列表标签 ol–li，
无序列表标签 ul–li，
定义描述标签 dl-dt-dd，
容器标签 div：
属于行级元素的：

范围标签：span
图像标签：img

表单–重点

**用于采集用户输入的数据。用于和服务器进行交互。**例如在一些网页上让你填写信息的界面，然后上传给服务器，都需要表单。

文本框

名字:&nbsp;<input type="text" name="userName" id="userName" placeholder="请输入用户名" /><br />

在这里插入图片描述

密码框

密码:&nbsp;<input type="password" name="passWord1" id="passWord1" placeholder="请输入密码" /><br />

在这里插入图片描述

单选按钮

性别:&nbsp;<input type="radio" name="gender" id="gender" value="男" />男
			&nbsp;<input type="radio" name="gender" id="gender" value="女" />女<br>

在这里插入图片描述

复选框

就是多选按钮啦

在这里插入图片描述

文件域

用来提供从本地上传文件

在这里插入图片描述

日期

在这里插入图片描述

可以选择日期

隐藏域

用户看不到，但程序员能看到
在这里插入图片描述

下拉列表框

制作那种点击后下拉出一条可以选择的款
在这里插入图片描述

文本域

一般用来显示一些比较长的文本内容

在这里插入图片描述

按钮

在这里插入图片描述

分为提交，图片个性化按钮，重置，普通按钮等。重置和提交针对当前的表单。

当然也可以用下面的普通按钮来实现特殊的按钮。

在这里插入图片描述

框架

可以在一个页面中显示多个页面。

用途：在淘宝页面中，点击左侧的我的订单，在屏幕中间显示订单信息，其他地方的信息显示不变。如以下点击显示百度页面的代码：

在这里插入图片描述

引用的target指定了显示的内容框。

用以对页面进行布局划分

注意framset不能放在body里

<!DOCTYPE html>
<html>

<frameset cols="25%,*,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

</html>

在这里插入图片描述

weixin_43763377

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTMTL以及HTML5

HTMTL以及HTML5基础属于块状元素的：标题标签 h1-h6,段落标签 p ,水平线标签 hr,有序列表标签 ol–li，无序列表标签 ul–li，定义描述标签 dl-dt-dd，容器标签 div：属于行级元素的：范围标签：span图像标签：img表单–重点**用于采集用户输入的数据。用于和服务器进行交互。**例如在一些网页上让你填写信息的界面，然后上传给服务器，都需要表单。文本框名字:&nbsp;<input type="text" name=
复制链接

扫一扫

专栏目录