【2017年整理】HTML笔记.doc

Input ■　input?type=text?/是标准的文本框。它可以有一个值属性value，用来设置文本框里的默认文本。?■　input?type=password?/?像文本框一样，但是会以星号代替用户所输入的实际字符。?■　input?type=checkbox?/是复选框，用户可以快速的选择或者不选一个条目。它可以有一个预选属性checked，像这样的格式input?type=checkbox?checked=checked?/.?■　input?type=radio?/?与复选框相似，但是用户只可在一个组中选择一个单选按钮。它也有一个预选属性checked，使用方法跟复选框一样。?■　input?type=file?/?是展示你电脑上的文件的一个区域，就像你在一个软件中打开或者保存一个文档一样。?■　input?type=submit?/?是一个被点击后提交表单的按钮。你可以用值属性value来控制按钮上显示的文本（下面的button和reset类型也可以这样，稍后介绍），如下：?input?type=submit?value=Ooo.?Look.?Text?on?a?button.?Wow?/.?■　input?type=image?/以图像代替按钮文本，src属性是必须的，像img标签一样。?■　input?type=button?/是一个如果没有其他代码的话什么都不做的按钮。?■　input?type=reset?/?是一个点击后会重置表单内容的按钮。?■　input?type=hidden?/?不会显示任何东西，它用来传输诸如用户正在用的页面的名字或者Email地址等表单必须传输的Meta 元标签对浏览器窗口中的内容不做任何事情，它们用在关于页面的像搜索引擎的归类目录信息中。元标签meta可以使用尽可能多次如你所需，包括内容属性content（必须的）、名称属性name和http-equiv属性。?名称name属性可以是你喜欢的任何东西，通常使用的是作者author，关键词keywords和描述description。描述常被搜索引擎（比如Google，百度）用来在搜索结果中描述页面，而它本身也可能是元标签中最有用的应用。http-equiv属性取替名称name属性会产生HTTP数据头，它将会发送页面拥有的信息给服务器。随后内容属性content可以是content-type（类型）、expires（时效）、refresh（刷新，多长时间页面会自动刷新一次）以及set-cookie（设置cookie）。 Example Source Code [] htmlheadtitleTitle/titlemeta?http-equiv=Content-Type?content=text/html;?charset=UTF-8?/meta?name=description?content=This?is?my?bloody?exciting?web?page?about?air?conditioners?/?...? 注意 Example Source Code [] 元标签之所以重要，是因为它们为搜索引擎所依赖和为页面建立概况。比如关键词keywords元数据就被广泛运用。如今，大部分的搜索引擎使用页面本身的内容，使大部分元数据对于阅读这个HTML的用户来说是没有什么作用的，除了转换信息以外。 Td标签 table?border=1trthColumn?1?heading/ththColumn?2?heading/ththColumn?3?heading/th/trtrtdRow?2,?cell?1/tdtd?colspan=2Row?2,?cell?2,?also?spanning?Row?2,?cell?3/td/trtrtd?rowspan=2Row?3,?cell?1,?also?spanning?Row?4,?cell?1/tdtdRow?3,?cell?2/tdtdRow?3,?cell?3/td/trtrtdRow?4,?cell?2/tdtdRow?4,?cell?3/td/tr/table ?首先，我们在第一行中用td标签取代了th标签。td是标准的数据单元格，th是单元格表头。像td标签一样，这些th标签也要用在tr标签里边。在一些td标签中，我们用到了colspan和rowspan属性。在浏览器中查看，你会发现，在第二行中两个单元格代替了三个，第二个单元格横跨了两列。colspan属性，意即“列跨越”，将会跨越指定数目的单元格。就是说，在这个例子中不再需要第三个td标签──两个单元格个已经合并成一个。ro