HTML基本标签

一.块属性标签

占整行的空间

支持宽高设定

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>