Web学习笔记—— HTML整理（一）
学校2月24号开学，从那时候开始我就在准备着web的学习，到今天，两个多星期。
很欣慰，进度并没有严重滞后，不过还是比计划中稍稍迟缓一步，当然，如果学校不是每天停电的话，我应该可以学得更多！到前两天，我已经将HTML学完，至少我认为是学完了，但距离熟练运用还差了好远。我做出了一个网页，准备在月底上线，到现在为止，仅仅是弄出一个主页，大约几十行代码。
下一步，我计划学习CSS，在此之前，我还是先把HTML的心得或要点总结一遍，纯粹是为了加深理解……
毕竟只是个初学者，很多知识点会遗漏或者压根就不知道，这篇博客的水准定然不高，只希望我能做到最好，把自己所有的墨水倒出来，日后回看，一笑而过……
我试着用firebug查看几个网页的源代码，我了个天，完全看不懂！哦，一开始的<!DOCTYPE html>之类的注释是能看懂的，其他的就简直是天书一样。不过，在这两天了解了一点CSS之后，我渐渐地又能看懂了，脑子里的想法，也从网页，衍生成平台……
当然，现在说这些还早，三个月的计划现在才算正式开始！数据库，数据架构，这些想必都是需要了解的！三个月，我的任务还很艰巨！
在学习HTML的前两天，我连HTML的概念都不了解，只知道是网页编程语言，至少我现在还是这么理解的，首先，我在网易公开课上看了哈佛大学的《构建动态网站》，不过完全听不懂，里面教学的前提，是把所有的学生都当作对网页编程有一定了解的人，很显然不合适我，第一次我只是在那里了解了一点关于DNS，服务器，HTTP协议之类的东西，也不算完全没收获吧，随后我发现必须先去弄懂网页编程语言，于是去图书馆借了《疯狂站长之PHP》，里面有着HTML的教学，我学会了一些标签。
这时候，我又听说有HTML5的新标准，因此去借了一本《HTML5高级程序设计》，还是看不懂，一直换了有三四本书，最后才选择了《HTML与CSS入门经典》（作者是美国的），虽然并不是HTML5的标准，但至少编程理念和书写习惯什么的都比较新，我这时候才知道，现在流行的书写习惯都是小写，只有常量会约定俗成地用大写！国内外的编书思想果然有很大差异呀，国内的第一章大部分是教你装这样那样的软件，没劲……
回头翻看那几天来做的笔记，真是感叹自己太无知，该记的不记，不需要记的概念抄得一字不漏！所以在这里重新整理一遍咯！好啦，开始整理！
HTML的语言都是藏在<^_^>里面的，括号之外的就是显示在页面上的内容。
首先应该是基础标签的记录：
<html>……</html>，这一对标签表示着起始与结束，分别位于页面代码的头与尾。
<head>……</head>这是紧跟在<html>标签下的标签，里面的内容可多可少，但必然会……夹住下面那对title标签！
<title>……</title>没错，我刚才说被夹住的那一对标签就是它，两个title标签之间是页面的标题。网页被加入收藏夹的时候，显示的就是两个title中间的东西。
<body>……</body>这一对就是浏览区域内的文字啦，里面可以包含图片，文字，音频等等……
必不可少的标签就是上面那四对，但是在中文环境下编程的话，有一句语言不可或缺：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
如果缺了这条语句，那么中文就会在整个页面里变成丑的要死的乱码！当然，这句话只是在纯粹HTML编程的环境下比较有保证，如果掺入了CSS，content那项应该还要有些改动才是！
上面的meta是单个出现的，并非是成对的块级标签，而且必须永远放在两个头中间，即两个<head>标签之间！
然后就是很常用的<p>标签了，它可以省略掉</p>，也可以成对使用，个人建议还是成对使用，这样修改起来会方便一些！一开始我只是认为这个标签是用来换行操作的，用处不算特别大，但看了一点点CSS才知道，它还具有不少的附加属性。废话不多说，直接上例子：
例子：<p>这个p是跳换下一行，区分段落的标签哦！</p>
使用<p>标签需要注意三点，这是我在另一篇博客里看到的：1,<p>标签里面不能有其他对标签嵌套。2,<p>标签可以被嵌套在其他对标签里面。3,基本所有的浏览器中对p都有一个上下的边距，但是，并不是所有的浏览器默认的边距都是一样的。为了统一p标签的边距，我们都可以通过定义p的CSS属性来改变它。
上面说的前两条中的“对标签”是我自己起的名字，术语叫做“块级标签”，为了方便理解，我才私自起个“对标签”，意思就是成对出现的标签，就像之前一开始介绍的四对基本标签那种类型。至于第三条嘛，由于我还没学完CSS，不敢言论这个，最后一条知道就行了。
然后就是大名鼎鼎的<a>标签，为什么说它大名鼎鼎？笑话，26个字母里面，难道不是A最有名吗？呵呵，开个玩笑！
<a>标签，是转换页面之间的必要条件，因为它是超链接，呃，通俗点说，它就是个链接，链接着某一个页面地址！
例子：<a href="www.baidu.com">想去百度就戳这！</a>
注：href，“超文本引用”。
href是<a>标签最重要的属性，没有之一，基本上记住这个属性就没问题了吧？至少我是没记过别的属性！呵呵，当然，我是经常碰见问题的！在HTML5标准中，<a>标签就只有超链接的意思，没有HTML4中锚的意思。值得多说一句：被链接页面通常显示在当前浏览器窗口中，除非我们规定了另一个目标（target 属性）。
注：属性，我到目前为止，理解为“该标签的附属功能”！如果理解有偏颇，欢迎指正！
接下来，重新回到<body>标签，这个标签也是有属性的哦，而且属性并不少：
background（页面背景图像），bgcolor（页面背景颜色），text（文本颜色），link（未访问链接颜色），alink（正在被点击的链接颜色），vlink（已访问过的链接颜色）。
除了background的用法有点特殊：background=“图像地址（URL）”，其他的几个属性都是和右边那个家伙一样：bgcolor=“#RRGGBB”
注：URL，“全球统一资源定位器”。
RRGGBB这些都是十六进制的色值，稍微一查就能查到，这里就不详细说了，反正一看就能理解，也不用记。在HTML语言中有十六种预定义颜色供选用，我就当作是复习英语单词列一遍：black黑色，silver银色，gray灰色，while白色，maroon，red红色，purple紫色，fuchsia紫红色，green绿色，lime绿黄色，olive橄榄色，yellow黄色，navy深蓝，blue蓝色，aqua浅绿色，teal青色。
如果想使用背景图像，只要把图片与html文档放在同一个文件夹下就可以了。
接下来还是<body>的一个属性——style，这个属性在很多个标签里面都有。在我编辑的第一个网页页面里，body后面有一句：style=“background-image：url（1111.jpg）”用来指定整个页面的背景图片。style这个单词，本来就是“风格，设计，类型，字体，称呼”这几个意思，在HTML里面就理解为个性元素设置就好了，或许它还有我不知道的其他意思，不过不要紧，遇见一个就学一个呗。
接下来复习一下<div>标签，<div> 是一个块级元素，意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
至于h1~h6这几个块级标签，估计看一遍就不会忘了，只需要记得h1最大，h6最小就好！
<br/>，这个不是块级标签，执行换行分段操作，话说，这类的标签好像很多耶！
<img>，这是用于控制图片的标签，目前我只掌握了src和alt属性，src用来指定图片名，在打开图片的情况下有效，alt则是在打不开图片的情况下有效。img也有style属性，我用来控制图片的位置，比如：<img style="float:right">
还有几个用于文本细节的标签：<b>（粗体）<i>（斜体）<u>（下划线）<strike>（删除线）<tt>（等宽字体）<big>（大字）<small>（小字）<sup>（下标）<sub>（上标）这么些块级标签，很简单的！
以上我所复习的标签，是我现在为止用过的，没用过的还不想搬上来，否则记不住！
我断断续续地写这篇复习博客，足足耗去了一天，我的天，以后要提高效率！
本人是菜鸟系的，如果文中细节有错误或不足，欢迎指正，加油，共勉！
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
