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

作者: 图恩分类: 编程开发阅读: 554发布时间： 2020-12-07 06:30:34

html：超级文本标记语言

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

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

例：

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

div常用属性：

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

例：

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

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

span标签属性：

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

例：

<p class="tip"><span>内容</span>... ... ...</p>

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

常用属性:

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

示例：

<a herf="http://www.baidu.com/">百度</a>

<a herf="demo html">demo</a>

（2） target：

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

target可能的值:

（3） download：

此属性指示浏览器下载 URL 而不是导航到它，因此将提示用户将其保存为本地文件；

（4） rel：该属性指定了目标对象到链接对象的关系。该值是空格分隔的列表类型值；

用于在页面效果中展示一张图片。

img标签常用属性：

图片路径：

1）内网路径：

2）互联网路径：

必须前面加上http://