当前位置：首页 > news >正文

HTML第5天 HTML新标签与特性

news 2025/11/11 21:24:51

新标签与特性

文档类型设定
前端复习帮手W3Schoool
常用新标签
- datalist标签，与input元素配合，定义选项列表
- fieldset元素
- 新增input表单

文档类型设定

document
– HTML: 开发环境输入html:4s
– XHTML: 开发环境输入html:xt
– HTML5: 开发环境输入html:5

前端复习帮手W3Schoool

点击链接进入W3School官网！
手册使用视频

常用新标签

header：定义文档的页眉头部
nav：定义导航链接的部分
footer：定义文档或节的页脚，底部
article:定义文章
section：定义文档中的节/区域
aside:定义侧边

datalist标签，与input元素配合，定义选项列表

在这里插入图片描述

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>Document</title>
</head>
<body><input type="text" value="输入明星" list="star"/><datalist id="star"><option>刘晓庆</option><option>刘德华</option><option>郭富城</option></datalist>
</body>
</html>

fieldset元素

field元素可将表单内的相关元素分组，打包

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>Document</title>
</head>
<body><input type="text" value="输入明星" list="star"/><datalist id="star"><option>刘晓庆</option><option>刘德华</option><option>郭富城</option></datalist><fielfset><legend>用户登录</legend>用户名：<input type="text"><br />密码：<input type="password"><br /></fieldset>
</body>
</html>

新增input表单

在这里插入图片描述

HTML第5天 HTML新标签与特性

新标签与特性文档类型设定前端复习帮手W3Schoool常用新标签datalist标签，与input元素配合，定义选项列表fieldset元素新增input表单文档类型设定 document – HTML: 开发环境输入html:4s – XHTML: 开发环境输入html:xt – HTML5: 开发环境输入html:5 前…...

编程日记 2023/4/21 4:22:04

java ee 之进程

目录 1.进程的概念 2.进程管理 3.进程属性(pcb) 3.1pid 3.2内存指针 3.3文件描述符 3.4进程调度 3.4.1进程状态 3.4.2 进程的优先级 3.4.3进程的上下文 3.4.4进程的记账信息 5.进程间通信 1.进程的概念一个运行起来的程序,就是进程 .exe是一个可执行文件(程序),双…...

编程日记 2023/4/21 4:22:01

Linux学习记录——십사 进程控制（1）

文章目录1、进程创建1、fork函数2、进程终止1、情况分类2、如何理解进程终止3、进程终止的方式3、进程等待1、进程创建 1、fork函数 fork函数从已存在进程中创建一个新进程，新进程为子进程，原进程为父进程。 #include <unistd.h> pid_t fork(vo…...

编程日记 2023/4/21 4:21:56

使用 create-react-app 脚手架搭建React项目

❀官网 1、安装脚手架：npm install -g create-react-app 2、查看版本：create-react-app -V ！！！注意 Node版本必须是14以上，不然会报以下错误。 3、创建react项目（项目名不能包含大写字母&…...

编程日记 2023/4/21 4:21:52

inquirerjs

inquirerjs inquirerjs是一个用来实现命令行交互界面的工具集合。它帮助我们实现与用户的交互交流，比如给用户一个提醒，用户给我们一个答案，我们根据用户的答案来做一些事情，典型应用如plop等生成器工具。 npm install inquirer…...

编程日记 2023/4/21 4:21:49

[数据库]内置函数

●🧑个人主页:你帅你先说. ●📃欢迎点赞👍关注💡收藏💖 ●📖既选择了远方，便只顾风雨兼程。 ●🤟欢迎大家有问题随时私信我！ ●🧐版权：本文由[你帅…...

编程日记 2023/4/17 5:29:05

shell基本知识

为什么学习和使用Shell编程什么是Shell shell的起源 shell的功能 shell的分类如何查看当前系统支持的shell？ 如何查看当前系统默认shell？ 驼峰语句 shell脚本的基本元素 shell脚本编写规范 shell脚本的执行方式 shell脚本的退出状态 &#xf…...

编程日记 2023/4/21 4:21:45

Http长连接和短连接

http1.0以前，默认使用的是短连接，客户端与服务器之间每进行一次http操作，就会建立一次连接，例如，打开一个网页，包括html文件，js，css，每获取一次资源，就需要进…...

编程日记 2023/4/17 5:29:01

[SQL Statements] 基本的SQL知识之DDL针对表结构和表空间的基本操作

[SQL Statements] 基本的SQL知识之DDL针对表结构和表空间的基本操作什么是数据库的表以及表空间在MySQL中，一个数据库可以包含多个表，每个表是由若干个列（column）和行（row）组成的。表是存储数据的基本…...

编程日记 2023/4/17 14:10:13

Git版本控制工具（详解）

Git版本控制工具 Git常见命令速查表集中式版本控制 cvs和svn都是属于集中式版本控制系统他们的主要特点是单一的集中管理服务器保存所有文件的修订版本协同开发人员通过客户端连接到这台服务器取出最新的文件或者提交更新优点每个人都可以在一定程度上看到项目中的其他…...

编程日记 2023/4/17 14:10:07

$(2^{4}-P)\times2 ^{6}-Q\times 2^{6}$

408考研计算机之计算机组成与设计——知识点及其做题经验篇目2：指令系统

今天我们来讲一讲指令系统里面的知识点以及做题技巧 1、定义考点1：指令定义指令是指示计算机执行某种操作的命令，一台计算机的所有指令的集合构成该机的指令系统，也称为指令集。指令系统是指令集体系结构ISA中最核心的部分，ISA…...

编程日记 2023/4/17 14:09:58

Java语法中的方法引用：：是个什么鬼？

1.函数式接口函数式接口（Functional Interface）就是一个有且仅有一个抽象方法（通俗来说就是只有一个方法要去被实现，因此我们也能通过这个去动态推断参数类型），但是可以拥有多个非抽象方法的接口。函数式接…...

编程日记 2023/4/17 14:09:54

【使用vue init和vue create的区别以及搭建vue项目的教程】

vue init 是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目 webpack是官方推荐的标准模板名使用方式：vue init webpack 项目名称例如使用github上面electron-vue的模板使用方式：vue init electron-vue 项目名称教程目…...

编程日记 2023/4/17 14:09:48

二、HTTP协议02

文章目录一、HTTP状态管理Cookie和Session二、HTTP协议之身份认证三、HTTP长连接与短连接四、HTTP中介之代理五、HTTP中介之网关六、HTTP之内容协商七、断点续传和多线程下载一、HTTP状态管理Cookie和Session HTTP的缺陷无状态。Cookie和Session就用来弥补这个缺陷的。 Cooki…...

编程日记 2023/4/16 3:49:22

免费Api接口汇总（亲测可用，可写项目）

免费Api接口汇总（亲测可用）1. 聚合数据2. 用友API3. 天行数据4. Free Api5. 购物商城6. 网易云音乐API7. 疫情API8. 免费Api合集1. 聚合数据 https://www.juhe.cn/ 2. 用友API http://iwenwiki.com/wapicovid19/ 3. 天行数据 https://www.tianapi.com…...

编程日记 2023/4/17 14:09:40

12.并发编程

1.并发并发：逻辑流在时间时重叠构造并发程序：进程：每个逻辑控制流是一个进程，由内核调度和维护进程有独立的虚拟地址空间，想要通信，控制流必须使用某种显式的进程间通信机制(IPC)I/O多路复用：程…...

编程日记 2023/4/17 14:09:34

预备知识 1、数据的存储 2、基本内建类型 1）类型的大小 C offers a flexible standard with some guaranteed minimum sizes, which it takes from C: A short integer is at least 16 bits wide.An int integer is at least as big as short.A long integer is a…...

编程日记 2023/4/17 14:09:29

Android使用移动智能终端补充设备标识获取OAID

官网http://www.msa-alliance.cn/col.jsp?id120首先到官网注册账号，申请下载相关sdk和授权证书2.把 oaid_sdk_x.x.x.aar 拷贝到项目的 libs 目录，并设置依赖，其中x.x.x 代表版本号3.supplierconfig.json 拷贝到项目 assets 目录下&#xff0…...

编程日记 2023/4/17 14:09:21

极目智能与锐算科技达成战略合作，4D毫米波成像雷达助力智能驾驶落地

近日，智能驾驶方案提供商武汉极目智能技术有限公司（以下简称“极目智能”）宣布与毫米波成像雷达公司锐算（上海）科技有限公司（以下简称“锐算科技”）达成战略合作，双方将合作开发基于…...

编程日记 2023/4/17 14:09:13

OpenCV基础（一）

1.认识图像（彩色图中每一个像素点都包含三个颜色通道RGB，数值范围为0~255，0代表黑色，255代表白色） import cv2 #opencv 读取的格式为BGRimg cv2.imread(cat.png) #读取图像 cv2.imshow(cat, img) #显示图像img&#x…...

编程日记 2023/4/17 14:09:07

Leetcode 3576. Transform Array to All Equal Elements

Leetcode 3576. Transform Array to All Equal Elements 1. 解题思路2. 代码实现题目链接：3576. Transform Array to All Equal Elements 1. 解题思路这一题思路上就是分别考察一下是否能将其转化为全1或者全-1数组即可。至于每一种情况是否可以达到&#xf…...

编程新知 2025/9/17 7:25:07

工业安全零事故的智能守护者：一体化AI智能安防平台

前言： 通过AI视觉技术，为船厂提供全面的安全监控解决方案，涵盖交通违规检测、起重机轨道安全、非法入侵检测、盗窃防范、安全规范执行监控等多个方面，能够实现对应负责人反馈机制，并最终实现数据的统计报表。提升船厂…...

编程新知 2025/11/11 16:32:39

前端倒计时误差!

提示：记录工作中遇到的需求及解决办法文章目录前言一、误差从何而来？二、五大解决方案1. 动态校准法（基础版）2. Web Worker 计时3. 服务器时间同步4. Performance API 高精度计时5. 页面可见性API优化三、生产环境最佳实践四、终极解决方案架构前言前几天听说公司某个项…...

编程新知 2025/9/8 23:14:43