1、粗体:
<strong>粗体</strong>
2、斜体
<em>斜体</em>
3、特殊符号:
HTML特殊字符符号大全(查看更多)
4、锚链接
<a id="top"></a>
<!--点击这个a标签就会回到上面那个a标签-->
<a href="#top"></a>
<!--点击这个a标签就会回到上面那个HelloWOrld.html那个网页的a标签-->
<a href="HelloWorld.html#top"></a>
5、功能性链接
<!--点击这个a标签就会打开邮箱-->
<a href="mailto:1520394133@qq.com"></a>
例子:qq推广链接
https://shang.qq.com/v3/widget.html
<!--qq推广链接-->
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
注:51标准型,52简洁型,53扩展型
6、行内元素
<a></a>
<strong></strong>
<em></em>
7、块元素
<p></p>
<h1></h1>
...
<h6></h6>
8、有序列表
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
9、无序列表
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
10、自定义列表
<dl>
<dt>课程</dt>
<dd>语文</dd>
<dd>数学</dd>
<dd>英语</dd>
<dt>老师</dt>
<dd>王老师</dd>
<dd>张老师</dd>
<dd>刘老师</dd>
</dl>
11、表格
<table>
<tr>
<!--跨列,横地占-->
<td colspan="4">1-1</td>
<td>1-2</td>
<td>1-3</td>
</tr>
<tr>
<!--跨行,竖地占-->
<td rowspan=“2”>2-1</td>
<td>2-2</td>
<td>2-3</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
</tr>
</table>
12、视频
<!--
controls:控制跳
autoplay:自动播放
-->
<vedio src="" controls autoplay></vedio>
<audio src="" controls autoplay></audio>
13、页面结构分析
14、iframe(内联框架)
<iframe src="" name="MyFrame"></iframe>
<!--点击这个a标签可以将a标签中的地址显示到上面这个iframe中-->
<a href="https://www.baidu.com" target="MyFrame"></a>
<!--哔哩哔哩的内联框架,可以试试-->
<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
15、表单的提交方式:
get:不安全,但是高效
post:安全,可以传输大文件
表单的属性
16、一组单选框(type=“radio”)要指定name属性的值相同(组名)
17、一组多选框(type=“checkbox”)“最好”指定name的属性值相同
18、表单中的四种按钮
19、下拉框
其中,select标签的“name属性值”和option标签的“value属性值”将分别作为表单提交的“键”和“值”
20、其他表单type属性
21、label标签,单击label标签内的文字,就可以编辑与for属性与id属性值相同的input标签,如此一来就可以增强鼠标可用性
22、pattern属性,利用正则表达式自定义格式
<input type="text" pattern="这里输入正则表达式"/>