HTML D2

最新推荐文章于 2023-03-09 00:00:22 发布
最新推荐文章于 2023-03-09 00:00:22 发布
阅读量121 收藏
点赞数
分类专栏： HTML 文章标签： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39986477/article/details/82750843
版权

HTML的开头和编码形式

HTML开头的是此声明HTML文档为HTML5文档，声明帮助浏览器中正确显示网页。
和c语言开头声明#include <stdio.h>声明代码中的函数来stdio.h函数库类似，不同的标准要采用不同的声明，详细的可以查找HTML参考手册。

在计算机中，各种数据都是以01二进制编码进行储存。而对于我们来说使用二进制码来进行操作计算机和输入数据，过于繁琐和困难。所以各种编码表应运而生，常见的有ASCLL码等，其功能类似是将字符与二进制码进行 一 一 对应，如此输入字符时，计算机便自动得到其对应的二进制码。

中文也是一种字符，目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候我们就需要在头部将字符声明为 UTF-8。采用 UTF-8编码。

表格标签

其中属性 border=“1px” 设置边框为1个像素。

属性width=" " height=" " 设置表格单元整体宽度和高度。可以使用像素表示如600px。也可使用屏幕占比表示如60%。

属性cellspacing="0"表示单元格之间的距离为0；cellpadding="0"表示补白，单元格内文字与边框的距离为0

属性bordercolor=" " 引号内填充颜色英文，表示表格边框颜色。（默认黑色）

属性bgcolor=" " 引号内填充颜色 表示表格内部颜色（默认白色)

table标签内部为创建一行。tr内部为创建一列。在中填入文本即在单元格中填充。

若想要合并单元格。使用colspan="？" 在一行上的单元格合并？列。使用rowspan="?"在一列的单元格上合并？行。

表单标签

标签

当type="text"时 产生一行小型的可编辑文本域

当type="password"时产生一行加密文本域，即输入显示为密文

当type=“radio"时为选择项，一般用于单选时，在属性中使用name=”"属性将这些radio放在一个组里时，表现为单选。

使用包围radio的选项，可点击字体即可选择此项

当type="checkbox"是为多选项，一般也使用name属性将其放入一个组中。

radio与checkbox一般在一个单元格编辑中会大量出现

当type="button"产生一个按钮。也可使用 创建按钮。

当type=“submit”，也可在form里创建一个按钮，紧跟value=" "为此按钮的名字，运行点击后将返回所有上述input的数据

当type=“reset”，表现为在form创建一个重置按钮，紧跟value=" "为此按钮的名字，运行点击后将重置所有上述input的数据

当type=“file” 时用于选择电脑上文件。类似上传头像的浏览文件页面。

创建一个大的文本域，列长x行长y。参考发表说说

组合。用于设置下拉式选择两个option中间为一个选项。参考选择出生日期。

代码示例

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<table bordercolor="blue" bgcolor="aqua" border="1px" width="600px" height="300px" cellspacing="0" cellpadding="0">
			<!--
            	作者：1277607260@qq.com
            	时间：2018-07-26
            	描述：依次是边框颜色，表格颜色，边框大小，表格宽，表格高。单元格间距，文字与单元格距离
            -->
			<tr>
				<td>时间/星期</td>
				<td>星期一</td>
				<td>星期二</td>
				<td>星期三</td>
				<td>星期四</td>
				<td>星期五</td>
			</tr>
			<tr>
				<td rowspan="2">上午</td>
				<td>数据结构</td>
				<td>休息</td>
				<td>java</td>
				<td>数据库原理</td>
				<td>编译原理</td>
			</tr>
			<tr>
				<td>休息</td>
				<td>休息</td>
				<td>数据库原理</td>
				<td>休息</td>
				<td>休息</td>
			</tr>
			<tr>
				<td colspan="6"></td>
			</tr>
			<tr>
				<td rowspan="2">下午</td>
				<td>休息</td>
				<td>数据库原理</td>
				<td>休息</td>
				<td>休息</td>
				<td>休息</td>
			</tr>
			<tr>
				<td>数据库原理</td>
				<td>休息</td>
				<td>休息</td>
				<td>休息</td>
				<td>休息</td>
			</tr>
		</table>
		
	</body>
</html>

在这里插入图片描述

学生信息注册

		<table border="1" width="60%" align="center" cellspacing="0" bordercolor="blue">
			<!--
            	作者：1277607260@qq.com
            	时间：2018-04-18
            	描述：table制表，border指边框为一层，width边框的占屏幕的百分比，
				cellspacing=0填充边界空白//这个把border的那一层边框给弄没了
				boedercolor表格的颜色，下同
            -->
			<tr>
				<!--
                	作者：1277607260@qq.com
                	时间：2018-04-18
                	描述：tr为换行符号
                -->
				<td align="right" bordercolor="blue">用户名</td><td><input type="text"/></td>
				<!--                
					作者：1277607260@qq.com
                	时间：2018-04-18
                	描述：一个td为一列，这里两个td表示两列，表格里要填东西时写在两个td中间
					input为form里的属性，当type为text格式时
					，显示一个让输入文本的框框，，，试试就明白了    
                -->
			</tr>
			<tr>
				<td align="right" bordercolor="blue">密&nbsp;码</td><td><input type="password" /></td>
				<!--
                	作者：1277607260@qq.com
                	时间：2018-04-18
                	描述：&nbsp;为空格的意思，如果直接打空格，会太小了。
                	type为password时，显示一个输入的框框，不过输入后的显示为***的密码文形式
                -->
			</tr>
			<tr>
				<td align="right" bordercolor="blue">专&nbsp;业</td><td><select>
					<!--
                    	作者：1277607260@qq.com
                    	时间：2018-04-18
                    	描述：select为下拉式选择
                    	两个option中间为一个选项
                    	参考选择出生日期
                    -->
			<option>--请选择--</option>
			<option>计算机科学与技术</option>
			<option>有点意思</option>
			</select>
				</td>
			</tr>
			<tr>
				<td align="right" bordercolor="blue">性&nbsp;别</td><td><label><input type="radio" name="sex"/>男 </label><input type="radio" name="sex"/>女 <input type="radio" name="sex" />其他</td>
				<!--
                	作者：1277607260@qq.com
                	时间：2018-04-18
                	描述：type=radio时为选择项，当使用name属性将这些radio放在一个组里时，表现为单选。
                    使用label包围radio的选项，可点击字体即可选择此项
                -->
			</tr>
			<tr>
				<td align="right" bordercolor="blue">兴&nbsp;趣</td><td><input type="checkbox" name="boddy" />羽毛球 <input type="checkbox" name="boddy" />篮球 <input type="checkbox" name="boddy" />足球</td>
				<!--
                	作者：1277607260@qq.com
                	时间：2018-04-18
                	描述：checkbox变现为多选，name=boddy变现为这些都是放在boddy这一组里。
                -->
			</tr>
			<tr>
				<td align="right" bordercolor="blue">头&nbsp;像</td><td><input type="file" />psb.jpg</td>
				<!--
                	作者：1277607260@qq.com
                	时间：2018-04-18
                	描述：type=file时表现为要上传文件，参考上传群文件
                -->
			</tr>
			<tr>
				<td align="right" bordercolor="blue">介&nbsp;绍</td><td><textarea rows="10" cols="50"></textarea></td>
				<!--
                	作者：1277607260@qq.com
                	时间：2018-04-18
                	描述：textarea表现为长文本输入，参考淘宝评价
                -->
			</tr>
			<tr>
				<td colspan="2" bordercolor="blue" align="center"><input type="submit" value="提交"/><input type="reset" value="重置"/></td>
				<!--
                	作者：1277607260@qq.com
                	时间：2018-04-18
                	描述：colspan为合并单元格，=2表现为合并的单元格为两个，
                	type=submi，表现为在form里创建一个按钮，value值为此按钮的名字，运行点击后将返回所有上述input的数据
                	type=reset，表现为在form创建一个重置按钮，value值为此按钮的名字，运行点击后将重置所有上述input的数据
                -->
			</tr>
			
		</table>
		
	</form>
</body>
Priate7
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
pvpgn mysql d2gs_架设方法
weixin_35974392的博客
01-28 773
QQ112088807 2012-12-4path_d2.mpq为修改了6倍爆率10倍怪物的版本(这个可能还是原爆率，怪物确实10倍)，替换原有的即可。1 需要资源：PvPGN-1.8.5-0-Win32-MySQL-5.1.31-BIN.zipD2GS-113C.zip(未包含mpq，dll文件)pvpgn-support-1.2.zip2 局域网架设a 无论是使用虚拟机还是真实电脑(用作服务器...
d2rcountdown
03-29
【标题】"d2rcountdown" 是一个与HTML相关的项目，很可能是一个倒计时工具或者计时器的实现。在网页开发中，倒计时功能通常用于活动预告、限时优惠、比赛开始时间等场景，为用户提供一种直观的时间感知。 【描述】...
HTML语法与基础标签-D2
weixin_43308451的博客
02-23 172
列表 一、无序列表 1、和没有顺序的列表，是父子组合标签，组合出现 （无序） 面包（标签） 牛奶 巧克力 2、 li不能散着放 ul的字标签只能是li 标签是容器，里面可以添加其他标签 3、列表的嵌套 4、的type属性：表示前导的符号样式 disc：实心圆（默认） circle：空心圆 square：实心方块 三、有序列表 1、 （有序） 小沐（标签） 小工 小力 2、的type属性：表示什么序号 1，a，A，i，I 3、的start属性：从哪里开始 4、的reversed属性：倒序 三、
下载d2-admin
DTCloud
05-05 1081
1.在gitee里下载D2admin开源框架 2.在电脑中下载node.js 3.在项目中运行 npm install (下载该项目的依赖包） 环境配置 在.env中，VUE_APP_API=api地址（配置自己项目的API） 目录讲解 1、src：这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： 　　1）assets：资源目录，放置一些图片或者公共js、公共css。这里的资源会被webpack构建； 　　2）components：组件目录，我们写的组件就放在这个
D2RQ简介
tb176的专栏
03-15 7254
继续研究~
HTML基本知识
weixin_52775879的博客
08-02 3万+
前端Html基础知识
HTML中字体大小的设置
热门推荐
jenreal的博客
01-28 6万+
在HTML中用其字体标记来修饰文字字体方面的属性，使文字显示更丰富。本文所要讲述的就是网页中常用的字体标记，例如一个标题字体需要变大，并且颜色是红色，字体类别使用黑体或楷体等。 1、字体大小的设置 字体大小用像素表示，例如：12像素、14像素、16像素，一般网页中会有一个默认大小的像素，如果想改变字体大小，就需要重新设置。合理的字体大小能为网页添加很多修饰，看着更美观，更舒适。 格式：< font size="#">菁瑞优智< /font> 关键字size用来表示大小，#表示1-7的
HTML 学生成绩表格
好好学习，天天向上
12-02 2900
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>学生成绩</title> </head> <body background="./img/a0307d2ee63217b96aa170efdb70573.jpg"> <table border="1" align="center" width="50%"> &
10分钟入门HTML
Byr01的博客
08-09 3万+
本文是HTML快速入门的笔记。
〖大前端 - 基础入门三大核心之 html 篇⑯〗- 认识表格 与 合并单元格
易编橙 · 终身成长社群，相遇已是上上签！
03-09 2万+
我们已经把表单相关的内容学完了，知道了什么是表单、如何创建表单、表单有哪些基本控件等。网页中还有种比较常见的东西，就是表格。接下来就一起学习它吧。
HTML简单计算器实现
qq_43558459的博客
07-02 4480
这款计算器的主要功能有加减乘除，平方开方，清零，回退，连续加减乘除等功能。 成品图如下： 功能模块图如下： 整体用一个table标签创建一个五行六列的表格，这里上HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1
w3d2-remoteprep
05-18
【标题】"w3d2-remoteprep" 是一个与编程相关的项目，特别是针对Web开发中的事件处理。从标题来看，它可能是某个在线课程或工作坊的第三周（Week 3）第二天（Day 2）的远程预备工作。在Web开发中，事件处理是用户与...
d2l-html-editor
02-06
d2l-html-editor 包装TinyMCE的元素。依存关系元素依赖关系通过管理。 您可以通过以下方式进行安装： npm install -g bower然后，继续下载该元素的依赖项： bower install玩元素如果希望元素，建议您使用使元素的...
d2rq-master.zip
03-14
d2rq.zip安装包,官网上下不下来的，我用github下下来的，需要的...D2R Server, a web application that provides access to the database via the SPARQL Protocol, as Linked Data, and via a simple HTML interface
d2mpython
02-14
`matplotlib` 和 `seaborn` 库用于数据可视化，`display()` 函数可以显示HTML、图片、Markdown等不同类型的输出。 8. **版本控制**：为了协作和管理代码，项目可能使用Git进行版本控制。Jupyter Notebook可以与...
[高分项目]基于vue，springboot的图书馆管理系统[源码+笔记+操作手册+说明文档].zip
07-25
【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。【项目资源】：包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】：所有源码都经过严格测试，可以直接运行。功能在确认正常工作后才上传。 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】：项目具有较高的学习借鉴价值，也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说，可以在这些基础代码上进行修改和扩展，实现其他功能。 【沟通交流】：有任何使用上的问题，欢迎随时与博主沟通，博主会及时解答。鼓励下载和使用，并欢迎大家互相学习，共同进步。【项目资源
b197企业项目管理系统-springboot+vue+elementui.zip（可运行源码+sql文件+文档）
最新发布
07-25
企业项目管理系统按照操作主体分为管理员和用户。管理员的功能包括操作日志管理、字典管理、论坛管理、公告管理、项目管理、项目申报管理、用户管理、管理员管理。用户的功能等。该系统采用了Mysql数据库，Java语言，Spring Boot框架等技术进行编程实现。 企业项目管理系统可以提高企业项目管理系统信息管理问题的解决效率，优化企业项目管理系统信息处理流程，保证企业项目管理系统信息数据的安全，它是一个非常可靠，非常安全的应用程序。 管理员权限操作的功能包括管理公告，管理企业项目管理系统信息，包括项目管理，培训管理，项目申报管理，薪资管理等，可以管理公告。 项目管理界面，管理员在项目管理界面中可以对界面中显示，可以对项目信息的项目状态进行查看，可以添加新的项目信息等。项目申报管理界面，管理员在项目申报管理界面中查看项目申报种类信息，项目申报描述信息，新增项目申报信息等。公告管理界面，管理员在公告管理界面中新增公告，可以删除公告。公告类型管理界面，管理员在公告类型管理界面查看公告的工作状态，可以对公告的数据进行导出，可以添加新公告的信息，可以编辑公告信息，删除公告信息
Docker容器化缓存服务：Redis的极速之旅
07-25
Docker是一个开源的应用容器引擎，它允许开发者打包他们的应用以及应用的运行环境到一个可移植的容器中，然后发布到任何流行的Linux机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任何接口（类似iPhone的app），更重要的是容器性能开销极低。 ### Docker的主要特点包括： 1. **容器化**：Docker可以将应用及其依赖打包在轻量级、可移植的容器中，而不是传统的虚拟机。 2. **可移植性**：由于容器与底层基础设施无关，因此可以在任何安装了Docker的主机上运行。 3. **自动化部署**：Docker可以通过Dockerfile自动化构建容器镜像，简化部署流程。 4. **版本控制和组件重用**：Docker Hub和其他注册中心可以存储容器镜像，支持版本控制和重用。 5. **微服务架构**：Docker非常适合微服务架构，每个服务可以独立打包、部署和扩展。 6. **弹性伸缩**：容器可以快速启动和停止，适合实现应用的弹性伸缩。 7. **安全性**：容器提供了额外的隔离层，有助于提高应用的安全性。 8. **多租户架构**
《AI大模型应用》--Golang版本国内大模型API调用，集成文心一言、通义千问、讯飞星火、智谱AI.zip
07-25
个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！
d2admin嵌套html
09-02
所以，在d2admin中，你可以使用router-link组件来嵌套HTML，并通过this.$route.params来接收路由参数。<span class="em">1</span><span class="em">2</span><span class="em">3 #### 引用[.reference_title] - *1* ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值