HTML 5 属性使用方法；学习笔记（一）

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 格式化及使用

big 在html5中已经不使用了

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 ：背景图片

HTML 5 属性使用方法；学习笔记（一）

HTML 5 属性使用方法

HTML 5 格式化及使用

HTML 5 样式、链接和表格

相关推荐