HTML 5 属性使用方法
1、常用标签属性:
<h1>: align 对其方式
<body>: bgcolor 背景颜色
<a>: target 规定浏览器在哪个标签页处打开连接
2、通用属性:
calss : 规定元素的类名
id : 规定元素唯一ID
style : 规定元素的样式
title : 规定元素的额外信息
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>学习HTML</title>
</head>
<body bgcolor="#f0f8ff">
<a href="test.html" target="_blank">
测试链接在哪个标签页面打开
</a>
<h1 align="center">标题1</h1>
</body>
</html>
HTML 5 格式化及使用
HTML 5 样式、链接和表格
样式:
1、标签:
<style> :样式定义
<link> :资源引用
2、属性
rel="stylesheet":外部样式表
type="text/css":引入文档的类型
margin-left:边距
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>三种样式示例</title>
<link rel="stylesheet" type="text/css" href="testDemo.css">
<style type="text/css">
p{
color: coral;
}
</style>
</head>
<body>
<h1>外部样式表</h1>
<p>内部样式表</p>
<a style="color: darkred" href="http://www.jianshu.com/u/445a63caab2a">内联样式表</a>
</body>
</html>
//testDemo.css
h1{
color: brown;
}
链接:
- 链接数据:
- 文本链接
- 图片链接
- 属性:
- href属性:指向另一个文档的链接
- name属性:创建文档内的链接
- img标签属性:
- alt: 替换文本属性
- width:宽
- height:高
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接示例</title>
</head>
<body>
<a href="http://www.jianshu.com/u/445a63caab2a">文本链接</a>
<br><br>
<a href="http://www.jianshu.com/u/445a63caab2a">
![](image/jianshu.png)</a>
</a>
<br><br>
<a name="tips">name属性</a>
<br><br>
<a href="#tips">跳转到name属性</a>
</body>
</html>
表格:
- 属性
- border :边框
- th : 表头
- caption :表格的标题
- cellpadding : 单元格的边距
- cellspacing : 单元格的间距
- bgcolor :背景色
- gackground :背景图片