标签 路径 列表 表格

一,标签及属性

1.标题标签

    <h1>这是h1</h1>
    <h2>这是h2</h2>
    <h3>这是h3</h3>
    <h4>这是h4</h4>
    <h5>这是h5</h5>
    <h6>这是h6</h6>
    <!-- 运行如下 -->

2,段落标签:

<p></p>

3,水平线标签:

<hr/>

4,换行标签:

<br/> 

5,图像标签:<img src=" " /> 相关属性如下

src:图像的路径

alt:图片不能显示替换的文本

title:鼠标悬停提示的文字

width:图片的宽度

height:图片的高度

二,相对路径和绝对路径

1,绝对路径:以Web 站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。

2,相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对路径。

三,列表

1,无序列表:各个列表无顺序之分,并列的。

改变列表样式list-style:

circ:将列表样式设为圆形

square:将列表样式设为正方形

none:去除样式

2, 有序列表:各个列表有顺序之分。

 改变列表样式,在ol上设置type:

type=" a " 样式以小写字母排列

type=" A " 样式以大写字母排列

type=" i " 样式以小写罗马数字排列

type=" I " 样式以大写罗马数字排列

type=" 1 " 样式以数字排列

 3,自定义列表:常用于对术语或名词进行解释和描述。

 四,表格

1,表格结构:

表格相关标签:

        <caption>定义表格的标题

        <thead>定义表格的头部内容

        <tbody>定义表格的主体内容

        <tfoot>定义尾部脚注内容

行和列相关标签:

        <tr>定义表格的一行

        <th>定义表头单元格

        <td>定义表格的单元格

2,表格的属性:

border设置表格的边框

cellspacing 单元格与单元格之间的距离

cellpadding 内容与单元格之间的距离

width 表格的宽度

height 表格的高度

align 表格在网页的对齐方式 

 3,单元格合并:

跨行合并(从上到下):rowspan

跨列合并(从左到右):colspan

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值