• 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标签：

<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

例：

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

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

超链接标签，用于在成果中定义一个能够点击跳转的链接

罕用属性:

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

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

示例：

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

（2） target：

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

target可能的值:

  • blank
  • top
  • parent
  • self

（3） download：

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

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

5，img标签：

用于在页面成果中展现一张图片。

img标签罕用属性：

  • src：指明图片的门路。（必有属性）
  • width：图片宽度
  • height：图片的高度
  • alt 属性

图片门路：

1）内网门路：

../示意上一层目录
./示意当前目录

2）互联网门路：

必须后面加上http://