2019-11-09HTML基本标签

首先得明白HTML它不是类同于C,JAVA,C++之类的编程语言，它是一种超文本标记语言，全称hypertext markup language.它由许多标签对来组成，下面我简单介绍下自己了解到的一些标签。（初学者）

大体架构：

（html后面可以跟一个lang="en"/"zh"或者其他的，目的就是告诉搜索引擎你这个是关于什么的，en代表英语，zh代表汉语）

     里面放给浏览器看的东西，我们人是看不到的

   里面放给我们人看的东西，它会展示出来

下面说说head标签里面放些什么吧。肯定有个,这个什么意思呢？现在目前通用的一般有4个编码字符集，gb2312,gbk，unicode,utf-8。最初呢有个gb2312,它可以让计算机识别几乎所有种类亚洲文字，但是！它不能识别如今台湾还在用的繁体字，这样它肯定是不合格的，于是乎来了个它的扩展版本gbk，这个就完善了上面的问题。unicode呢它叫万国码，utf-8呢是他的一个升级版本。感兴趣可以自己去了解一些编码字符集。回到这个标签，于是乎我们就把utf-8往那一囤就完事了嗷~。你想想，肯定还有个放网页标题的鸭，这个用 。嗯，，，如果你想要优化搜索引擎，你可以多了解meta这个标签，它是对网页一些属性做出定义的，它里面可以放很多，例如介绍网页是干嘛的用keywords,描述它用description.

嗯，，，body里面没什么好说的了，就是加东西展示出来。下面说说标签吧。p标签：

,顾名思义paragraph就是段落的意思。例如：

这个是一个段落哟~

那么展示的时候它将会是自己的一个段落，因为你不声明的话，html它排版就是往后堆叠，如果后面放不下就换行。h标签：标题,有h1,h2,h3,h4,h5,h6.这个标题是展示在网页中的，就像我们平常做的ppt的几个几个标题一样。strong标签：如果你想加粗某些字体可以用这个标签，如：派大星 那么你会看到派大星和其他字体比较明显粗一点。有加粗还有斜体标签em如海绵宝宝.标签是可以套着的，如果你想既加粗右斜体，那么你可以把这两个标签套起来用。del标签：我们经常在淘宝上看到某些衣服打折什么的，他就会吧原价划一横，这个就是靠del标签实现的，如$399,这样展示出来的￥399就会被划一横。下面说两个有点不一样的标签：

;这两个标签呢，和前面几个简单的标签有点不一样，当你在他们之间加东西时你会发现div有和没有一个样，span还有个换行的功能。但是！它！不是和前面几个标签一样，他不是这么用的它的作用1.充当容器作用，将页面分块结构化。2.捆绑作用。 什莫意思呢，第一点就是说我们一般写代码会将它规划，比如这个导航栏的代码我放到这一块，那一个功能的代码我放到这一块，这样就结构清晰，便于维护了，而放就是放到我们说的这两标签里，这样他们就是在一个容器里了。第二点就是说假如好多东西在我这个容器下，我想要对他们做同一个效果，我就可以在div或者span里面操作一次，不用对下面的东西每个都操作一遍，相当于现在有10个东西，我想将他们搬到一个地方，如果我一个一个搬要好几次，但是我将他们全部放到一个箱子里的话，我就只用搬箱子操作一次。接下来说说空格呗，空格它实际上是起到字符分割的作用。假设我们想在 “我爱派大星”之间在我爱后面加几个空格，我们加完后会惊奇的发现展示出来只有一个空格，因为一个就是分个了，你多加几个没个鸟用。可是我就想展示几个空格呢，，，用html编码 又要说到html编码的话，它由 &加一些东西；所组成，常见的有三个哈  相当于一个空格。<；相当于标签的做尖括号。>相当于标签的右尖括号。即然都说了html编码，再来一个小小知识：单标签。HTML里面几乎标签全是成对出现的，也有单个出现的，就是他们自己就有意义，不用对里面的东西构成功能，老规矩，3个。回车：
. 描述属性的.水平线

---

.

简单标签基本上说完了，来几个有点难的。有序列表

,它里面一般放几个

标签。li标签里面放要排序的东西，比如按世界最帅的人来排，依次可以放 “我自己”  “我自己2号”  “我自己3号” 等等。那么这样展示出来的效果小伙伴可以看看它是甚麽样的，1.我自己   2.我自己2号  3.我自己3号。排序有门道，ol里面可以放属性type=" "五个值：1,a,A,i,I.依次就是排序方式用阿拉伯数字，小写字母，大写字母，小写罗马，大写罗马数字来表示(不写就默认阿拉伯数字排)。属性start=" ",不管你用那种方式记录，你想从第几个开始排，就写阿拉伯数字几就可以了。属性reversed="reversed"加了这个就能让他倒着排序。无序列表

,它里面也会放几个li列表。但是他只有一个属性type="disc"/“square”/“circle”，依次为实心圆，实心方块，圈圈。不写就默认为实心圆。ul它常用于导航栏。放图片的标签,src后面加图片路径，如果图片来源于网络，那就右击图片，选择在新标签页中打开，复制路径粘贴过来就可以了。如果图片来源于自己计算机，那么分两种情况，1.绝对路径：此图片和你这个网页不是保存在同一根目录下，那麽此时就要将图片完整路劲写齐了。2.相对路径，如果他们在同一根目录下，那么只写出相对路径。（标签里通常会加style=" "用来设置图片大小，背景颜色啊什么什么的，这个是css.可以了解一下，光靠html写的东西就是纯文本。。。）标签里面有属性alt=“”，这个叫图片占位符，目的是倘若图片地址失效或者别的什么原因展示不出来，那麽他就会出现alt后面的提示，比如我本来是展示了一张海绵宝宝的图片，如果我在标签里假设alt="这是海绵宝宝"，那么假设我的图片展示不出来，此时就会出现这是海绵宝宝字样。标签里还有属性title=" ",这个叫图片提示符，我们会发现有时候我们将鼠标移到一张图片上时，我们会看到它显示了一些提示信息，还是海绵宝宝的例子，如果我在img标签里加了tille="这是派大星好基友"，当鼠标移到图片上时便会出现此字样。这个是引入超链接的，herf后面加复制过来的网址，如果想给它命名并在新的页面中跳转，那么两个括号间可以加上东西，比如：新闻,这个就是百度页面右上角的新闻，你点击后就会跳转到另一个页面。他除了有超链接，还有锚点，打电话，发邮件的功能。锚点就是类比于我们阅读是的那个点击回到顶部一样，点一下就回到指定位置。打电话发邮件.最后来个form表单：

,它里面常常会放input组件。form里面有属性method="get"/"post",就是发送方式，action=" 加地址",就是接收方。倘若要输入框，，密码框：其中name是自己取得，就是你输入的是什么玩意儿，随便命名。但这样还无法登录，需要提交字样，用value后随便写啥，登录，login啥的都行，不写默认字样为提交。如果需要选择题，就用如果想把几个选项归为同一道选择题，就把name命名为相同就可以了，value 后加选项。

如果还有不懂的可以看看https://ke.qq.com/course/