1.什么是html
- html是一门前端技术
- 专门负责在浏览器上显示给用户试图信息的,该视图中图片、文字的大致的排列方式。
- hyper text markup language超文本 标记 语言
(超文本:超级文本 包含了除了文本之外的其它 内容 (视频、图片、音频、连接。。。。
标签 <> 以这样的尖括号包裹起来的一个标签
语言 html存在自己的语法规则和规范 学习任何一门语言就是学习它的规则以及规范)
2.html的应用场景
html代码是运行在浏览器上的,给用户呈现视图页面。后期开发过程中的view视图,基本上就是通过html完成的。
3.为什么要使用html
能够给用户呈现更加好看的的页面信息,普通文本只能展示文字信息,html可以提供各种需要的视图信息。提高用户的体验度。增加用户的粘性、提高程序变现的概率。
4.通过html编写代码
4.1开发工具
DW、HBuilder、IDE集成工具
notepad++、EditorPlus等
4.2 html基本语法
4.2.1编写html框架
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
4.2.2.注释
注释的作用:解释说明的文字,解释说明代码的。html中注释给程序员不是给用户看的。所以浏览器解
析html文档的时候,会跳过注释的内容。
<!DOCTYPE html>
<!--这是解释说明的文字-->
<html>
<head>
</head>
<body>
<!--这是解释说明的文字-->
这是我的第一个html程序
</body>
</html>
4.2.3.html中的标签的含义
<!-- html文档的声明,声明当前html的版本 是html 5 必须要保证在首行
语法1:忽略大小写,对大小写不敏感
-->
<html><!--html文档开始标签-->
<head><!-- 头信息 :标题信息 、字符集合信息 、搜索引擎优化信息、js脚本信息、css样式信息
-->
</head>
<body><!-- 网页上展示的内容都在body中 -->
</body>
<laoxue></laoxue>
</html><!--html文档结束标签-->
4.2.4.基本语法规则
- 语法1: 忽略大小写,对大小写不敏感
- 语法2: html中都是通过标签进行编写的 而且99%以上的标签都是成对出现的,<开始></结束>
- 语法3: html的标签是可以嵌套使用的
- 语法4: html就是学不同的标签的含义以及呈现的样子
- 语法5: html中每个标签中都可以存在1个或者 是多个属性,属性和值通过= 连接
- 语法6: html标签中的文本称之为文本节点或者叫做文本值
4.3.head中可以存放的元素
4.3.1.字符集合
什么是字符集?
在计算机中书写了一个A,计算机需要认识A,存储A。通过字符集合存储,对应其实字符集合就是一个字典。该字典维护了字符和数字之间的关系。实际上计算机存储的是字符对应的数字的二进制的值。
常见字符集
- ANSII: 美国信息标准交换码 这个表1个字节
- GBK: 包含了中文信息 2个字节
- Unicode: 全球统一标准交换码
目前市面上最常用的字符集合(包含UTF-8和UTF-16)
4.4body中存放的元素
4.4.1标题标签
<!-- 标题标签 h1-h6-->
<h1>我是1级标题</h1>
<h2>我是2级标题</h2>
<h3>我是3级标题</h3>
<h4>我是4级标题</h4>
<h5>我是5级标题</h5>
<h6>我是6级标题</h6>
<h7>我是7级标题</h7>
<!-- 在一个网页中只添加一个一级标题 -->
标题标签只有h1-h6 如果出现了不存在的标题标签,此时会按照正文显示出来。一个网页中最多只能出现一个h1标签。
4.42段落标签和加粗
<p>一顿操作<b>猛如虎</b> 一看战绩<b>0杠5</b>。</p>
p可以自动换行,b标签是用来加粗展示的。注意strong标签也可以将文本加粗,但是它可以强调语气。