前言
初步认识HTML并搞清其属于何种语言，详细了解HTML5头部结构中的常用标签的属性和作用。
一、初步认识HTML
HTML：超文本标记语言（HyperText Markup Language ) 而非编程语言。
HTML使用标签描述网页中的图片、文本、音乐、视频、超链接。
HTML文档也叫做web页面。
HTML5
二、走进HTML
1.HTML文档的基本框架
使用快捷键Tab+!
代码如下（示例）：
<!-- 声明该文档为HTML类型 -->
<!DOCTYPE html>
<!-- <html></html>指定了html语句的范围，lang="en"指的是语言为英文，中文为"zh" -->
<html lang="en">
<!-- <head></head>规定了一些基本属性 -->
<head>
<!-- 字符编码格式为UTF-8,万国码可兼容一切语言 -->
<meta charset="UTF-8">
<title>标题</title>
</head>
<!-- 主体部分，文字图片等资源或算法在这里面实现 -->
<body>
</body>
</html>
HTML注释<！-- --> 快捷键：Ctrl+/
注：浏览器只解释标签，不解释注释里面的。
2.HTML5头部常用标签
- meta标签
1.charest属性：单独使用，设置文档字符及编码格式。
写法：<meta charest="UTF-8">
常见的中文编码格式：
B-2312:国标码，简体中文
GBK:扩展的国标编码，简体中文
UTF-8:万国码 Unicode码，基本兼容各国语言
2.http-equiv属性：需配合content属性使用。主要声明浏览器如何解释编译文件。
写法：<meta http-equiv="属性值" content="属性值详细内容">
常用属性值：Content-Type HTML
网页刷新 refresh
设置浏览器 set-Cookie
缓存 cookie
3.name属性：需配合content属性使用，主要用于给搜索引擎提供必要信息。
写法：<meta name="属性值" content="属性值详细内容">
重要属性值：author 作者，声明网站作者，常用公司网址表示
keywords 网站关键字，多个关键字，用英文逗号分隔
description 网页描述，搜索引擎显示在title下的描述内容
http-equiv和name属性，必须与content属性配合使用，前两者只是用于 声明即将修改哪些属性值，而实际的属性值内容，在content中描述。
<!--charset属性-->
<meta charset="UTF-8">
<!--作者-->
<meta name="anthor" contet="http://www.yt4561761.com" />
<!--网页关键字-->
<meta name="keywords" content="HTML5,网页，第一个"
<!--网页描述-->
<meta name="description" content=我的第一个网页 />
<!--声明文档的编码格式-->
<meta charset="UTF-8" />
- link标签
1-作用：用于为网页链接各种文件。
2-常用属性：
rel：用于表明被链接文件与当前文件关系。icon表明被链接图片是当前网页的icon图标。
type：表明被链接文件是什么类型，可省略。
href：表明链接文件的地址。
<link rel="icon" href="img/icon.png" />
- title标签
网页的标题，即网页选项卡上的文字。
<title>我的第一篇博客</title>
总结
以上就是今天所学习到的内容，本文仅仅简单介绍了HTML的大致概念，及HTML5头部结构中的常见标签，而HTML中还有很多其他的常用标签，后续会继续回顾学习。
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
