从别人截取过来的少了图  源自 https://www.cnblogs.com/46ly/p/5740144.html

HTML基础知识总结经过这段时间的学习，对于html的一些基础知识有了一定的了解。所谓好记性不如烂笔头，唯有一点点累积，才能汇聚成知识的海洋。现在，我对这段时间的学习做一个总结。一、HTML的定义   HTML，超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5。在HTML5中出现了许多新特性，也遗弃了一些旧元素。我们写好html文件后，在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。二、HTML标签元素HTML元素由开始标签和结束标签组成。如
/
,
。虽然现在我们还不知道具体标签代表的意思，但标签一定是这样的格式：有一对开始<>和结束。一般标签名推荐用小写。标签具有属性，属性用来表示标签的特征。比如，我们用大小这个属性，来衡量一个苹果。所以，大小可以用来表示苹果的特征。属性时写在标签里面的，而且是开始标签内。三、HTML 的基本结构结构由网页的头部和网页的身体组成。如下例子：复制代码                          这是我的身体。    复制代码 在上面的例子中，第一个标签是告诉浏览器这是html文档的开始。Html文档的最后一个标签是，是告诉浏览器这是html的终止。标签之间的文本是头部信息，在之间的文本是文档标题，会显示在浏览器的窗口的标题栏。之间的文本是正文。二、规范的html页面1、文档声明在前，要写文档声明语句: ，当然也可以用小写表示。文档声明的作用是告诉浏览器该文档遵循html规范。2、标题一般情况下，我们都会设定html文档的标题。这样的作用是使用户看起来感觉友好。标签为,标签内放标题名称。3、页面编码编码的种类有多种，但常用的是utf-8和gb2312。utf-8为多国语言编码，gb2312为中文简体编码。对于编码的详细问题，可以浏览博客。设置网页编码的语句为
     ，是在标签内定义的。4、页面关键字，内容我们可以在文档中设置一些关键词，内容介绍。这样的好处是，当我们的网页发布在网上，用户可以通过在搜索框中输入关键字，找出一些比较符合的网页。这样一来，我们的网页便可以更容易地被别人访问。  四、常用元素  1、 换行符 
。换行对于文本编辑来说是最正常不过的了。当文字写满一行，需要换行。或者根据需要，在文本中换行，这都是可以的。如下例子：       我要换行
换行后 2、段落 
在写文章时，我们可以用p标签来定义一个段落。如下定义了两个段落：复制代码
UTF-8。UTF-8就是在互联网上使用最广的一种unicode的实现方式。
GBK编码，包括了GB2312中的编码，同时扩充了许多，通行于大陆。
复制代码在定义了段落后，可以利用属性align来对段落进行设置。属性align的值包括left（左对齐）、center（居中对齐）、right（右对齐）三种。
UTF-8。UTF-8就是在互联网上使用最广的一种unicode的实现方式。         
3、标题。标题有六种大小h后的数字越大，说明标题越大。分别为复制代码
标题1
             
标题2
标题3
标题4
标题5
标题6
复制代码  4、文本格式化，一些常用于设置文本字体的元素：         定义粗体文本
          定义斜体文本 
         定义删除文本
         定义上标字
         定义下标字
效果图如下：  5、定义超链接  a标签用来定义一条超链接，其中要有的是href属性，href的作用是指明超链接要链接到的网址。除了href属性，还有title属性表示链接的提示信息。target属性表示链接的打开方式，即当点击了链接，选择是在另一个页面打开还是本页面打开。其属性值包括_blank(新的空白页)、_self(当前页)，_top（当前页）。百度一下 href的值可以是外部链接，也可以是内部文件，如***.html文件。外部链接内部链接 href也可以链接到别的地址，如邮箱、电话、sms。邮件链接拨打电话发送短信6、 锚点有时我们在浏览网页时会发现，有些网页比较人性化，会有点击返回顶部的按键。这样的效果其实用锚点标签就能做到。锚点就是点击使用户跳到文档的某个部分。   如代码例子：跳转 
代码代码
7、图像属性属性值说明srcurl图像资源的地址width像素（px）图像宽度height像素（px）图像高度alt替代文字图片的替代文字如下：7、地址的当我们引入一个文件时，要写明它的地址，也就是目录所在。分成以下几种情况：情形 html文件位置 图片位置 写法同一个目录 D:/html/demo.html D:/html/01.jpg  下一层目录 D:/html/demo.html D:/html/img/01.jpg  上一层目录 D:/html/demo.html D:/01.jpg 同一层不同目录 D:/html/demo.html D:/img/01.jpg 相关说明：./                                当前目录../                               回到上一层目录images/                       进入一层目录../images/                    回到上一层目录，然后再进入images目录7、列表（1）、无序列表。Html中列表也是常用的元素。无序列表用
     
      
     
表示。说明：属性：type属性值：         列表前的符号 disc        　　   实心原点    circle　　　　   符号为空心圆 square　　　　 符号为方形例子如下：复制代码 
     
         
      
苹果
         
      
香蕉
         
      
雪梨
 
     
复制代码复制代码 
     
    
      
苹果
    
      
香蕉
    
      
雪梨
    
     
复制代码复制代码 
     
    
      
苹果
    
      
香蕉
    
      
雪梨
    
     
复制代码（2）、有序列表有序列表使用数字或字母系统来组织列表里包含的信息。有序列表可以使用数字(默认)、大写字母、小写字母、大写罗马数字和小写罗马数字排列项目。说明：属性            属性值                          说明type     1、 a 、 A、i、I       用来设置项目前面的标记start         数值                         排序的起点数值复制代码
     
         
      
苹果
         
      
香蕉
         
      
雪梨
         
     
         
     
         
      
苹果
         
      
香蕉
         
      
雪梨
         
     
         
     
         
      
苹果
         
      
香蕉
         
      
雪梨
         
     
         
     
         
      
苹果
         
      
香蕉
         
      
雪梨
         
     
         
     
         
      
苹果
         
      
香蕉
         
      
雪梨
         
     
复制代码（3）、定义列表定义列表用来组织术语和它们的定义。任何信息如果包含多个术语和相对应的解释，都可以使用定义列表进行组织。复制代码
     
      
       爱好
      
      
       听歌
      
      
       爱好
      
      
       跑步 
      
      
       唱歌 
      
     
复制代码10、 HTML 实体字符。在html中，有些特殊字符是需要用html语言表示出来的。一个字符实体包含三个部分：一个&符，一个实体名或者一个实体号，最后一个分号（；）。如下表格所示：* 实体名是大小写敏感的。实体字符 字符实体 大于号 (>) > 小于号 (<) <引号 (") " 注册商标(®) ® 版权(© ) © © &      10、 图像热区平时我们在浏览网页时，当鼠标经过一张图片中的某个位置时，发现是可点击的。也就是说，我们点击这个部分，就会链接到别的地方。创建图像热区想要用b标签把图片插入进来，然后使用标签在刚才插入的图片里划分热区。Rect:矩形   左上角坐标与右下角坐标（x，y，x，y）Circle:圆形  圆心坐标，半径  （x，y ，r）Poly:多边形  各顶点的坐标   （x，y，x，y，x，y。。。）说明：URL                 图像的地址usermap          表示要使用#后面的那个名字的