HTML5

基本标签

<!--标题标签-->
<h1>标题</h1>
<!--段落标签-->
<p>段落文字</p>
<!--换行标签-->
</br> 自闭和标签
<!--粗体-->
<strong>文字内容</strong>
<!--斜体-->
<em>文字内容</em>

• 特殊符号标签

图像标签

<img src="图像地址" alt="图像的替代文字">

超链接标签

1. href 必填标签
2. target 新页面打开
3. _self 默认打开方式，当前页面打开

<a href="跳转地址" target="_blank">点击点（可以嵌套图片标签）</a>

锚链接

HTML 链接 - name 属性
name 属性规定锚（anchor）的名称。

您可以使用 name 属性创建 HTML 页面中的书签。

书签不会以任何特殊方式显示，它对读者是不可见的。

当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

命名锚的语法：

<a name="label">锚（显示在页面上的文本）</a>

提示：锚的名称可以是任何你喜欢的名字。
提示：您可以使用 id 属性来替代 name 属性，命名锚同样有效。
实例：
首先，我们在 HTML 文档中对锚进行命名（创建一个书签）：

<a name="tips">基本的注意事项 - 有用的提示</a>

然后，我们在同一个文档中创建指向该锚的链接：

<a href="#tips">有用的提示</a>

您也可以在其他页面中创建指向该锚的链接：

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。

功能性链接

• QQ推广例子，点击链接添加QQ

<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2633217802&site=qq&menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=2:2633217802:41" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>

列表

W3c网站关于列表描述

视频、音频

• 视频

<video  controls="controls">
  <source src="movie.mp4" type="video/mp4" />
</video>

• 音频

<audio controls="controls">
  <source src="song.mp3" type="audio/mp3" />
</audio>

页面结构

form表单

单选、多选框

• redio
• checkbox

下拉框

• select

文本域

• textarea

文件域

• input，type=file，文件提交

input标签

• input（按钮），通过form表单可以做登陆效果
• 邮箱：email
• 地址：URL
• 数量：number
• 滑块：range
• 搜索：search

只读

• readonly

隐藏

• hidden

禁用

• disabled

表单验证

• placeholder 提示信息
• required 不能为空
• pattern 正则表达式

常用正则表达式： https://www.jb51.net/tools/regex.htm