一 HTML
1.1 含义
1.2 基本骨架
<html>
<head>
<title></title>
</head>
<body>
网页要显示的内容
</body>
</html>
html5基本骨架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
1.3 编辑器
记事本 sublime vscode(IDE) Hbuilder webstorm ...
sublime，快捷方式html:5 按住tab或ctrl+E
1.4 常用标签
标题标签 h1~h6 双标签 <h1></h1> 开始标签和结束标签
Q： 请谈谈你对标题标签的理解？
从语义的角度回答 标题标签给文本赋予标题的含义
SEO
划线标签 <hr /> 单标签 了解 线条以后用css完成
段落标签 <p></p> 双标记
换行标签 <br /> 单标签
div和span标签 无语义的标签 实在找不到标签表示的时候 考虑用div和span
图像标签 <img /> 单标签
超链接 <a /> 应用 锚点
【DOCTYPE html】
<!DOCTYPE html> DTD 文档类型说明 声明文档类型为HTML5文件。
文档声明在HTML5文档必不可少，且必须放在文档的第一行。
【meta标签】
①charset属性：单独使用，设置文档字符及编码格式。
写法：<meta charset="UTF-8">
常见的中文编码格式：
GB-2312:国标码，简体中文
GBK：扩展的国标编码，简体中文
UTF-8:万国码 Unicode码，基本兼容各国语言
②http-equiv属性：需配合content属性使用。主要声明浏览器如何解释编译文件。
写法：<meta http-equiv="属性值" content="属性值详细内容"
常用属性值：Content-Type HTML4.01之前的文档内容编码声明。
refresh 网页刷新
set-Cookie 设置浏览器cookie缓存
③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标签】
①作用：用于为网页链接各种文件。
②常用属性：
rel：用于表明被链接文件与当前文件关系。icon表明被链接图片是当前网页的icon图标。
type：表明被链接文件是什么类型，可省略。
href：表明链接文件的地址。
<link rel="icon" href="img/icon.png" />
【title标签】
网页的标题，即网页选项卡上的文字。
<title>Athena</title>
1.5 标签属性
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
