html知识点整理ppt,Html 部分知识点整理

写在前面：HTML 指超文本标签语言。

HTML 是通向 WEB 技术世界的钥匙。

那么我用自己的理解和在网上找到的把在吉软的这两节课的知识整理一下，如有更好的见解，请多多指教/微笑。

什么是HTML呢？HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

说白了就是做网页用的。我们打开一个网页，按下“F12”就可以查看网页的源代码了。

一、如何编辑HTML

1.使用记事本。在编辑完成后更改文件的扩展名为“.html”就完成了。敲一敲，这里是重点——不要把扩展名“.html”中的“.”忘记！！！不要忘，不要忘，不要忘！

(ps:HTML的扩展名有两个，一是“.html”，一是“.htm”。在一些大型项目中使用的是LINUXE系统，而在LINUXE系统之中是不识别“.htm”的，所以笔者推荐大家第一个。)

2.使用高大上的eclipse。这个软件相比于用记事本来看就很灵性，十分的高大上。用它可以节省很多时间，提高开发效率，笔者强推。

二、HTML的标签(不完全归纳)

标签分为两种：双标记(也叫“全围堵“，如“”)，单标记(也叫半围堵“
”)；——这句话是一个简单的常识，矫老师说过“面试有可能会考”，当然，我们都是本着一个求知的心去学习的，学到东西是第一位，咳咳，我没骗人...

下面我先简单的说一下目前为止学过的标签都有什么吧：

  (这几个标签我们暂时没有了解那么多，但是要知道他们的排列顺序以及互相之间的包含关系，不然编辑会出错的。具体格式如下在这里写标题

在这里写入网页的内容

当然还有        ("x"可以为1、2、3、4、5、6，后面再详细介绍)   

三、HTML标签的使用

1.(这是一个双标记标签对吧) 它用来规定文本的字体、字体尺寸、字体颜色(这些定义我都是在网上找的专业定义，所以稍稍有些难懂，但是很准确！)。 我们通过一些名为“属性”的牛B单词来配合着标签实现以上功能。在标签之中可以使用的属性有“color” “face” “size”这三个，使用方法如下

这里还是一个标题

这里是一段文字(是不是气氛有点严肃了，这不像我平时的风格啊)

这里有要说明的，"color"这个属性可以用三种方法来定义：①直接用颜色对应的英文单词来定义，如“red” ②使用十六进制来表示，如“#000000”(黑色，black) ③使用rgb(x,x,x)来表示，如rgb(50,50,50)。

对于“face”这个属性，把字体输入进去就行了，简单易懂。

“size”是对字体大小进行调整的属性，在这里输入的数字不能大于7，且7为最大的字体。(ps：有一种表达方法可以代替数字，那就是“+”，怎么用呢？只要记住“+”代表“3”就行，如“7”==》“+4” ,但是但是但是，单独使用“+”是没有效果的。)

2. 这个标签被用来向网页中嵌入一幅图像，它有两个必须的属性——“src”和“alt”。“alt”用来规定图像的代替文本，简单直白的来说，就是如果图像显示不出来了的话会出现文字代替它，比如“努力加载中”这样的字眼。

“src”属性的使用很重要，因为它是规定所显示图像的URL(路径)的，在下面的例子里你可以看到如何去使用它。(ps：路径有两种，一种是绝对路径——用矫老师的话来说就是“带盘符的”和“带协议的”，另一种则是相对路径，下面的这个例子里前者是表示绝对路径，后者则是相对路径，它们的路径是我随意写上去的。)

这又是一个标题

敲一敲！矫老师还说过，如果图片和我们做的html文件不在一个文件夹里怎么办，还记得吗，没错，就是使用“../”，怎么记忆呢？就简单点记好了，“../可以让图片‘跳出当前文件夹’”。

3.  这个标签可以用来定义嵌入的内容，比如flash动画，并且目前我们只讲了怎么插入flash动画。标签里面有四个属性可以使用，分别为“height”(定义嵌入内容高度) “src” “type”(定义嵌入内容的类型) “width”(定义嵌入内容的宽度)，在这里我们只讲了“src”标签，其余三个我们没有讲，所以也就不在这里做整理了。

“src”和上一个标签里的“src”是一个意思，它是规定所显示flash的URL(路径)的，同样分为相对路径和绝对路径，不多说，上例子！

没错，这肯定是一个标题了

4.

---

这个标签表示在html页面中创建一条水平线，用我的话来说就是“插入一条水平线”。

---

有五个属性可以使用，分别为“align”(规定hr元素的对齐方式) “noshade”(规定hr元素的颜色呈现为纯色) “size”(规定hr元素的高度(厚度)) “width”(规定hr元素的宽度) “color”(规定hr元素的颜色)。

“align”是用来规定对齐方式的属性，如align=“center”将水平线规定为居中对齐(还有left和right(默认值))。

“noshade”规定水平线为纯色——就是没有阴影的水平线(默认的水平线是有阴影的)

“size”可以让水平线改变厚度，以像素计。

“width”规定水平线的宽度(我觉得就是长度)，以像素或者百分比计。

“color”规定水平线的颜色，用法和前面说的一样，共三种表示方法，在此不作说明。

请看下面的这个例子，水平线被规定为原长度的50%，居中对齐，显示纯蓝色，厚度为50px。

不管你信不信，我真的是标题

---

5.
很简单，它代表换行，对，没了，就代表换行。这真是个简单的标签，不是吗？

6.这个标签可以定义标题，“x”是我自己加上去的，代表“1、2、3、4、5、6”其中的一个数字，

定义最大的标题，

定义最小的标题。可以使用的属性为“align”。

这里“align”有四个值可以用，分别为“left”(左对齐内容(默认值)) “right”(右对齐内容) “center”(居中对齐内容) “justify”(对行进行伸展，使每一行都可以有相等的长度)，对应敲出来就能得到相应的效果，那么看看例子吧

标题标题标题

This is heading 1

This is heading 2

This is heading 3

This is heading 4

7.这个标签被用来定义超链接，其中有一个很重要的属性——href，它指示链接目标。我们可以通俗的理解为用href表示网址或者一个链接的名称。再讲这里的时候我们还用到了另外两个属性，target和name。(ps：标签中必须提供href属性或者name属性)

href 属性用于指定超链接目标的 URL。href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。如果用户选择了 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。

在这里我举几个老师讲过的例子。

绝对URL-指向另一个站内点(比如 href="https://i-blog.csdnimg.cn/blog_migrate/f1777111f5d0f1c81ffa04de751128fa.pngindex.htm")

相对 URL - 指向站点内的某个文件(href="index.htm")

锚 URL - 指向页面中的锚(href="#top")，关于锚链接的内容，我会在后面详细的解说

target有四个值，目前老师讲了一个——“_blank”，在新窗口打开链接，如下面这个例子，点击“好123”可以在新窗口打开链接

标题

好123

接下来解释一下锚链接吧，最常见的锚链接就是“回到顶部”，一般网页都会有的，这个想要实现的话个人认为是需要仔细的思考记忆的，先举个例子吧 ，以“回到顶部”为例

不管你信不信，这就是一个标题，真的

点我回到顶部

按照上面这个例子敲出来就可以实现“回到顶部”这个功能，但还要注意的是，如果内容不足一页以上，是不会实现这个效果的。

上面这个例子只是锚链接的一个简单应用，还有很多地方也会用到锚链接，比如看小说的时候加入的书签等等，要记住，点击的地方是“href="#名字"”，“传送”到的地方是“name="名字"”(ps：这里可以使用“id”来代替“name”)，在“”中间可以不加内容。

8.

• 、

1. 、
2. 、

   ，

   这里是有关序列的标签，序列标签一共分为三种——无序、有序和自定义。

   先来说说无序的，标签为

   • ，用法如下是标题啊是标题
     • 序列内容1
     • 序列内容2
     • 序列内容3

   其中“

3. ”代表每一项的内容，这个标签其实是双标记标签——“
4. ”，但是“”可以省略，所以直接敲
5. 就可以了

   (未完待续...)