1,
details元素
<details>
<summary>显示列表</summary>
<ul>
<li>1</li>
<li>2</li>
</ul>
</details>
2,
meter元素
<p>
小红:<meter value="65" min="0" max="100" low="60" high="80" title="65
分" optimum="100">65</meter><br/>
小明:<meter value="80" min="0" max="100" low="60" high="80" title="80
分" optimum="100">80</meter><br/>
小李:<meter value="75" min="0" max="100" low="60" high="80" title="75
分" optimum="100">75</meter><br/>
</p>
3,
<!-- 语义化 -->
<!-- 具体怎么使用查MDN与w3school -->
<!-- <header></header> -->
<!-- <nav></nav> -->
<!-- <main></main> -->
<!-- <section></section> -->
<!-- <article></article>-->
<!-- <footer></footer> -->
4,
draggale属性
<h3>元素拖动属性</h3>
<article draggable="true">这些文字可以被拖动</article>
可拖动的图片<img src="./img/报名系统.jpg" draggable="true">
5,
contenteditable属性
<h3>可编辑列表</h3>
<ul contenteditable="true">
<li>列表 1</li>
<li>列表 2</li>
<li>列表 3</li>
</ul>
6,
属性 | 属性值 | 描述 |
src | URL | 图像的路径 |
alt | 文本 | 图像不能显示时的替换文本 |
title | 文本 | 鼠标悬停时显示的内容 |
width | 像素(XHTML不支持%页面百分比) | 设置图像的宽度 |
height | 像素(XHTML不支持%页面百分比) | 设置图像的高度 |
border | 数字 | 设置图像边框的宽度 |
vspace | 像素 | 设置图像顶部和底部的空白(垂直边距) |
hspace | 像素 | 设置图像左侧和右侧的空白(水平边距) |
align | left | 将图像对齐到左边 |
right | 将图像对齐到右边 | |
top | 将图像的顶端和文本的第一行文字对齐,其他文字居图像下方 | |
middle | 将图像的水平中线和文本的第一行文字对齐,其他文字居图像下方 | |
bottom | 将图像的底部和文本的第一行文字对齐,其他文字居图像下方 |