暑假快速学习html的学习笔记

  暑假开始的两天，我开始学习html和css。第一次写博客来记录自己学习轨迹，希望自己可以
坚持下去，希望写学习笔记可以成为我的一个好习惯吧。    

 ❤HTML:   

  开始接触html的时候，发现只需要通过记事本就可以完成html的编辑，不得不说真的很方便。因为最开始学习C++的时候还需要专门下载编译器。瞬间对网页变成很感兴趣。 在快速学完以后，脑子里就有一个大概的框架了。    首先就是文本部分了。一个网页可以传达的最直接的信息大概就是文字信息了。所以在最开始介绍的时候就是从文字开始的。在用html编码的时候，要注意在内容的前面和后面之间要有开始标签和结束标签，开始标签为< >而结束标签为</ >。相应的功能写在<>之间。一般标题为<h1(2,3,4,5,6)>。数字越靠前表示标题越大（记忆headline的第一个字母）。p表示段落(paragraph的第一个字母)。

  但是如果只是这样的话一个标题和段落的样式是固定的，这样是做不出好看的网页的，于是就有了style的功能。在html中要改变一个标题或者段落的样式的话，就要在<h1(p) style="XXX:">中加入相应的功能语句。align为文本对应方式（alignment）。bgcolor背景颜色，(backgroundcolor)。color是文本的颜色。字体就是font-family，font-size
是字体大小，文本对齐就是text-align。在文本格式化中有许多标签，这些就在实际应用是查找即可。但是有一点需要记住的就是在文本中的空格是会被“吃掉”的，就是你打了很多空格，但是到最后都会被删掉。要想保留空格的一个方法就是<pre>。

  还有就是注释，注释是可读性的一个很重要的体现。<--! xxx -->这是html的注释方法，在网页纠错的时候也可以用，就像c++
里面的/*  */一样。   

  终于到了链接部分了。<a>就是一个链接的开始标签，而一般使用<a href="">。（在这里有一个我自己不知道的就是在写网址的时候，如果是像百度的这种网站，一般在在前面要加上http://，要不然你在链接时候会发现显示的实际上是你制作的网页所在的路径下的网址。也就是说如果是链接自己写的网站，是可以直接写网址的，然后计算机会默认在其相对路径下寻找。）当然在你点开链接的时候，有的时候是在当前页面上打开，而有的时候新打开一个网页。这个与target属性有关。target="_blank"是总在浏览器新打开一个未命名的窗口中载入目标文档。而target="_top"是在当前页面载入。当然在一个网页之中还要有可以“瞬间移动”的操作（尤其是页面内容多而
繁的时候，有一个可以直达读者想要的操作可谓是非常友好的。）这个瞬间移动就是锚。（anchor）一般<a href="#xxx">，然后在需要直通的地方<a name="xx">但要注意的就是xx是一样的，要不然就会传送失败（就像你买了一个锁，只能有一把钥匙）。  

   下面就是图片了。就是你要让网页看起来更加美观。<img>是开始标签。在img的后面要用src="url"表示图片的来源。可以用alt="xx"来为图像增添一个可以替换的文本。就是当图片加载不出来的时候可以告诉读者你的图片像表达什么。当然这个时候就可以做图片的链接了。要先写链接的开始标签在写图片的开始标签，然后在图片标签里写上图片的来源就行了。    

  下来就是表格了。<table>就是定义一个表格的开始标签。一般常用的是tr表示表格的行，td是表格单元（我是按照tabledata就是表格数据来记的），th是头，caption是表格的标题。    在html中有块（div）和内联元素（span）。说得通俗一些就是块级元素在浏览器上显示的时候，一般会以新航来开始，而内联就不会。    html的想在css里面写。    还有就是网页的框架问题。由<frame>。可以用<iframe> 来做内联框架，其中链接的target的属性必须引用iframe的name属性。

   至于一个网页的背景就是在body中直接声明bgcolor就行了。当然也可以在背景中选择Img，记得图片的来源。    HTML的头部感觉在css中有很大的发挥，想在css中写。但是想在这里写meta必须是在head中，其中，meta标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。元数据可以用于浏览器，搜索引擎，和其他web服务。

   HTML中不能使用大于号和小于号，因为在标签中有这两个符号，如果真的希望使用这两个符号，需要使用实体比如小于号就可以用<来代替。 

   HTML的颜色一般可以用十六进制，或者rgb（）来表示，到时候喜欢什么颜色直接查表就行了。这个就不直接记忆了，如果知道一些常见的颜色的英文那就比较方便。  

  接下来学到的就是表单了。一般表单元素有不同类型的input元素，复选框，单选按钮，提交按钮等。先说input元素。一般input元素之中有text,radio,submit等。一般用input type=""来声明（一般有text,password,checkbox）。并且要声明name=""（必须）。如果是radio的类型，要有value=“”来说明。如果你希望不能修改那么久加一个readonly属性。如果你想规定一些输入字段是禁止的那么只需要用disabled属性。其中还有一个action属性，这是定义提交表单是执行的动作。一般在表单的开始标签中就要加入action=""但是里面要用到php这个我没有试过,asp我只是在Windows里面设置了一下并没有进行实践，这个有时间一定实践。还有一个就是Method属性，它规定了提交表单所使用的http方法（GET和POST）。GET是默认方法，一般提交的表单中没有敏感信息。而有敏感信息的（比如有密码）这个时候就要用POST了。当然你希望你提交的表单是在新页面内打开这时就需要target属性了，也是直接写在<form>中。  下面说的是select元素。（选择比较方便读者）一般要<select name="">，然后在下面紧接着就<option value="">。一般都是这个格式，因为选择一定要有值。当然你也可以直接在value=""后面加上selected表示该选项是预定义选项。 

  下来这个就比较有意思了。button元素就是页面中的按钮。一般<botton type="botton" οnclick="alert(‘ ’)”>XX</botton>这个时候就会出现一个名为XX的按钮，然后一旦点击就会出现alert里面的内容。 

  下来就是datalist元素，它既可以让读者选择，也可以让读者输入。并且会根据输入内容而显示可供选择的选项。  还有一个就是如何给网站添加背景音乐。这个需要<audio>元素。其中一定要有音频的src，如果是希望点开页面就播放，那么需要autoplay属性，loop属性是循环播放的，control是控制的，假如访问者不希望你的BGM，他可以选择停止播放。

   html的API需要javascript。