<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
<header>111</header><!-- 页头 -->
<nav>222</nav><!-- 导航 -->
<section><!-- 页面分块 -->
<article>333</article>
</section>
<aside>444</aside><!-- 侧边栏 -->
<footer>555</footer><!-- 页尾 -->
<mark>aaa</mark><!-- 标黄 -->
<meter max="100" min="0" value="91" oninput="90"> </meter>
<!--
high:定义度量值位于哪个点,被认为是高的值
low:定义度量值位于哪个点,被认为是低的值
max:最大的度量值 默认1
min:最小的度量值 默认0
oninput:最佳的度量值
value:当前所处的度量值 -->
<progress max="100" value="85"></progress> <!-- 进度条 -->
<progress></progress><!-- 不加属性即为动态滑动的滚动条 -->
<details><!-- 手动展开栏 -->
<summary>标题</summary>
详细内容
</details>
<menu><!-- 带事件的按钮 -->
<command onclick="alert('hello world!')">按钮</command>
</menu>
<!-- contenteditable:是否可编辑内容 -->
<!-- hidden:是否隐藏 -->
<input type="text"contenteditable="true" hidden="false"/>
<textarea rows="8" cols="8" spellcheck="true">
<!-- spellcheck属性是对其进行拼写检查 -->
</textarea>
<h2 class="red">文字</h2>
<style type="text/css">
.red{
color: red;
}
</style>
<h2 id="hid">文字</h2>
<h2 style="color: red; width: 100px;">文字</h2>
<h2 title="提示文本">文字</h2>
<h2 align="center">文字</h2>
标题标签,标题、副标题、章、节……
<h2>文字</h2>
段落标签,上下都有空行
<p>文字</p>
换行标签
<br>
水平线标签
size为水平线的粗细
color为水平线的颜色
width为水平线的宽度
<hr size="7" color="black" align="center" width="200px"/>
用于导入外部css样式
原样显示文字标签,保留空格和回车符
<pre>文本 文本续</pre>
居中
<center>文本</center>
行内文本容器,为了突出某些文字的特殊效果,不换行。
<h2>啦啦啦<span class="ar">呵呵呵</span>啦啦啦啦</h2>
用于定义独立的流内容。
<figure>
<figcaption>图片</figcaption>
<p>图片说明</p>
<img src="img/tupian1.jpg" />
</figure>
超链接标签
target为打开链接的方式
_blank为在新窗口打开该链接
_self 在同页面覆盖打开链接
其中图片超链接指的是在<a>标签中加<img>标签
<a href="http://www.baidu.com" target="_blank">文字</a>
指的是因为一个页面过长导致拖动滚动条不方便浏览的时候,有一种方法,点击某个超链接立即跳转到该部分。
具体方法是:在超链接href属性前置#,属性为需要链接的id属性,可以是<h2>、<p>等其他。
<a href="#one">段落1</a><br>
<a href="#two">段落2</a><br>
<a href="#three">段落3</a><br>
<hr >
<p id="one">段落1</p><br><br><br><br><br><br><br><br>
<p id="two">段落2</p><br><br><br><br><br><br><br><br>
<p id="three">段落3</p><br><br><br><br><br><br><br><br>
<b>aaa</b><!-- 加粗 -->
<i>aaa</i><!-- 倾斜 -->
<tt>aaa</tt><!-- 打印机字体 -->
<u>aaa</u><!-- 加下划线 -->
<strike>aaa</strike><!-- 加删除线 -->
<sub>aaa</sub><!-- 下标显示 -->
<sup>aaa</sup><!-- 上标显示 -->
<big>aaa</big><!-- 较大字体显示 -->
<small>aaa</small><!-- 较小字体显示 -->
空格
< <
> >
& &
" "
© ©
® ®
<!-- 注释 -->
type为前面的标识。square为正方形,circle为圆圈,disc(默认)为点。
<ul type="square">
<li>
1
</li>
</ul>
type为类型,可以是1、 A、a、i等。
start为起始。
<ol type="1" start="2">
<li>
aaa
</li>
</ol>
dl-dt定义性列表省略......
src:图片URL地址
border:图片的边框宽度
hspace、vspace:图片左右、上下间距
alt:图片替代掉的文本
<img src="img/tupian1.jpg" border="2px"/>
注:最后修改时间:2020年1月23日