HTML5基础汇总

目录

一，html5文档头部

1.页面标题及字符集的收集

（1）.title标签

（2）.charset属性

 2.元信息的设置

（1）.meta标签的作用

（2）.http-equiv/content

（2）.name/content

3.link标签

二，html5文本控制类标签

1.html5-网页背景及标题段落标签

（1）.网页背景设置

（2）.文本标题标签

（3）.段落标签

（4）.对齐属性，align取值

2.水平线和换行的设置

（1）.水平线 hr/

（2）.换行

3.文本修饰

（1）.font标签及其属性

三，图像的应用

1.图像标签的常用属性

四，超链接的应用

1.超链接的概念

2.超链接及其设置

3.创建热图超链接

（1）.超链接的属性

（2）.图像超链接及其设置

（3）.创建页内超链接

五,表格基本结构

1.网页表格的基本概念

（1）.表格的结构

（2）.表格的基本标签

（3）.表格的基本属性

2.表格高级样式设置相关概念

（1）.外边框线样式属性frame

（2）.内部边框样式属性rules

（3）.单元格合并

一，html5文档头部

1.页面标题及字符集的收集

（1）.title标签

<title>个人网页</title>

双标签，开始和结束标签之间的内容就是要设置的页面标题

注意： 

• 一个网页只能有一个标题
• 标题名称的长度不超过64个字符数
• 标题标记对之间不允许有其它的标签存在

（2）.charset属性

通过meta标签的charset属性设置页面的字符编码格式。

如：ISO-8859-1，utf-8：Unicode ，gb2312

<meta charset="gb2312"/>

 2.元信息的设置

（1）.meta标签的作用

对页面：

<meta http-equiv="名称" content="值"/>

对搜索引擎：

<meta name="名称" content="值"/>

（2）.http-equiv/content

设置刷新、失效期、 cookie等页面信息，不同信息用“；”分隔。

刷新：Refresh ，单位为秒

页面停留20秒后跳转到写文章-CSDN创作中心

<meta http-equiv="refresh"

content="20;url=写文章-CSDN创作中心"/>

失效期：Expires  ，格式为：星期 日 月 年 时间 GMT

网页于2020年7月26号8点过期

<meta http-equiv ="expires" content="Thur,26 Jul 2020 08:00:00 GMT"/>

cookie值；失效期望；路径：Set-Cookie 

设置cookie并进行页面缓存

<meta http-equiv ="set-cookie" content="cookievalue = xxx; expires= Thur,26 Jul 2020 08:00:00 GMT; path=/">

（2）.name/content

设置关键字、简介、作者、机器人向导、 版权、编辑器等搜索引擎信息,多个关键字用“,”分隔。

Author:作者信息 ，多个值用“，”分隔

<meta name = "author" content = "刘明，Liuming@sina.com" />

Description：描述文字

<meta name ="description" content ="网站简介"/>

keywords：关键字

<meta name="keywords" content="漫步时尚广场,时尚,购物,影视,餐饮"/>

generator：编辑器类型

<meta name="generator" content="Dreamweaver CS6"/>

revised：修改信息

<meta name="revised" content="David,2020/8/8"/>

3.link标签

<link href=""    rel=""    type=""   />

• href设置外部文档的地址
• rel设置当前文档与引用的外部文档的关系
• type设置外部文档的类型。

作用：

• 指定引用外部文档的地址
• 指定当前文档与引用的外部文档的关系
• 说明引用外部文档的类型

二，html5文本控制类标签

1.html5-网页背景及标题段落标签