HTML常用标签

一.标题标签

-

1.HTML提供了6个等级的网页标题

-

二.段落和换行标签

2.

标签用于定义段落，它可以将整个网页分为若干个段落。

特点：

1）文本在一个段落中会根据浏览器窗口的大小自动换行。

2）段落和段落之间保有空隙。

3.
换行标签，将某段文本强制换行显示。

三、文本格式化标签

1）加粗       或者

2)  倾斜        或者

3)  删除线     或者

4)下划线        或者

四、特殊标签

1）

和标签是没有语义的，它们就是一个盒子，用来装内容的。

2）

标签用来布局，但是一行只能放一个

。

3）标签用来布局，一行上可以多个

五、图像标签和路径

1、图像标签

1）在HTML标签中，标签用于定义HTML页面中的图像。

                

src是标签的必须属性，它用于指定图像文件的路径和文件名。

图像标签的属性：

属性                  属性值                  说明

src                     图片路径              必须属性

alt                      文本                     替换文本、图像不能显示的文字

title                    文本                     提示文本、鼠标放在图像上、显示的文字

width                  像素                    设置图像的宽度

height                 像素                    设置图像的高度

border                 像素                   设置图像的边框粗细

图像标签的使用

alt 替换文本 图像显示不出来的时候用文字替换

title 提示文本 鼠标放在图像上，提示文字：


width 给图像设定宽度

height 给图像设定高度

border 给图像设定边框

  小贴士：

             1）图像标签可以拥有多个属性，必须写在标签名的后面。

             2）属性之间不分先后顺序，标签名与属性、属性与属性之均以空格分开。

             3）属性采取键值对的格式，即key= "value"的格式，属性= "属性值"。

2.路径

 (1)目录文件夹和根目录

        目录文件夹:存放我们做页面所需要的相关素材，比如html文件、图片等。

        根目录：打开目录文件夹的第一层就是根目录。

  (2)路径之相对路径

        相对路径:以引用文件所在位置为参考基础，而建立出的目录路径。

        这里简单来说，图片相对于HTML页面的位置。            

   相对路径分类            符号            说明

   同一级路径                                  图像文件位于HTML文件同一级，如

   下一级路径                /                 图像文件位于HTML文件下一级，

   上一级路径              ../                图像文件位于HTML文件上一级，如

(3)路径之绝对路径

       绝对路径:是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。

        例如：“D\web\img\logo.gif”或完整的网络地址 “http://www.itcast.cn/images/logo.gif”

六、超链接标签

在HTML标签中，标签用于定义超链接，作用是从一个页面链接到另一个页面。

1.链接的语法格式

 文本或图像 

属性     作用

href      用于指定链接目标的url地址，(必须属性)当为标签应用href属性时，它就有了超链接的功能

target   用于指定链接页面的打开方式,其中_self为默认值，_blank为在新窗口中打开方式。

2.链接分类：

1)外部链接，例如百度

2)内部链接,   网站内部页面之间的相互链接，直接链接内部页面名称即可，

                      例如< a href = "index.html" > 首页

3)空链接，如果当时没有确定链接目标时，< a href="#"> 首页

                       例如< a href = "#">公司地址

4)下载链接，如果href里面地址是一个文件或者压缩包，会下载这个文件。

    下载链接: 地址链接的是 文件 .exe 或者是 zip 等压缩包形式。

                        例如< a href="img.zip">下载文件

5)网页元素链接:在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。

                        例如< a href="http://www.baidu.com">

6)锚点链接，点我们点击链接，可以快速定位到页面中的某个位置。

   #在链接文本的href属性中，设置属性值 #名字的形式，如< a href="#two">第2集

   #找到目标位置标签，里面添加一个id属性 = 刚才的名字， 如：

第2集介绍