表格、列表和部分标签的使用

文字标签<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;  设置垂直对齐方式。
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值