第一章：HTML5基础 ②

第一章：HTML5基础②

一，部分元素（标签）和属性

1. head部分的标签

​ 在head的标签一般都是和网页信息相关

1> title

​ 使用这个标签会把文本内容展示到浏览器页面头部的网页名称处，如下图所示：

2> meta

​ 使用meta标签一般设置网页编码，搜索关键字，内容描述等；

​ 代码：

​ 运行结果：

​

​ 每个国家的语言都会有一种对应的编码，我们国家的是 GBK，但是我们一般用国际编码UTF-8，使用这两个编码一般都不会乱码。

2.body部分的标签

1> h1~h6

​ 标题标签，h1到h6所包括的文本均加粗，字体大小发生变化，从h1到h6字体逐渐变小。

​ 代码：

运行结果：

2> p（段落标签）

代码示例：

运行结果：

​ p标签包括的文字，会形成段落，上面额下面会自动留有一定的空白，类似于Word中的段落间距。

3> br 标签（单标签）

<br />：强制转行，因为不会跟随窗口的伸缩而自动变动，所以对用户的体验不好，一般不会使用。

代码：

运行结果：

4> hr标签（单标签）

<hr />:水平线标签，绘制一条水平的分割线。

代码：

运行结果：

5> strong(加粗标签)和em(斜体标签)

<strong>text</strong>:加粗被strong标签包括的文本内容，是字体样式标签。
<em>text</em>:使被em标签包括的文本内容变为斜体，它也是一种字体样式标签。

代码：

运行结果：

6> img(图片标签)

代码：

运行结果：

7> a标签（链接标签）

target的值有两个常用的值，_self和_blank，他们分别表示在本窗口打开链接和新建窗口打开链接。

a标签有三种用法，页面间链接，锚链接，和功能性链接。

• 页面间链接: a标签是一个跳转标签，控制页面之间的跳转。href属性里设置跳转页面的路径，target属性里设置是在当前页面跳转还是新建页面跳转。target默认属性为_self（在当前页面跳转），设置为_blank则表示要新建页面跳转。title属性为鼠标悬停时展示的信息。

• 锚链接: 可以通过a标签跳转到页面指定的位置 。

• 功能性链接: 如email，tel，腾讯qq等。点击链接就请求打开应用的链接。

2.注释和特殊符号

1.注释

​ HTML的注释为<!-- 文本内容--> ,记注释的通用方法就是记快捷键：Ctrl+/。

2.特殊符号

​ 特殊符号用于当我们想要原样输出：< , > ,空格，"，版权号等特殊符号时，需要用类似于转义符的字符串代替。

​ 版权符号：

3.行内元素和块元素

1> 块元素

​ 无论内容多少，该元素独占一行（p、h1-h6…）

2> 行内元素

​ 内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)

3.行内元素和块元素

1> 块元素

​ 无论内容多少，该元素独占一行（p、h1-h6…）

2> 行内元素

​ 内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)

4.总结