![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
html
前端
异色小世界
这个作者很懒,什么都没留下…
展开
-
thymeleaf实现表格中序号的自增
上图中的这组数据,在数据库中是没有序号的,那我们在前端展示的时候,如何增加 “序号” 这一列,而且使得这一列的数字从1开始逐个自增1呢?序号自增部分,代码如下所示:<tr th:each="d : ${data}"> <!-- 循环输出data数据 --> <td th:text="${dStat.index+1}"></td> <!-- 每输出一行数据,序号+1 --> <.原创 2021-03-09 17:44:41 · 1675 阅读 · 3 评论 -
html 表单
一、表单标签表单基本格式<!-- 表单 form 1.action:表单提交的位置(点击提交之后,跳转到这个位置) 可以是网站,也可以是一个请求处理地址 2.method:post、get提交方式 2.1 get: 可以在url中看到我们提交的信息,不安全 2.2 post:比较安全,看不到我们提交的信息。 可以传输大文件--><form action="https:原创 2021-01-30 22:53:51 · 110 阅读 · 0 评论 -
html设置iframe内联框架
html 中最基本的iframe内联框架代码:<!-- iframe内联框架 src:地址 w-h:框架的宽高--><iframe src="http://www.baidu.com" frameborder="0" width="1000px" height="1000px"></iframe>html 超链接与iframe内联框架结合:<!-- 超链接与iframe内联框架相结合 点击超链接,跳转到对应页面。..原创 2021-01-30 22:49:20 · 242 阅读 · 1 评论 -
html 媒体元素标签——视频和音频
html 视频标签<!-- 视频 video src:资源路径 controls:进度条等控制按钮 autoplay:自动播放--><video src="../resources/video/1.mp4" controls autoplay></video>html 音频标签<!-- 音频 audio src:资源路径 controls:进度条等控制按钮 auto..原创 2021-01-30 22:48:26 · 214 阅读 · 0 评论 -
html 表格标签
基本表格<!-- 表格table 行 tr 列 td 边框宽度 border=""--><!-- 如下所示,2行4列--><table border="1px"> <tr> <td>1-1</td> <td>1-2</td> <td>1-3</td> <td>..原创 2021-01-30 22:47:32 · 66 阅读 · 0 评论 -
html 列表标签
有序列表<!-- 有序列表 --><ol> <li>第一点</li> <li>第二点</li> <li>第三点</li></ol>无序列表<!-- 无序列表 --><ul> <li>第一点</li> <li>第二点</li> <li>第三点</..原创 2021-01-30 22:46:35 · 59 阅读 · 0 评论 -
html 块元素和行内元素
html块元素无论内容有多少,该元素独占一行例如:p(段落)、h1~h6(标题)……html行内元素内容撑开宽度,左右都是行内元素的可以排在一行例如:a(超链接)、strong(加粗)、em(斜体)……...原创 2021-01-30 22:45:33 · 82 阅读 · 0 评论 -
html 超链接标签
超链接标签即a标签,键入a,点击tab即可生成,基本代码如下:<a href=""></a>关于html超链接标签,主要介绍以下三种类型:页面间链接锚链接功能性链接一、页面间链接点击超链接,跳转到对应的页面。点击文字,跳转到其他页面<!-- a标签: 1.生成:键入a,点击tab生成 2.href:必填,表示要跳转到哪个页面 【页面可以填写本项目中的其他html文件,也可以填写网上的页面】原创 2021-01-30 22:43:17 · 2745 阅读 · 0 评论 -
html 图像img标签
键盘输入 img,按 tab键,即可出现图像标签代码:<img src="" alt="">标签主要含义如下所示:<!-- img学习 src=图片路径(推荐使用相对地址) 1.绝对地址:图片所在文件夹位置 2.相对地址: ../ 上一级目录,再根据提示,一步一步操作 alt="错误提示" 如果图片地址写错,导致图片无法显示,则页面显示alt里面的文字 title="悬停文字"原创 2021-01-30 22:41:46 · 235 阅读 · 0 评论 -
html 网页基本标签
一、标题标签<!-- 标题标签 键盘输入h,按住tab键自动生成标签--><h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3><h4>四级标签</h4><h5>五级标签</h5><h6>六级标签</h6>二、段落标签<!-- 段落标签 键盘输入p,按住tab键自动生成标签--><p>原创 2021-01-30 22:38:29 · 158 阅读 · 0 评论