零基础小白三天学会基础HTML---day1

1.HTML是什么？

HTML是什么？
HTML，全称“Hyper Text Markup Language（超文本标记语言）”，它是制作万维网页面的标准语言。

HTML不是一门编程语言，而是一门描述性的标记语言。HTML最基本的语法如下：

<标签>内容</标签>

HTML的结构

下面来介绍HTML的结构：

一个HTML文档由4个基本部分组成：

① 一个文档声明：

声明这是一个HTML文档。

② 一个html标签对：标签的作用相当于设计者在告诉浏览器，整个网页是从这里开始的，然后到结束。
③ 一个head标签对：head标签是页面的“头部”，只能定义一些特殊的内容。
④ 一个body标签对：body标签是页面的“身体”，一般网页绝大多数的标签代码都是在这里编写。

文本标签

1.标题标签：h标签 （h1~h6）从浏览器预览效果我们知道，标题标签的级别越高，字体越大。 例如

分割线标签 hr

一条独占一行的横线，是个单闭合标签里面有color（设置颜色），width（设置宽度）属性
如图

段落标签 p

在HTML中，使用p标签来标记一段文字。

换行标签

换行标签
我们知道，段落标签p可以自动换行，那如果我们想随意地进行换行该怎么做呢 我们可以加入这个br单闭合标签

预格式化标签pre

该标签可以将文本内容原样的输出，示例：

上方注释标签ruby与rt标签联用

其他文本标签

加粗标签：b
倾斜标签：i
下划线标签：u
下标标签：sub
上标标签：sup
这里不一一举例了，可以自己去尝试一下这些双标签。

HTML实体标签

空格-----&nbsp；是英文字符空格
&emsp；:是中文字符空格
and符：&amp
大于；&lt
小于；&gt

超链接

什么是超链接？
超链接的英文名是hyperlink，它能够让浏览者在各个独立的页面之间方便地跳转。每个网站都是由众多的网页组成，网页之间通常都是通过链接方式相互关联的。超链接的范围很广，可以将文档中的任何文字及任意位置的图片设置为超链接。超链接有外部链接、内部链接、电子邮件链接、锚点链接、空连接、脚本链接等。

超链接，可以说是网页中最常见的元素，随处可见。下面介绍如何使用超链接
a标签简介
a标签是非常常见而简单的标签。在HTML中，使用a标签来表示一个超链接。

语法：

说明：

href属性表示链接地址，也就是点击超链接之后跳转到的地址。
示例：


点击“百度一下”，就会跳转到百度首页。

下面介绍锚点链接:锚点链接是内部链接的一种，它链接对象是当前页面的某一个部分。

有些网页由于内容比较多，导致页面过长，访问者需要不停地拖动浏览器上的滚动条来查看文档中的内容，如下图。为了方便用户查看文档中的内容，在文档中需要建立锚点链接。
所谓的锚点链接，就是点击某一个超链接，它就会跳到当前页面的某一部分。用法如下图

这就是锚点链接的设置方法在顶部抛下锚点，然后在底部设置回到顶部这个链接，这样就能一键回到顶部了。总的来说锚点链接要设置两部分：一，是目标锚点的id名称；二是超链接部分。