|
HTML之所以好学是因为就知识点来说，完全不需要动脑子，记住了你就会，记不住就免谈。但是要想学好还是需要你有点脑滴，因为它经常要联合CSS、Javascript一起作用网页，而且网页的整体布局如何达到良好的用户体验，那就更是个学问了！就HTML的知识点总结如下：
1、HTML是用来描述网页的一种语言，即超文本标记语言（Hyper Text Markup Language）。明确它不是一种编程语言，而是一种标记语言。HTML使用标记标签来描述网页。 2、HTML文档==网页，HTML文档描述网页，包含HTML标签和纯文本。HTML建议使用小写来拼写属性/属性值，属性值应该始终被包括在引号内，经常使用双引号，不过单引号也没问题。HTML只不过是组合成一个文本文件的一系列标签。它们就像乐队的指挥，高速乐手们哪里需要停顿，哪里需要激昂。 3、<!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。次标签可以告诉浏览器使用哪种HTML或XHTML规范。 4、头元素包含着文档的概要信息，大多数情况下，meta元素用来提供与浏览器或者搜索引擎相关的信息，比方说描述文档的内容等等。例如： <meta name="description" content="Free Web tutorials on HTML, CSS, XML, and XHTML" /> 5、标签属性示例： 标题是通过<h1>---<h6>等标签来定义的，越来越小。 <P>是段落标签：<p>This is my first paragraph.</p> <a>是连接标签：<a href="http://www.baidu.com">This is a link</a> 如果把链接的 target 属性设置为 "_blank"，该链接会在新窗口中打开。 <hr/>标签在HTML页面中创建水平线 注释可以提高代码的可读性，使代码更容易被理解：<!-- This is a comment --> 在不产生新段落的情况下换行：<br/> 6、文本格式化标签： <b>定义粗体文字 <big>定义大号字体 <em>定义着重文字 <i>定义斜体字 <small>定义小号字 <strong>定义加重语气 <sub>定义小标字 <sup>定义上标字 <ins>定义插入字 <del>定义删除字 “计算机输出”标签： <code>定义计算机代码 <kbd>定义键盘码 <pre>定义预格式文本
7、HTML的style属性： 提供了一种改变所有HTML元素的样式的通用方法。通过HTML样式，能够通过使用style属性直接将样式添加到HTML元素，或者间接地在独立的样式表中进行定义。 8、HTML4中不赞成使用的标签：<center> <font> <basefont> <s> <strike> <u>；不赞成使用的属性： align bgcolor color。 对于以上这些标签和属性应该使用样式代替。 9、表格由<table>标签来定义： 每个表格均有若干行（由<tr>标签定义），每行被分割成为若干单元格（由<td>标签定义）。 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等元素。 边框属性：border 表格表头使用<th>标签来定义 大多数浏览器对空单元格的显示不提爱好，为避免意外情况，在空单元格中添加一个占位符（ ）。 <caption>定义表格标题 <col>定义用于表格列的属性
10、无序列表标签：<ul> 有序列表标签：<ol> 自定义列表：<dl> 自定义列表不仅仅是一列项目，而是项目及注释的组合。每个自定义列表项以<dt>开始，每个自定义列表项的定义以<dd>开始。例如： <dl>
11、表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。多数情况下被用到的表单标签是输入标签（<input>）,输入类型是有类型属性（<type>）定义的。类型有：文本域（TextFields）、单选按钮（Radio Buttons）、复选框（CheckBoxes）等。 <label>定义一个控制的标签 <leqend>定义域的标题 <select>定义一个选择列表 <option>定义下拉列表的选项
12、<img>图像标签：<img src="prefect.jpg" width="104" height="142" /> <img>是空标签，意思是说，它只包含属性，并没有闭合标签。要在页面上显示图片，需要使用源属性（src）。alt属性用来为图像定义一串预备的可替换的文本 <map>定义图像地图，<area>定义图像地图的可点击区域。
13、<body>拥有两个配置背景的标签，背景可以是颜色或者图像。 <body bgcolor="black"> <body background="clouds.gif"> 如果背景属性将背景设置为图像，属性值为图像的URL（相对或绝对路径），如果图像尺寸小于浏览器窗口，那么图像将在整个浏览器中复制。 注意：<body>标签中的背景颜色（bgcolor）、背景（background）、文本（Text）属性在最新的HTML标准中已经被废弃。应使用CSS来定义HTML元素的布局和显示属性。
14、通过使用框架，可以在同一个浏览器窗口中显示不止一个页面。没分HTML文档称为一个框架，并且每个框架都独立于其他框架。当然，使用框架也有它自身的缺点，首先，开发人员必须同时跟踪更多的HTML文档，其次，很难打印整张页面。 例如： <frameset cols="120,*"> <frame src="/example/html/html_contents.html"> <frame src="/example/html/frame_a.html" name="showframe"> </frameset>
15、HTML字符实体 空格： 小于号：⁢ 大于号：> 引号：" &符号：&
16、HTML事件属性 在现代浏览器中都内置有大量的事件处理器，这些处理器会监视特定的条件或用户的行为，例如鼠标单击或浏览器窗口中完成加载某个图像。通过使用客户端的JavaScript，可以将某些特定的事件处理器作为属性添加给特定的标签，可以在事件发生时执行一个或多个JavaScript命令或函数。 事件处理器的值是一个或一系列以分号隔开的JavaScript表达式、方法和函数调用，并用引号引起来。当事件发生时，浏览器会执行这些代码。例如，当你把鼠标移动到一个超链接时，会启动一个JavaScript函数。支持JavaScript的浏览器支持<a>标签中的一个特殊的"mouse over"事件处理器来完成这项工作： <a href="/index.html" onmouseover="alert('Welcome');return false"></a> 窗口事件（Window Event）
表单元素事件（Form Element Events）
图像事件（Image Events）
键盘事件（Keyboard Events）
鼠标事件（Mouse Events）
17、补充标签： <address>：定义文档作者或拥有者的联系信息 <blockquote>：定义长的引用 <ins>：定义被插入文本 <param>：定义对象的参数
18、XHTML XHTML是一种更加规范的HTML标准，其实就是HTML和XML的融合。XML是一种标记化语言，其中所有的东西都要被正确的标记，以产生像是良好的文档。XML用来描述数据，而HTML则用来显示数据。
19、Unicode Unicode是web文档默认的字符集，也是我们拥有的最接近通用字母表的事物。尽管它并不是一个字母表，而是一套数字映射方案。
20、记住：最大限度地使用CSS来进行布局，在web标准的世界里，XHTML标记与表现无关，它只与文档结构有关。 |
|
|
