常用的HTML标签
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <h></h> //标题标签只有h1到h6
<p></p> //段落标签
<br/> //换行标签
<texeaera> //文本域
<strong></strong> *
<b></b> //加粗
<em></em>
<i></i> //倾斜
<del></del> *
<s></s> //删除线
<ins></ins> *
<u></u> //下划线
<div></div> （独占一行）
<span></span> (不独占一行） //无语意，盒子
|
img标签与a标签
我们学习img标签时难免会使用到路径的相关知识路径分为相对路径和绝对路径
相对路径是指以当前的文件作为起点，相较于当前目录的位置而被指向并且加以引用的文件资源
绝对路径是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径
“./”：表示当前的文件所在的目录。
“../”：表示当前的文件所在的上一层的目录。
“/”：表示当前的文件所在的根目录。
图片标签
1
2
3
4
5
6
| <img src="图像地址"/>
src -----属性是必须的否则无法显示图片
alt ------无法显示图片时显示文字
title ------鼠标放在图片上显示文字
|
超链接标签
1
2
3
4
5
6
7
8
9
| <a href='地址'></a> //超级链接标签
（<a href ="网站" target="弹窗方式">文本或者是图像</a>）
_self ---默认弹窗 弹窗方式有两种
_blany ---新窗口打开
在链接文本的href属性中，设置属性值为#名字的形式
如< a href="#two">第2集< /a> /锚点链接
找到目标位置标签，里面添加一个id属性=刚才的名字，如: < h3 id=“two”>第2集介绍< /h3>
|
table标签
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <table></table> //定义表格标签
属性一 align （left center right ） //对齐方式
属性二 border //规定表格边框无则表示没有边框
属性三 cellpadding //单元格与内容之间的空白
属性四 cellspacing //规定单元格和单元格之间空白默认为2
属性五 width //表格宽度
<tr></tr> //表格中的行
<td></td> //单元格
<th></th> //一般表式表头（会加粗居中）
caption //表格大标题(写在table里面)
合并单元格
跨行 rowspan ='数量‘写在最上单元格删除多余单元格
跨列 colspan=“数量”写在最左单元格删除多余单元格
<thead></thead> //表格头部区域
<tbody></tbody> //表格主体
|
有序列表和无序列表
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<ul>
<li></li> // 无序列表
</ul>
<ol>
<li></li> //有序列表
</ol>
<dl>
<dt></dt>
<dd></dd> //自定义列表
</dl>
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| <form action=" 地址" method="提交方式" name="表单域名称"> </form> --表单域用于提交表单
会把范围内的表单元素提交给服务器
action 用于接收并处理提交表单数据服务器程序地址
menthod get和post两种数据提交方式
neme 表单名称区分表单域
<input type=“text”> // 输入文字
<input type =''password"> //密码框
<input type="radio"> // 单选按钮（圆）用lable标签包含可以增加用户体验
（给单选按钮加一个相同的name就可以实现单选 否则无法使用 checked 可默认选中）
<label for="one">男<input type="radio" id="one"></label>
id与for相同则点击lable里面内容就可以选中
<input type=“submit”> // 提交表单按钮
<input type=“reset”> //清除按钮
<input type=“button”> // 普通按钮
<input type=“file”> // 文件域 上传文件使用
<select>
<option value="内容">内容</option> //下拉表单(selected="selected" 可默认选中)
</select>
|
H5新增语义化标签
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| 语义化标签
<header> //头部标签
<nav> //导航标签
<article> //内容标签
<section> //定义文档某区域
<aside> //侧边栏标签
<footer> //尾部标签
视频和音频标签
<video src='文件位置'> </video>（尽量mp4格式） //视频标签
属性
autoplay ：autoplay 自动播放
muted：muted 静音播放
controls：controls 展示播放控件
loop：loop 播放完循环播放
poster ：图片位置 加载等待图片
<audio src ='文件位置'></audio>（尽量mp3格式） //音乐标签
autoplay ：autoplay 自动播放部分浏览器不支持
controls：controls 展示播放控件
loop：loop 播放完循环播放
canvas //画布 (使用API展现客户端javascript可实现很多强大功能)
|
HTML中特殊字符
| HTML 原代码 |
显示结果 |
描述 |
| < |
< |
小于号或显示标记 |
| > |
> |
大于号或显示标记 |
| & |
& |
可用于显示其它特殊字符 |
| " |
“ |
引号 |
| ® |
® |
已注册 |
| © |
© |
版权 |
| ™ |
™ |
商标 |
|   |
|
半个空白位 |
|   |
|
一个空白位 |
| |
|
不断行的空白 |
