一,标签及属性
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