新增和改良的页面元素

最新推荐文章于 2024-08-31 20:49:28 发布
最新推荐文章于 2024-08-31 20:49:28 发布
阅读量191 收藏
点赞数
分类专栏： HTML5 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/China_chen_p_l/article/details/78908811
版权

ol元素，dl元素

<body>
    <!--ol-->
    <!--start:开始的序列号, reversed：是否倒序-->
    <ol start="4" reversed>
        <li>列表一</li>
        <li>列表二</li>
        <li>列表三</li>
        <li>列表四</li>
    </ol>

    <!--dl-->
    <dl>
        <dt>Hello</dt>
        <dd>你好就是hello</dd>
    </dl>

    <!--cite元素-->
        <!--斜体显示-->
    <h3>cite元素</h3>
    <p>广州大学 <cite>华软软件学院</cite></p>

    <!--small元素-->
    <p> 广州大学<small>华软软件学院</small></p>

</body>
</html>

progress元素和meter元素

<body>
    <!--请使用 <progress> 标签来显示下载的进度。-->
        <!--max     定义完成的值。-->
        <!--value   定义进程的当前值。-->
    <section>
        <h2>progress元素的使用</h2>
        <p>完成的百分比<progress id="p" max="100" style="background-color: aqua"><span>0</span>%</progress></p>
        <input type="button" onclick="btn()" value="点击"/>
    </section>


    <!--meter元素-->
    <meter value="40" min="0" max="100" low="10" high="90" optimum="80"></meter>
    <meter>40/100</meter>


    <script>
        function btn() {
           var i = 0;
            function thread_one() {
                if(i <= 100) {
                    i++;
                    updateprogress(i);
                }
            }
            setInterval(thread_one,100);
        }
        function updateprogress(newValue) {
            var progressBar = document.getElementById("p");
            progressBar.value = newValue;
            progressBar.getElementsByTagName("span")[0].textContent = newValue;
        }
    </script>
</body>
China_chen_p_l
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5学习笔记——新增元素
ass_ace
08-16 556
1、新增的元素： 1）新增的结构元素： &lt;section&gt;、&lt;article&gt;、&lt;aside&gt;、&lt;header&gt;、&lt;footer&gt;、&lt;nav&gt;、&lt;address&gt;、&lt;figure&gt;、&lt;main&gt; 2）新增的其他元素： &lt;video&am
html5表单及新增的改良元素详解
09-27
本文将详细解析HTML5中新增的表单元素及其改良特性。 1. **form属性**： 在HTML5中，表单内的元素可以通过`form`属性与特定的表单关联，即使这些元素不在表单标签内部。例如，第8行的`<textarea>`通过`form="test...
HTML5表单及其他新增和改良元素
zhangjing1019的博客
02-24 301
新增元素与属性新增属性表单内元素的form属性：在HTML5里，表单内的从属元素可以写在form外面。&lt;form id="testform"&gt; &lt;input type="text"&gt; &lt;/form&gt; &lt;!-- 下面的textarea不必写在上面的form表单内 --&gt; &lt;textarea form="testform&quot
HTML5新增元素
ddd2501的博客
11-16 822
每天学习一点新知识，这里面是HTML5
html中新增的元素的介绍,HTML5新增元素的介绍
weixin_39811193的博客
06-03 711
一：html5新增的主体元素：定义页面独立的内容区域(可以嵌套使用，可以表示插件)。：定义文档中的节(section，区段)。:定义导航链接的部分。:定义页面的侧边栏内容。:定义日期或时间。二：html5新增的非主体元素:定义了文档的头部区域。：定义 section 或 document 的页脚。：被用来对标题元素进行分组。：定义文档作者/所有者的联系信息。三：form表单新增元素与属性htmlf...
H5_ 表单及其他新增和改良元素
weixin_34344403的博客
03-30 71
1. 　form属性 formaction属性 formmethod属性 formenctype属性 formtarget属性 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>H...
H5表单相关新增元素和属性
qq_38844939的博客
08-31 1726
1表单元素新增和废弃的属性                                 表单新增的属性可以分成两类： 提交类：提交给副武器的相关属性，formaction，formmcthod，formtype 控制类：required，antofocus，labels   (1) form属性： 在H5之前，表单内所有的从属标签（下级标签），必须书写在form标签内部。 H5
H5学习笔记3：HTML5表单及其他新增和改良元素
weixin_42583552的博客
10-17 362
1.新增元素与属性 新增属性 1. 表单内元素的form属性：在HTML5里，表单内的从属元素可以写在form外面。 <form id="testform"> <input type="text"> </form> <!-- 下面的textarea不必写在上面的form表单内 --> <textarea form="testform"></textarea> 2. 表单内元素的formaction属性：可以为所有的提交按钮，诸
在html中关于新增表单元素中会自动验证,HTML5新增表单元素、属性、表单验证及增强的页面元素总结...
weixin_34017915的博客
06-02 592
新增的表单元素与属性新增属性form属性在HTML5中表单元素可放在表单之外，通过给该元素添加form属性即可，如：代码如下username:url:点击提交即可看到url:代码如下?username=oseye&button=提交&url=http%3A%2F%2Fwww.oseye.netformaction属性HTML5给提交按钮(如button、submit、image等)...
html5表单及新增的改良元素
weixin_34378045的博客
06-06 58
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--表单内元素的form属性：为元素指定一个form属性，属性值为该表单的id--&...
七夕HTML5代码(改良版)
08-25
- **选择器**：新增伪类和属性选择器，如:nth-child()、:nth-of-type()，使得样式定位更精确。 - **过渡和动画**：transition和animation属性可以创建平滑的视觉过渡和自定义动画。 - **边框半径**：border-...
改良完成的jsp程序设计第十章手机销售网实验
12-14
通常，一个JSP项目会包含以下几类文件：JSP页面（.jsp）、Java源代码文件（.java）、配置文件（如web.xml）、样式表（.css）、脚本文件（.js）、图片和其他静态资源，以及数据库相关的文件（如JDBC驱动）。...
HTML5 为什么只需要写 ＜!DOCTYPE HTML＞
乐辞的博客
08-31 292
HTML5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 doctype 来规范浏览器的行为。而 HTML4.01 基于 SGML ,所以需要对 DTD 进行引用，才能告知浏览器文档所使用的文档类型。这个 DTD 提供了规范的文档结构和规则，以确保浏览器正确解析和显示文档。
常用芯片手册芯片资料MAX260常用芯片手册芯片资料MAX260
最新发布
08-31
常用芯片手册芯片资料MAX260常用芯片手册芯片资料MAX260提取方式是百度网盘分享地址
常用芯片手册芯片资料82530常用芯片手册芯片资料82530
08-31
常用芯片手册芯片资料82530常用芯片手册芯片资料82530提取方式是百度网盘分享地址
全国互联网网民数和互联网普及率.xlsx
08-31
1、资源内容地址：https://blog.csdn.net/2301_79696294/article/details/141286857 2、代码特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 3、课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理 各省、地级市、区县互联网普及率、宽带接入户数和电话用户数等 1、全国互联网网民数和互联网普及率（1997-2020年）； 2、各省互联网网民数和互联网普及率（1997-2016年）； 3、地级市互联网宽带接入用户（1996-2020年）； 4、各区县电话用户数（2004-2019年）
SQLAlchemy-2.0.30-cp37-cp37m-musllinux_1_1_x86_64.whl
08-31
SQLAlchemy 是一个 SQL 工具包和对象关系映射（ORM）库，用于 Python 编程语言。它提供了一个高级的 SQL 工具和对象关系映射工具，允许开发者以 Python 类和对象的形式操作数据库，而无需编写大量的 SQL 语句。SQLAlchemy 建立在 DBAPI 之上，支持多种数据库后端，如 SQLite, MySQL, PostgreSQL 等。 SQLAlchemy 的核心功能： 对象关系映射（ORM）： SQLAlchemy 允许开发者使用 Python 类来表示数据库表，使用类的实例表示表中的行。 开发者可以定义类之间的关系（如一对多、多对多），SQLAlchemy 会自动处理这些关系在数据库中的映射。 通过 ORM，开发者可以像操作 Python 对象一样操作数据库，这大大简化了数据库操作的复杂性。 表达式语言： SQLAlchemy 提供了一个丰富的 SQL 表达式语言，允许开发者以 Python 表达式的方式编写复杂的 SQL 查询。 表达式语言提供了对 SQL 语句的灵活控制，同时保持了代码的可读性和可维护性。 数据库引擎和连接池： SQLAlchemy 支持多种数据库后端，并且为每种后端提供了对应的数据库引擎。 它还提供了连接池管理功能，以优化数据库连接的创建、使用和释放。 会话管理： SQLAlchemy 使用会话（Session）来管理对象的持久化状态。 会话提供了一个工作单元（unit of work）和身份映射（identity map）的概念，使得对象的状态管理和查询更加高效。 事件系统： SQLAlchemy 提供了一个事件系统，允许开发者在 ORM 的各个生命周期阶段插入自定义的钩子函数。 这使得开发者可以在对象加载、修改、删除等操作时执行额外的逻辑。
百度云/百度网盘Python客户端
08-31
极简说明 安装: pip install bypy 运行: bypy 这是一个百度云/百度网盘的Python客户端。主要的目的就是在Linux环境下（Windows下应该也可用，但没有仔细测试过）通过命令行来使用百度云盘的2TB的巨大空间。比如，你可以用在Raspberry Pi树莓派上。它提供文件列表、下载、上传、比较、向上同步、向下同步，等操作。
"Html5新增元素详解：省略标签、bool值属性
Html5新增元素详解.pptx 是关于Html5新增元素的详细介绍，其中包括了一些非常重要的概念和特性。Html5与以前的版本相比有很多不同之处，其中主要有几个方面的改变，比如可以省略标签的元素、拥有bool值的属性、省略...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值