网页和HTML

网页的构成

1、网页的内容

*元素的内容是开始标签与结束标签之间的内容

2、结构部分

**用HTML定义**HTML即超文本标记语言（Hyper Text Markup Language），由互联网标准化组织 W3C（Word Wide Web Consortium）规定。[W3C由大量高科技公司的代表组成，欲了解更多Web标准，请浏览：http://www.w3c.org]

用来将文本信息分成标题、作者、章、节、段落、和列表等，结构使内容冯家具有逻辑性、易用性。

3、表现部分

**用CSS编写**CSS即层叠样式表（Casading Style Sheet）

用来改变字体大小、字体颜色、版面布局、背景等外观。

4、行为部分

**用ECMAScript和DOM编写**ECMAScript是ECMA欧洲计算机制造商协会制定的标准脚本语言JavaScript[不可分开写成Java scipt]；
DOM是Document Object Model(文档对象模型)的缩写。

Java需要编译；JavaScript解释性语言，源代码放在HTML里面[两者并无关系]

Web服务器

在Web上存放我们编写的网页的计算机称为Web服务器。

Web浏览器

可以用来浏览存放于Web服务器上的网页的应用程序。
[ 注：各浏览器厂商出自各自利益的考虑，对Web标准的支持度有所不同。我们编写的客户端网页在各浏览器上浏览的效果均有所不同。因此，在进行商业网站开发时，必须充分考虑浏览器之间的区别，在开发时应该在不同的浏览器上进行多次测试，以开发出各浏览器兼容的客户端网页。在主流的浏览器中，Firefox提供对Web标准完全支持，而微软的IE浏览器对Web标准的支持不够完善。我们在开发网页的时候，一般先在Firefox浏览器中进行测试，再在IE浏览器上进行调整。]

HTTP协议

超文本传输协议HTTP（Hypertext Transfer Protocol）。Web服务器和Web浏览器之间进行通讯的一套规则和过程。

网页的分类

静态网页
客户端动态网页
服务器端动态网页

HTML

HTML不是一种编程语言而是一种标记语言

HTML标签通常成对出现；需正确嵌套；正确关闭

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭，空元素在开始标签中进行关闭（以开始标签的结束而结束） ， 在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。【“/”前加一个空格】

所有的HTML文档都必须声明它们所用的编码语言
XHTML文档声明——

常用标签

双标签：
<p>段落</p>
<h1>标题1</h1>
<b>加粗</b>
 <u>下划线</u>
 <i>斜体</i>
<strong>加强(与加粗效果差不多)</strong>
<span>一段文字的一部分（可用css添加样式）</span>
</pre></code>

单标签：
<br />换行
<hr />水平线
<img src="url(图像位置)" />

HTML文本格式化

文本格式化标签

标签 描述

<b> 定义粗体文本。
<big>   定义大号字。
<em>    定义着重文字。
<i> 定义斜体字。
<small> 定义小号字。
<strong>    定义加重语气。
<sub>   定义下标字。
<sup>   定义上标字。
<ins>   定义插入字。
<del>   定义删除字。
<s> 不赞成使用。使用 <del> 代替。
<strike>    不赞成使用。使用 <del> 代替。
<u> 不赞成使用。使用样式（style）代替。

“计算机输出”标签

标签 描述

<code>  定义计算机代码。
<kbd>   定义键盘码。
<samp>  定义计算机代码样本。
<tt>    定义打字机代码。
<var>   定义变量。
<pre>   定义预格式文本。

块级元素和内嵌元素/块标签和行内标签

二者区别在于：块级文本定义的元素是换行的；内嵌元素（内联元素、内嵌元素、行内元素、直进式元素）定义的文本是不换行的。
内联对象没有宽度和高度——使用【display:block;】转换为块对象（有宽度高度, 可设高度和宽度的值）

例如：erjoi

<span style="display:block;background-color:red;width:50px;height:20px;text-align:center;">erjoi</span>