常见html标签总结(二)

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:区域名,可以结合超链接标签来实现不同页面间的跳转

猜你喜欢

转载自blog.csdn.net/weixin_42634193/article/details/83505456