关于html:HTML常用的五种标签

37次阅读

共计 1274 个字符,预计需要花费 4 分钟才能阅读完成。

  • 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://

正文完
 0