1丶列表标签
无序列表:
<ul>
<li></li>
</ul>
<li></li>中书写列表内容,一个li标签代表一行数据
特点:默认数据前面有一个黑圆圈符号
有序列表:
<ol>
<li></li>
</ol>
<li></li>中书写内容,一个li标签代表一行数据
特点:会自动给列表顺序编码,格式是由小到大连续的
type:可以改变顺序编码的值,可以是i,a,A,I,默认使用阿拉伯数字进行编码
自定义列表:
<dl>
<dt></dt>
<dd></dd>
</dl>
<dt></dt>:数据的标题
<dd></dd>:数据的具体内容
2丶图片标签
<img src="" alt="" />
行内元素(不自动换行)
绝对路径:从根盘符出发超找文件的路径
相对路径:从当前文件路径出发查找另一个文件所经过的路径
src:指的就是图片的路径
注意:本地资源一般使用相对路径(图片位于本地电脑上)
width:设置图片的宽度(如果单独设置,则保证图片不失真的情况下,自动缩小和放大图片)
height:设置图片的高度
title:图片标题,鼠标触摸时显示
alt:图片加载失败的文字说明
3丶超链接标签
<a href="">提供用户可点击的路径</a>
注意:超链接标签中一定要设置访问方式,访问方式可以是文字,图片
href:要跳转的网络资源路径,不知道连接到哪里的话(#表示页面本身),本地资源的话就填相对路径,网络资源的话就是url
target:指定网络资源的显示位置(要跳转的网页)
_blank:在新标签页打开
_self:在当前页中刷新
_top:在顶层页面中显示
_parent:在父级页面中显示
注意:不指定属性的话会在当前网页加载出页面
锚点:在一张网页中进行资源跳转
步骤:1 先使用超链接标签在网页位置上加锚点,格式为<a name="锚点名"></a>
2 在使用<a href="锚点名"></a>进行跳转
注意:<a href="#"></a>是刷新当前页面,回到顶部
4丶表格标签
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
<table></table>声明表格
<tr></tr>声明行
<td></td>声明单元格
<th></th>声明一个单元格,表头格,默认居中加黑显示
width:设置宽度
height:设置高度
border:设置边框线的粗细
设置行高,即该行单元格的高度
设置第一行单元格的宽度就是表格单元格的高度
cellpadding:内容据边框的距离
cellspacing:单元格之间的距离
单元格合并:
列合并 colspan
行合并 rowspan
步骤:1 先找到需要合并的位置,再把多余的删除掉
2 需要合并中的第一个单元格上使用
注意:一定要先画一个完整的表格,然后再进行合并操作
5丶内嵌标签
<iframe></iframe>
在一个页面加载另一个页面资源
src:要显示的网络资源路径,可以是本地(相对路径),也可以是网络资源(url)
width:区域的宽度
height:区域的高度
默认当前页面打开及加载src指向资源
一个有趣的例子
<a href="http://www.jd.com" target="_if">京东</a>
<iframe src="" frameborder="1" name="_if" width="400" height="300"></iframe>
作用:在当前网页中加载其他页面资源,达到不同网页之间不相互干扰,并能在同一页面中展现给用户
name:设置内嵌区域的名字,结合超链接标签target属性来使用
frameborder:设置边框的粗细
6丶框架标签
<frameset></frameset>
<frameset rows="10%.*,10%">
<frame>
<frame>
<frame>
</frameset>
注意:1、可以使用<frame>标签的name属性结合超链接标签实现页面跳转
2、frameset把不同页面资源加载到一个页面去显示
3、一定要删除body标签
4、<frame>进行占域站位,一个<frame>可以单独加载一个网页
<frame>
src:资源路径
name:区域名,可以结合超链接标签来实现不同页面间的跳转