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