一.块属性标签
占整行的空间
1.无实意标签
<div></div>
2.标题标签
<h1~h6></h1~h6>
3.段落
<p></p>
4.分割线
<hr>
5.无序列表
<ul>
用法:<ul>
<li></li>
</ul>
或
<ul>
<li></li>
</ul>
6.有序列表
<ol>
用法:<ol><li></li></ul>
<ol><li></li></ul>
7.定义列表
<dl></dl>
用法:
<dl>
<dt></dt>
<dd></dd>
</dl>
dt被解释项
dl解释项
dt,dl都是块属性标签
8.地址标签
<address></address>
9.引用标签
<blockquote></blockquote>
大段内容显示在网页中间,两侧为空白
二.行属性标签
若上一标签内容未占满一行,则下一标签内容将跟在上一标签后面
1.超链接标签
<a> 标签的 href 属性用于指定超链接目标的 URL
>>>>>>>>
转到指定网页:
<a href=“网址”></a>
>>>>>>>>
回到顶部:
<a href=“#”></a>
>>>>>>>>
指定标签(id)置顶:
<a href=“#id”></a>
>>>>>>>>
将a标签设置为空链接
方便以后添加二级页面:
<a href=“###”></a>
同上
<a href=“javascript:void(0)”></a>
>>>>>>>>
如何设置页面是否在当前标签页打开:
在标签<a>中添加
target=“_blank"
(重新生成新的标签页,再打开页面)
target=“_self"
(直接在当前标签页打开页面)
>>>>>>>>
通过a标签实现下载功能:
<a href=“路径+文件名”></a>
如果是音频,视频,图片需要先经过压缩,然后再在href属性中书写该文件的路径
如果是非音频,视频,图片,可以直接在href属性中填写该文件的路径
<a href=“.pages”></a>
<a href=“.zip"></a>
2.span:行属性标签,无实意
网页中某一位置需要特殊标记可以用span
<span></span>
可以添加style=“color:XXX"进行染色
<span style="color:;”></span>
3.强调作用的标签
倾斜:
<i></i>
倾斜:
<em></em>
加粗:
<strong></strong>
4.引用标签
用来引用一句话,给句子加上双引号
<q>内容</q>
5.显示图片
<img src="" alt=“">
scr属性:设置图片的路径
路径有三种:
a.网络路径
b.绝对路径
c.相对路径(开发中常用)
alt属性:图片的替换文本
作用一:当找不到图片时,作为替换文本出现在页面中
作用二:通过alt可以让浏览器知道当前图片的内容
>>>>>>>>
可以添加width/heigh=“XXX"设置图片的宽/高
<img src="" alt=“” width=“">
实际开发过程中我们只设置宽和高两者中的一个,另外一个系统会自动根据图片宽高度进行拉伸.
>>>>>>>>
可以添加title=""设置图片的标题
<img src="" alt=“”
title=""
>
当用户的光标在图片上长时间停留时会显示title中的内容
>>>>>>>>
三种img路径
a.网络路径
<img src=“网址" alt="">
b.绝对路径
<img src="本地路径" alt="">
c.相对路径
<img src="" alt="">
相对于正在编辑的文件
"/":往下一级目录(文件夹)查找
"../"往上一级目录(文件夹)查找
<span></span>
换行标签
<br>