HTML基础知识
时间：2021-08-27
一、HTML的定义
HTML，超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5。在HTML5中出现了许多新特性，也遗弃了一些旧元素。我们写好html文件后，在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。
二、HTML标签元素
HTML元素由开始标签和结束标签组成。如 / ,。虽然现在我们还不知道具体标签代表的意思，但标签一定是这样的格式：有一对开始<>和结束。一般标签名推荐用小写。标签具有属性，属性用来表示标签的特征。比如，我们用大小这个属性，来衡量一个苹果。所以，大小可以用来表示苹果的特征。属性时写在标签里面的，而且是开始标签内。
三、HTML 的基本结构
结构由网页的头部和网页的身体组成。如下例子：
<html>
<head>
<title>这是我的博客title>
head>
<body>
这是我的身体。
body>html>
在上面的例子中，第一个标签是告诉浏览器这是html文档的开始。Html文档的最后一个标签是，是告诉浏览器这是html的终止。标签之间的文本是头部信息，在
二、规范的html页面
1、文档声明
在前，要写文档声明语句: ，当然也可以用小写表示。文档声明的作用是告诉浏览器该文档遵循html规范。
2、标题
一般情况下，我们都会设定html文档的标题。这样的作用是使用户看起来感觉友好。标签为
3、页面编码
编码的种类有多种，但常用的是utf-8和gb2312。utf-8为多国语言编码，gb2312为中文简体编码。对于编码的详细问题，可以浏览博客。设置网页编码的语句为，是在标签内定义的。
4、页面关键字，内容
我们可以在文档中设置一些关键词，内容介绍。这样的好处是，当我们的网页发布在网上，用户可以通过在搜索框中输入关键字，找出一些比较符合的网页。这样一来，我们的网页便可以更容易地被别人访问。
四、常用元素
1、 换行符
。换行对于文本编辑来说是最正常不过的了。当文字写满一行，需要换行。或者根据需要，在文本中换行，这都是可以的。如下例子：
<body>
我要换行<br />换行后
body>
2、段落
在写文章时，我们可以用p标签来定义一个段落。如下定义了两个段落：
<p>
UTF-8。UTF-8就是在互联网上使用最广的一种unicode的实现方式。
p>
<p>
GBK编码，包括了GB2312中的编码，同时扩充了许多，通行于大陆。
p>
在定义了段落后，可以利用属性align来对段落进行设置。属性align的值包括left（左对齐）、center（居中对齐）、right（右对齐）三种。
<p align=“center”>
UTF-8。UTF-8就是在互联网上使用最广的一种unicode的实现方式。
p>
3、标题。标题有六种大小h后的数字越大，说明标题越大。分别为
<h1>标题1h1>
<h2>标题2h2>
<h3>标题3h3>
<h4>标题4h4>
<h5>标题5h5>
<h6>标题6h6>
4、文本格式化，一些常用于设置文本字体的元素：
定义粗体文本
定义斜体文本
定义删除文本
定义上标字
定义下标字
效果图如下：
a标签用来定义一条超链接，其中要有的是href属性，href的作用是指明超链接要链接到的网址。除了href属性，还有title属性表示链接的提示信息。target属性表示链接的打开方式，即当点击了链接，选择是在另一个页面打开还是本页面打开。其属性值包括_blank(新的空白页)、_self(当前页)，_top（当前页）。
href的值可以是外部链接，也可以是内部文件，如***.html文件。
href也可以链接到别的地址，如邮箱、电话、sms。
6、 锚点
有时我们在浏览网页时会发现，有些网页比较人性化，会有点击返回顶部的按键。这样的效果其实用锚点标签就能做到。锚点就是点击使用户跳到文档的某个部分。
如代码例子：
代码代码
7、图像
属性 |
属性值 |
说明 |
src |
url |
图像资源的地址 |
width |
像素（px） |
图像宽度 |
height |
像素（px） |
图像高度 |
alt |
替代文字 |
图片的替代文字 |
如下：
<img src="img/fenfjing.jpg" width="100" height="100" alt="风景" />
7、地址的
当我们引入一个文件时，要写明它的地址，也就是目录所在。分成以下几种情况：
|
情形
|
html文件位置
|
图片位置
|
写法 |
|
同一个目录
|
D:/html/demo.html
|
D:/html/01.jpg
|
|
|
下一层目录
|
D:/html/demo.html
|
D:/html/img/01.jpg
|
|
|
上一层目录
|
