文字标签<font color="颜色" size="数字1-7" face="字体"></font>
<a href="#" target="_self/_blank">超链接</a>
href:用于指定链接目标的url地址
#:空链接,不会跳转,不会刷新页面
(锚点:以#开头,加上id名或者name名称,跳转到页面中指定位置)
<a href="#锚点名称">连接名字</a><!--关联其他页面锚点-->
<a href="地址#锚点名称">连接名字</a>
<!--设立锚点-->
<a id="锚点名称">内容</a>
<a name="锚点名称">内容</a>
target:用于指定链接页面的打开方式【
_self:默认值,当前页打开
_blank:新窗口打开】
路径{
绝对路径【
网址:http://www.baidu.com
磁盘路径:一般不用
C:/xxx/xxx/xxx/】
相对路径【
同级文件直接写文件名即可
/:进入某个文件
./:表示当前路径查找
../:返回上一级文件】
}图片标签<img src="图片的路径" alt="图片加载失败时显示的文字" title="鼠标移入图片时显示的文字" width="图片的宽度" height="图片的高度">
(大多数项目会把图片单独放到img或者assets文件中)
注意:宽度和高度同时设置,可能会造成图片变形,只设置一个值时,另一个按照原图比例进行缩放
走马灯<marquee scrollamount="滚动的速度" behavior="alternate" direction="方向"></marquee>
方向的属性:
left 向左
right 向右
up 向上
down 向下点击链接在框架中显示链接指定页面
<a href="" target="jump"></a>
<a href="" target="jump"></a>
内联框架标签<iframe src="" name="jump" frameborder="1" width="指定框架宽度" height="指定框架高度"></iframe>(name=“”中的值必须和target一致)
frameborder="1/0"HTML5 不支持。设置是否显示 <iframe> 周围的边框。
无序列表
type:类型
disc:默认值(实心圆)
circle:空心圆
square:方形
<ul type="disc">
<li></li>
<li></li>
<li></li>
</ul>
有序列表
start:开始位
<ol type="A" start="2">
<li></li>
<li></li>
<li></li>
</ol>
注:li不能单独使用 必须和ul ol配合使用
表格标签
<table border="表格边框" width="表格宽度" height="表格高度" bordercolor="边框颜色" bgcolor="背景颜色" align="对齐方式" cellspacing="" cellpadding="">
<tr height="行高" align="当前行里面的数据在单元格中对齐方式" bgcolor="行背景颜色">
<th>代表表头的单元格,默认文字加粗,水平居中对齐</th>
列标签<td width="当前列宽度,可设置百分比" height="当前列高度" align="当前单元格里面的数据在单元格中对齐方式" bgcolor="单元格背景颜色">
</td>
</tr>
</table>
快速创建表格:table>(tr>td*列数)*行数
thead:代表表格的头部
tbody:表格内容区域,用于动态生成的数据
tfoot:表格的尾部
table:代表表格,一个table代表一个表格外边框
align:表格在页面中的对齐方式
- left左对齐
- right右对齐
- center居中对齐
cellspacing:(外边距)设置单元格之间的间距【border-spacing】
cellpadding:(内边距)设置单元格中内容到单元格边框之间的间距【border-collapse】
tr:代表行,一个tr代表一行,tr里面只能放td或者th
td:代表列,一个td代表一个单元格(列)
设置了一个单元格的宽度,会控制整个一列宽度
设置一个单元格高度,可以控制整行的高度
- rowspan:跨行合并(上下合并),垂直方向合并单元格
- colspan:跨列合并(左右合并),水平方向上合并单元格
注意:这两个属性都是控制单元格td,合并了单元格,对应的被合并掉的单元格需要删除掉
嵌套的表格放在单元格td里面
- border-spacing: 0px; 设置边框外边距
- border-style:dashed; 设置边框线条样式
- border-color:red; 设置边框颜色
- border-radius: 30px; 设置边框圆弧
- text-align:center; 设置表格中文本的对齐方式。
- vertical-align: top/middle/bottom; 设置垂直对齐方式。
}