黑马程序员--HTML总结
一．HTML简介
1. HTML:Hypertext Markup Language
2. 常用浏览器：IE,FF,Chrome等
3. 静态页面与动态页面：静态页面指html,htm格式的网页，动态页面是指aspx,php等格式的网页。
4. HTML基本结构：
<html>
<head>
</head>
<body>
</body>
</html>
二．HTML常用标签
文字格式
1) <br/>只是回车，<p>是分段。<p>前后会有比较大的空白，而<br/>则没有。
2) <center>传智播客</center>居中显示
3) h标签，HTML定义了<h1></h2>到<h6></h6>六个h标签，分别表示不同大小的字体。
4) <b></b>粗体。
5) <font></font>字体标签，<font color="red">红色</font><font size="30"color="red">红色</font>。
URL、超链接
1) URL：URL表示资源在网络中的地址，比如http://127.0.0.1/a.htm、ftp://192.168.88.128/b.zip。
还有URI的概念，比URL大，有的类中使用URI这种说法，可以用暂时堪称和URL一样就行。
2) 超链接：<a href="http://www.rupeng.com">如鹏网</a>。
3) <a>中还可以嵌套图片，这样就是点击图片打开连接<a href="http://www.rupeng.com"><img scr="http://www.rupeng.com/forum/templates/uchome/images/logo.gif"/></a>
超链接深入
1) 相对URL：相对URL表示相对于当前文档的资源，"/"表示网站根目录，"../"表示父目录，"http://www.cnblogs.com/"表示父目录的父目录，
"./"或者不写任何斜线表示相对于当前路径的目录。站内引用最好用相对URL，这样域名改变了、目录改变了都不受影响。<a href="a.htm"><img src="a.jpg"/></a>。
2) 将<a>的target属性设定为"_blank"就可以在新窗口中打开超链接。
3) 用name属性为<a>起名字：<a name="List">这里是最后</a>。这样就可以通过<a href="#List">转到平台</a>来跳转到超链接的部分。
图片
1) <img src="a.jpg"/>注意图片是链接的，不是插入的，所以如果src指向的文件不存在了，就看不了了。
alt属性为图片无法显示时的显示文本，鼠标方式去也会有悬浮提示"点击看大图";border属性指定边框，border="0" 不显示边框；
width、height属性指定图片的显示大小，如果不指定则是图片的原始大小。
2) 最好指定width、height，哪怕是原始尺寸大小，因为如果不指定大小，图片会不占位置，图片下载后才调整大小，会造成页面很乱。
3) 如果网页上要显示上网(比如缩略图)，不要仅仅是把大图设定一下width、height来缩小，因为仍然会下载大图，会使得加载速度很慢。
列表、表格
1) 列表：<ul><li>灌水区</li><li>版务区</li><li>原创贴图</li></ul>。ul就是unordered list，无序列表。
还有有序的列表<ol></ol>，用的很少，ol就是ordered list
2) 表格：<table></table>为表格，在内部通过<tr>创建行，<tr>内部通过<td>创建单元格。可以将table的border属性设为0来隐藏表格线。
· <tr>的属性：align，水平对齐，可选值left、fight、center；valign，垂直对齐，可选值top，middle、bottom。
· <td>也有align和valign。
· 还可以使用rowspan、colspan进行单元格的合并，用VS可视化功能来做就行。
· 表头的td可以用th代替，这样就会表头粗体、居中显示。
· 建议将表头用<thead>代替<tr>
表单
1) 网站表单与填表
2) <form>标签为表单标签。如果要把数据提交到服务器，则需要将<input>、<textarea>、<select>等表单元素放到form中。
3) <input>是主要的表单元素，type的可选值：submit(提交按钮)、button(普通按钮)、checkbox(复选框)、file(文件选择框)、
hidden(隐藏字段)、image(图片按钮)、password(密码框)、radio(单选按钮)、reset(重置按钮)、text(文本框)。
input表单详解
1) submit：点击submit按钮表单就会被提交给服务器，中文IE下默认按钮文本为"提交查询"，可以设置value属性修改按钮的显示文本。
2) text：size属性为宽度，value为值，maxlength为可以输入的最大长度，readonly只读。<input type="text"readonly/>或者<input type="text"readonly="readonly"/>(推荐)
3) checkbox：checked属性表示是否被选中，<input type="checkbox"checked/>或者<input type="checkbox"checked="checked"/>(推荐)
4) radio：相同name属性的为一组，不同radio设定不同的value值，这样通过去指定name的值就可以知道谁被选中了，不用单独的判断。
5) file：使用file，则form的enctype必须设置为multipart/form-data、method属性为POST。
6) image：使用src属性指定图片的地址，用来实现美化的"登录按钮"。
<select>标签
1) 用来创建类似于WinForm中的ComboBox或者ListBox
2) 如果size属性大于1就是ListBox，否则就是ComboBox。<select multiple>或者<select multiple="multiple">(推荐)，那么就是可以多选的ListBox。
3) Select中的项是<option>，<option>北京</option>还可以设定项的值<option value="1">北京</option>。
4) 将一个option设置为选中：<option selected>333</option>或者<option select="selected">333</option>(推荐)就可以将这个项设定为选择项
5) 如何实现"不选择"，添加一个<option value="-1"></option>，然后编程判断select选中的值如果是-1就认为是不选择。
6) select分组选项，可以使用optgroup对数据进行分组，分组本身不会被选择，无论对于下拉列表还是列表框都适用。
其他标签
1) <textarea>多行文本(也是表单元素):<textarea>文本</textarea>，cols、rows属性表示行数和列数。
2) <label>:在<input type="text">前可以写普通的文本来修饰，但是单击修饰文本的时候input并不会得到焦点，而用label则可以，for属性指定要修饰的控件的ID，<label for="txt1">asdfad</label>
· 为被修饰的控件设置一个唯一的ID
· <label for="ma">婚否</label><input type="checkbox" id="ma"/>
3) fieldset：GroupBox效果，将空间划分到一个区域，看起来比较规整。
· <fieldset>
· <legend>常用</legend>
· <input type="text"/>
· </fieldset>
浙公网安备 33010602011771号