黑马程序员---html学习知识点

1.网站页面分为静态页面和动态页面两种

 静态页面：有一个 html 页面文件保存在服务器上，浏览器要这个页面的时候服务器就把这个页面文件发给浏览器；

动态页面：服务器上没有浏览者要看的页面，而是 服务器动态生成的 HTML 页面发给浏览器 ，动态语言的服务器端可以用 C# 、 VB.Net HTML 页结构说明

2.内容

 内容都在标签之内； 内放的是头部信息，是对页面的描述，不会直接显示在页面中， 内的 中设置的是页面的标题， 只能放在 中；是页面的主体，大部分显示内容都定义在这里。
所有页面都应该至少包含这些部分，由于浏览器容错性强，所以即使不包含也能正常显示，但是最好还是写完全了。

3.颜色体系

body 标签的 bgcolor 属性可以设定网页的背景颜色，

#006699 这就是 HTML 中表示颜色的方式，每两个是一组，三组分别就表示 R 、 G 、 B 的值，是 16 进制表示。
4.列表、表格

列表：

灌水区
版务区
原创贴图。unordered list 。（ * ）还有有序的列表 ，用的很少。 ordered
表格：

为表格，在内部通过 创建行部通过 的属性： align ，水平对齐，可选值 left 、 right 、 cen垂直对齐，可选值 top 、 middle 、 bottom 。
 

align="left">20

：子标签默认继承性，如果自己单独指定了属性，则会覆盖父标签的属性
（ * ）还可以使用 rowspan 、 colspan 进行单元格的合并，化的功能来做就行。

 （ * ）表头的 td 可以用 th 代替，这样就会表头粗体、居中

 

5.表单

网站表单与填表

<form>标签为表单标签。如果要把数据提交到服务器，则需要将<input>、<textarea>、<select>等表单元素放到form中。<input>是主要的表单元素，type的可选值：submit（提交按钮）、button（普通按钮）、checkbox（复选框）、file（文件选择框）、hidden（隐藏字段）、image（图片按钮）、password（密码框）、radio（单选按钮）、reset（重置按钮）、text（文本框）。<inputtype="file"/>

 

6.input表单详解

 

submit：点击submit按钮表单就会被提交给服务器，中文IE下默认按钮

文本为“提交查询”，可以设置value属性修改按钮的显示文本

text：size属性为宽度，value为值，maxlength为可以输入的最大长度，readonly只读。<inputtype="text"readonly/>（只写属性名，不写属性值）或者<inputtype="text"readonly="readonly"/>

checkbox：checked属性表示是否被选中，<inputtype="checkbox"

checked/>或者<inputtype="checkbox"checked="checked"/>(推荐)checked、readonly等这种只有一个可选值的属性都可以省略属性值。

radio：相同name属性的为一组，不同radio设定不同的value值，这样通过取指定name的值就可以知道谁被选中了，不用单独的判断。

file：使用file，则form的enctype必须设置为multipart/form-data、

method属性为POST（*）

image：使用src属性指定图片的地址，用来实现美化的“登录按钮”。

 

7.<select>标签

用来创建类似于WinForm中的ComboBox或者ListBox如果size属性大于1就是ListBox（size的值为显示出来的列表数量），否则就是ComboBox。<selectmultiple>或者<selectmultiple="multiple">（推荐），那么就是可以多选的ListBox。select中的项是<option>，<option>北京8.</option>还可以设定项的值

<optionvalue="1">北京</option>。将一个option设置为选中：<optionselected>333</option>或者<option

selected="selected">333</option>(推荐)就可以将这个项设定为选择项如何实现“不选择”，添加一个<optionvalue="-1">--不选择--<option>，

然后编程判断select选中的值如果是-1就认为是不选择。

select分组选项，可以使用optgroup对数据进行分组，分组本身不会被

选择，无论对于下拉列表还是列表框都适用。备注

 

8.层（Div）、块（Span）

层：<div></div>将内容放到层中，就以将这些内容当成一个整体进行处理，比如整体隐藏、整体移动等。div非常强大和常用。类似于WinForm的Panel。

span：div是将内容放到一个矩形的区块中，会影响布局，而span只是把一段内容定义成一个整体进行操作，但不应该布局、显示。

层内文字连续英文不换行的问题，wordbreak

溢出处理。overflow：scroll，overflow：hide

 

9.CSS（层叠样式表）

  CSS（层叠样式表）是用来美化页面用的，可以对页面元素进行更精细的设置，样式主要描述元素的字体颜色、背景颜色、边框等。CSS主要有元素内联、页面嵌入和外部引用三种使用方式。CSS是描述元素的皮肤！

10.伪选择器

伪选择器：为标签的不同状态设定不同的样式：

A:visited：超链接点击过的样式；A:active：选中超链接时的样式；A:link：超链接未被访问时的状态；A:hover：鼠标移到超链接时的状态。

A:visited{TEXT-DECORATION:none}

A:active{TEXT-DECORATION:none}

A:link{TEXT-DECORATION:none}

A:hover{TEXT-DECORATION:underline}