pre标签

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre>for(int i=0;i<10;i++){system.out.println(i);}
</pre>

b标签

标签定义粗体的文本。

标签定义了文本中的部分比其余的部分更重要，并呈现为粗体。

<b> 粗体字 </b>

i标签

标签呈现斜体的文本。

标签定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。在没有其他元素可以使用时，比如 , , , , , , ，请使用 标签。

<p>The <i class="taxonomy">Felis silvestris catus</i> is cute.</p>

del标签

标签定义文档中已删除的文本。

a dozen is <del>21</del> 12 pieces

21文字中间会多出横线变成 21

sup 和 sub 标签

_{标签可定义下标文本。 ^{可定义上标文本。}}

10<sup>2</sup>
m<sub>2<sub>

结果如图：

&nbsp &lt &gt

&nbsp空格
&lt 小于号
&gt 大于号

thead tbody tfoot

对于样式没有改变主要是为了后期javascript提供方便

<table border="1px" width="50%"><thead><tr><th>t1</th><th>t2</th><th>t3</th></tr></thead><tbody><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody><tfoot><tr><td>x</td><td>y</td><td>z</td></tr></tfoot></table>

hidden

hidden在网页上不会显示内容，在提交后会将参数提交过去

 <form action="http://127.0.0.1:8080/admin"><input type="hidden" name="id" value="112233"><input type="submit" value="提交"><!-- 点击提交后地址栏显示为http://127.0.0.1:8080/admin?id=112233 --></form>

readonly和disabled

readonly和disabled都为只读，但readonly会作为参数提交给后端，disabled则不会被提交

    <form action="http://127.0.0.1:8080/crm/save"><input type="text" name="aid" value="112233" readonly><br><input type="text" name="bid" value="112233" disabled><br><input type="submit" value="提交"><!-- 点击提交后地址栏显示为http://127.0.0.1:8080/crm/save?aid=112233 --></form>

div和span的区别

div独自占一行
span不换行

WBE前端笔记1：HTML中一些不熟悉的标签相关推荐

Web前端笔记-element ui中table中某列添加a便签进行跳转
效果是这样的: 这里的文章标题和查看都可以进行跳转. 其中对应的代码如下: <template style="height: 100%"><el-table:da ...
前端笔记-vue cli中使用router-link进行路由跳转
目录以前的方法新方法以前的方法以前是通过router的push进行跳转,代码如下: <template><div class="XXXXXXXXXXXXXXXXX& ...
前端笔记-Vue cli中使用axios后JavaScript变量传输给vue变量要注意的地方
目录 axios.all中的注意事项为什么要采用全局的JavaScript变量给vue变量 axios.all中的注意事项如下的请求: methods:{getData(){axios.all([ ...
前端笔记-vue cli中axios批量发送get和post请求及注意事项
目录基本概念关键代码基本概念这里安装好axios后,还要安装qs npm install --save qs 在vue cli中在created里面调用方法,他会在页面加载完成后自动调用! 批 ...
Web前端笔记-element ui中table中禁止换行，使用...进行省略
效果是这样的: 这里就记录下操作添加一个CSS如下: a.TestCSS{-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;-w ...
Web前端笔记-vue cli中使用echarts加载geo地图
效果是这样的: 此处是使用echarts加载geo地图. 这里简单说下逻辑: 首先npm下个包: npm install echarts 然后用个vue组件封装下. 如下代码: <templat ...
前端笔记-vue cli中v-bind动态数据实时更新
目录基本概念代码基本概念如下的例子,刚开始运行: 点击按钮: 数据库修改下数据: 再点击按钮刷新下: 下面给出请求的json数据: 刷新有2个方式第一种是强制刷新,这样是有问题的,数据和图表 ...
前端笔记-vue cli中使用echarts画江苏省地图
目录基本概念代码与实例基本概念这里使用echarts,框架用vue cli,下面这个链接是vue cli导入echarts https://blog.csdn.net/qq78442761/a ...
零基础前端笔记（1）web，html，标签，锚点，路径
XHTML可扩展超文本标记语言(1) (1)网页的形成 (2)浏览器内核 (3)web标准 (4)html骨架标签 (5)html元素标签分类 (6)html标签关系 (7)代码开发工具 (8)htm ...
Henry前端笔记之 UI组件库中table与slot相关理解
Henry前端笔记之 UI组件库中table与slot相关理解作用域插槽: 解构赋值基础:https://developer.mozilla.org/zh-CN/docs/Web/JavaScrip ...

WBE前端笔记1：HTML中一些不熟悉的标签

文章目录