网页设计：HTML常用的五种标签

深碍√TFBOYSˉ_ 2022-12-26 08:22 116阅读 0赞

*  div标签
 *  p标签
 *  span标签
 *  a标签
 *  img标签

html：超级文本标记语言

### 1，div标签： ###

是在html中布局使用最多的标签，div本身没有什么特别之处，只是div标签替代了以前table标签布局。  
div 是一个块级元素，它的内容会自动地开始一个新行。

div标签作用：起分割作用，是分割内容常使用的标签

例：

<!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
        <div>第一个div</div>
        <div>第二个div</div>
        <div>第三个div</div>
    </body>
    </html>

**div常用属性：**

*  color：颜色
 *  font-size: 文字大小
 *  text-align:对其方式  
    right 右对齐  
    left 左对齐  
    center 居中对齐
 *  font-family : 文字字型
 *  letter-spacing: 1pt 文字间距
 *  line-height: 设定行高
 *  font-weight:文字粗体

### 2，p标签： ###

标签它是一个段落标签，会自行起一行段落，并且可以作为一个盒子来使用。可以单独定义它。

例：

<!DOCTYPE html>
    <html>
    <head>
    </head>
    <body>
    < p>我是段落标签< /p>
    </body>
    </html>

### 3，span标签: ###

span标签是超文本标记语言（HTML）的行内标签，被用来组合文档中的行内元素。span没有固定的格式表现。

span标签属性：

*  标准属性  
    id, class, title, style, dir, lang, xml:lang
 *  事件属性  
    onclick, ondblclick, onmousedown, onmouseup, onmouseover,  
    onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

例：

\#\#\#4，a标签（超链接标签）：

超链接标签，用于在效果中定义一个可以点击跳转的链接

**常用属性**:

（1）href： 超链接跳转的路径 (必有属性)；

*  内网本机路径：相对路径和绝对路径
 *  互联网路径：http://地址

**示例：**

（2） target：

该属性指定在何处显示链接的资源。 取值为标签（tab），窗口（window），或框架（iframe）等浏览上下文的名称或其他关键词；

*target可能的值:*

*  blank
 *  top
 *  parent
 *  self

（3） download：