最近在家没其他事情做,准备学习一下前端技术,网上对 《Head First HTML与CSS(第2版)》2013 这本书的评价挺高的,通读下来,确实整篇通俗易懂,对于了解一些基本知识非常容易和有用,这里把章节后的知识要点抄出来备查。

知识要点

  1. HTML和CSS是我们用来创建网页的语言。
  2. Web服务器存储并提供由HTML和CSS创建的网页。浏览器获取页面,并根据HTML和CSS显示网页的内容。
  3. HTML是超文本标记语言(HyperText Markup Language)的缩写,用来建立网页的结构。
  4. CSS是层叠样式表(Cascading Style Sheets)的缩写,用来控制HTML的表现。
  5. 通过HTML,我们利用标记来标示内容提供结构,我们把匹配标记以及它们包围的内容称为元素。元素由3部分组成:一个开始标记,内容和一个结束标记。不过有些元素(比如<img>)有所例外。
  6. 开始标记可以有属性。我们已经见过一个属性:type。
  7. 结束标记在左尖括号后面,标记名前面有一个“/”,以明确这是结束标记。
  8. 所有页面都要在一个<html>元素,其中要有一个<head>元素和一个<body>元素。
  9. 网页的信息放在<head>元素里。
  10. <body>元素里的东西就是你将在浏览器里看到的东西。
  11. 大多数空白符(制表符、回车、空格)都会被浏览器忽略,不过可以利用空白符让你的HTML(对你)更有可读性。
  12. 可以在<style>元素中写CSS规则,为HTML网页增加CSS。<style>元素总要放在<head>元素里。
  13. 可以使用CSS在HTML中指定元素的特性。
  14. 想从一个页面链接到另一个页面时,要是用<a>元素。
  15. <a>元素的href属性指定了链接的目标文件。
  16. <a>元素的内容是链接的标签。这个标签就是你在网页上看到的链接文本。默认地,这个标签会有下划线,指示这是可以单击的。
  17. 文字或图像都可以用作链接的标签。
  18. 点击一个链接时,浏览器会加载href属性中指定的Web页面。
  19. 可以链接到相同文件中的文件,也可以链接到其他文件夹中的文件。
  20. 相对路径是相对于链接的源Web页面指向网站中其他文件的一个链接。就像在地图上一样,终点总是相对于起点。
  21. 使用“..”可以链接到源文件上一层文件夹中的一个文件。
  22. “..”表示“父文件夹”。
  23. 记住要用“/”(斜线)字符分隔路径中的各个部分。
  24. 指向一个图像的路径不正确时,会在Web页面上看到一个损坏的图像。
  25. 为网站选择的文件名和文件夹名中不要使用空格。
  26. 最好在构建网站初期组织网站文件,这样就不用再网站升级时修改一大堆的路径了。
  27. 组织网站有很多方法,具体如何组织有你决定。
  28. 开始输入内容之前要规划好Web页面的结构。首先画出一个草图,然后创建一个略图,最后再写出HTML。
  29. 规划页面时,首先设计大的块元素,然后用内联元素完善。
  30. 记住,要尽可能使用元素来告诉浏览器你的内容的含义。
  31. 一定要使用与内容含义最接近的元素。例如,如果需要一个列表,就不要使用段落元素。
  32. <p>、<blockquote>、<ol>、<ul>和<li>都是块元素。它们单独显示,在内容前后分别有一个换行(默认地)。
  33. <q>和<em>是内联元素。这些元素中的内容与其包含元素的其余内容放在一起。
  34. 需要插入你自己的换行时,可以使用<br>元素。
  35. <br>是一个“void”元素。
  36. void元素没有内容。
  37. void元素只有一个标记组成。
  38. “空”元素没有内容。不过它有开始和结束标记。
  39. 嵌套元素是指完全包含在另一个元素中的元素。
  40. 如果元素能正确地嵌套,所有标记都能正确匹配。
  41. 要结合两个元素建立一个HTML列表:使用<ol>和<li>建立有序列表,使用<ul>和<li>可以建立一个无需列表。
  42. 浏览器显示一个有序列表时,它会为列表创建序号,所以无需你费心。
  43. 可以在列表中建立嵌套列表,将<ol>或<ul>元素放在<li>元素中。
  44. 要对HTML内容中的特殊字符使用字符实体。
  45. 要把网站发布到Web上,通常最好的办法就是找一家托管公司来托管你的Web页面。
  46. 域名是一个唯一的名字,如amazon.com或starbuzzcoffee.com,用来唯一标识网站。
  47. 托管公司可能会为你的域创建一个或多个Web服务器。服务器通常命名为“www”。
  48. 文件传输协议(File Transfer Protocol, FTP)是向服务器传输web页面和内容的常用方法。
  49. FTP应用(如Mac上的Fetch for Mac或Windows上的WS_FTP)提供了一个图形用户界面,使FTP的使用更为容易。
  50. URL是统一资源定位符或Web地址,可以用来标识Web上的任何资源。
  51. 典型的URL由一个协议、一个网站名和资源的一个绝对地址组成。
  52. HTTP是一个请求和响应协议,用来在Web服务器和浏览器之间传输Web页面。
  53. 浏览器使用file协议从你的计算机读取页面。
  54. 绝对路径是从根文件夹到一个文件的路径。
  55. “index.html”和“default.htm”都是默认页面。如果指定一个目录而没有指定文件名,则Web服务器会查找一个默认页面返回到浏览器。
  56. <a>元素的href属性中可以使用相对路径或URL来链接其他Web页面,对于你的网站中的其他页面,最好使用相对路径,对外部链接才使用URL。
  57. 可以用id属性在页面中创建一个目标,使用#后面加一个目标id,可以链接到页面中的那个位置。
  58. 为了便于访问,可以在<a>元素中使用title属性提供链接的一个描述。
  59. 使用target属性在另一个浏览器窗口中打开链接。不要忘了,对于使用各种不同设备的浏览器的用户,target属性可能会有问题。
  60. 使用<img>元素在Web页面中放置图像。
  61. 浏览器对<img>元素的处理与其他HTML元素稍有不同。读取HTML页面之后,浏览器会从Web服务器获取哥哥图像并显示。
  62. 如果Web页面上有多个大图像,则可以通过创建图像的缩略图使你的Web页面更可用,下载也更快,缩略图是一些小图像(大图像的缩小版本),用户点击这些缩略图时可以看到原来的大图像。
  63. <img>元素是一个内联元素,这说明浏览器不会在图像前后插入一个换行。
  64. 要利用src属性指定图像文件的位置。可以在src属性中使用相对路径包含你自己的网站中的图像,或者可以使用URL包含其他网站的图像。
  65. <img>元素的alt属性是对图像的一个有意义的描述。在一些浏览器中,如果无法找到图像,就会显示这个描述,另外屏幕阅读器会使用这个属性为有视力障碍的人描述图像。
  66. 图像宽度要小于800像素,这是Web页面中关于照片大小的一个好经验。数码相机拍摄的大多数照片都太大,不能很好地方在Web页面中,所以需要调整它们的大小。
  67. 有很多照片编辑应用,Photoshop Elementsis就是其中之一,可以用来调整图像的大小。可以在网上搜索“free online image editor”(免费联机图像编辑器)。
  68. 对于浏览器来说太大的图像会使Web页面很难使用,而且下载和显示都很慢。
  69. JPEG、PNG和GIF是Web浏览器广泛支持的3种图像格式。
  70. JPEG格式最适合保存照片和其他复杂图像。
  71. GIF或PNG格式最适合保存logo和其他包含单色、线条或文本的简单图形。
  72. JPEG图像可以按不同质量压缩,所以可以很好地权衡图像质量和文件大小,来满足你的需要。
  73. GIF和PNG图像格式允许建立一个有透明背景的图像。如果把一个有透明背景的图像方在一个Web页面中,图像后面的东西(如页面的背景色)就会透过图像的透明部分显示出来。
  74. GIF和PNG是无损格式,这说明相比于JPEG文件,这些格式的文件往往更大。
  75. PNG可以提供比GIF更好的透明度控制,而且不像GIF只支持256种颜色,PNG可以支持更多颜色。
  76. PNG有3种不同的大小选择:PNG-24(支持数百万种颜色)、PNG-16(支持数千种颜色)、以及PNG-8(支持256种颜色),可以根据需要来选择。
  77. 在Photoshop Elements中,使用“Save for Web”(保存为Web格式)对话框中的Matte(蒙版)颜色菜单来选择合适的颜色,柔化PNG或GIF图像的边缘。
  78. 图像可以用作指向其他Web页面的链接。要有图像创建一个链接,可以使用<img>元素作为<a>元素的内容,将链接放在<a>元素的href属性中。
  79. HTML5是当前的HTML标准。
  80. 万维网协会(World Wide Web Consortium,W3C)是定义HTML标准的标准组织。
  81. 文档类型定义(doctype)用来告诉浏览器你使用的HTML版本。
  82. HTML标准现在是一个“活的标准”,这说明这个标准会不断变化,加入新的特性和更新。
  83. <head>元素中的<meta>标记告诉浏览器关于一个Web页面的额外信息,如内容类型和字符编码。
  84. <meta>标记的charset属性告诉浏览器Web页面使用的字符编码。
  85. 大多数Web页面的HTML文件都适用utf-8编码,另外<meta>标记的charset属性值通常也是utf-8。
  86. alt属性是<img>元素中的必要属性。
  87. W3C验证工具是一个免费的在线服务,可以检查页面是否符合标准。
  88. 可以使用这个验证工具确保你的HTML合法,而且元素和属性符合标准。
  89. 如果遵循标准,则你的页面会更快地显示,而且在不同浏览器中显示时差异会更小,CSS也能更好地工作。
  90. CSS包含一些简单语句,成为规则。
  91. 每个规则为选择的一些HTML元素提供样式。
  92. 典型的规则包含一个选择器,以及一个或多个属性和值。
  93. 选择器指定规则将应用到哪些元素。
  94. 每个属性声明以一个分号结束。
  95. 规则中的所有属性和值都放在{}大括号之间。
  96. 可以使用元素名作为选择器,来选择任意元素。
  97. 通过用逗号分隔元素名,可以一次选择多个元素。
  98. 要在HTML中包含一个样式,最容易的办法就是使用<style>标记。
  99. 对于HTML以及相当复杂的网站,可能要链接到一个外部样式表。
  100. <link>元素用于包含一个外部样式表。
  101. 很多属性都能继承。例如,如果为<body>元素设置了一个可继承的属性,那么<body>的所有子元素都会继承这个属性。
  102. 通过为你想改变的元素创建一个更特定的规则,能覆盖该元素继承的属性。
  103. 可以使用class属性将元素增加到一个类。
  104. 通过在元素名和类名之间加一个“.”可以选择该类中的一个特定元素。
  105. 使用“.classname”可以选择属性这个类的所有元素。
  106. 通过在class属性中放入多个类名,可以指定一个元素属于多个类,类名之间用空格分隔。
  107. 可以使用W3C验证工具验证CSS(http://jigsaw.w3.org/css-validator)。
  108. CSS提供了很多属性对字体的外观加以控制,包括font-family、font-weight、font-size和font-style。
  109. font-family是一组有共同特征的字体。
  110. 用于Web的字体系列包括serif、sans-serif、monospace、cursive和fantasy。serif和sans-serif字体最为常用。
  111. 访问者在你的Web页面上看到的字体取决于他们自己的计算机上安装了哪些字体,除非你使用Web字体。
  112. 在font-family CSS属性中指定候选字体是一个好主意,以防用户没有安装你的首选字体。
  113. 最后一个字体要指定为一个通用字体,如serif或sans-serif,这样一来,如果找不到其他字体,浏览器可以替换适当的字体。
  114. 如果你要使用某种字体,而默认情况下用户可能没有安装在各种字体,可以在CSS中使用@font-face规则。
  115. 字体大小通常使用像素、em、百分数或关键字指定。
  116. 如果使用像素(“px”)来指定字体大小,就是告诉浏览器字母高度是多少像素。
  117. em和%是相对字体大小,所以使用em和%指定字体大小时,就意味着字体大小要相对于其父元素的字体大小指定。
  118. 使用相对字体大小可以让你的用户更可维护。
  119. 在body规则中使用字体大小关键字来设置基本字体大小,这样如果用户希望文本更大或更小,所有浏览器就能按比例缩放字体大小。
  120. 可以使用font-weight CSS属性设置文本为粗体。
  121. font-style属性用于创建斜体或倾斜文本。斜体或倾斜文本是倾斜的。
  122. Web颜色是混合不同数量的红、绿、蓝色得到的。
  123. 如果混合红色100%、绿色100%和蓝色100%,可以得到白色。
  124. 如果混合红色0%、绿色0%和蓝色0%,可以得到黑色。
  125. CSS有16个基本颜色,包括黑色、白色、红色、蓝色和绿色,以及150种扩展颜色。
  126. 可以使用红、绿、蓝百分数指定你想要的颜色,也可以使用红、绿、蓝数值(0~255)指定颜色,或者使用颜色的十六进制码来指定颜色。
  127. 要找到你想要的一种颜色的十六进制码,有一种很容易的方法,可以使用一个照片编辑应用的颜色选择工具,或者某个在线Web工具,这样的工具有很多。
  128. 表示颜色的十六进制码有6位,每一位取值为0~F。前两位表示红色数量,接下来两位表示绿色数量,最后两位表示蓝色数量。
  129. 可以使用text-decoration属性为文本创建一个下划线。有下划线的文档通常会被用户误以为是链接文本,所以要谨慎使用这个属性。
  130. CSS使用一个盒模型来控制元素如何显示。
  131. 盒子由内容区盒可选的内边距、外框和外边距组成。
  132. 内容区包含元素的内容。
  133. 内边距用来在内容区周围创建可见的空间。
  134. 边框包围内边距和内容,它提供了从视觉上分离内容的一种手段。
  135. 外边距包围外框、内边距和内容,允许在元素和其他元素之间增加空间。
  136. 内边距、边框和外边距都是可选的。
  137. 元素的背景会在内容和内边距下显示,但不会延伸到外边距下面。
  138. 内边距和外边距大小可以用像素或百分数设置。
  139. 边框宽度可以用像素设置,也可以使用关键字thin、medium和thick来指定。
  140. 有8种不同的边框样式,包括实线、破折线、虚线和脊线。
  141. 对于外边距、内边距或边框,CSS提供了响应的属性,可以一次对所有四个边(上、右、下、左)完成设置,也可以单独设置任意一边。
  142. 使用border-radius属性可以对右边框的元素创建圆角。
  143. 使用line-height属性可以增加文本行之间的间距。
  144. 可以用background-image属性在元素的背景上放置图像。
  145. 使用background-position和background-repeat属性可以设置背景图像的位置和平铺行为。
  146. 对于希望成组指定样式的元素要使用class属性。
  147. 使用id属性为元素指定一个唯一的名字。还可以使用id属性为元素提供唯一的样式。
  148. 一个页面上有给定id的元素只能有一个。
  149. 可以使用id选择器安id选择元素。例如#myfavoriteid。
  150. 一个元素只能有一个id,不过它可以属于多个类。
  151. 在HTML中可以使用多个样式表。
  152. 如果两个样式表包含冲突的属性定义,HTML文件中最后链接的样式表为最优先。
  153. 可以在<link>元素中使用媒体查询或者使用CSS中的@media规则来指定设备。
  154. <div>元素用于将相关的元素归组在一起,放在逻辑区中。
  155. 创建逻辑区有助于标识主内容区以及页面的页眉和页脚。
  156. 可以使用<div>元素将需要共同样式的元素归组在一起。
  157. 使用嵌套<div>元素为文件增加更多结构,这有利于保证结构清晰或者方便增加样式。不过除非确实需要,否则不要过多地增加结构。
  158. 一旦用<div>元素将内容区归组在一起,类似于其他块元素,可以对这些<div>增加样式。例如,对于包含在<div>中的一组元素,可以使用嵌入这些元素的<div>的边框属性,对这组元素增加一个边框。
  159. width属性设置一个元素内容区的宽度。
  160. 一个元素的总宽度是内容区宽度,加上所增加的内边距、边框和外边距的宽度。
  161. 一旦设置一个元素的宽度,它不会延伸来占满浏览器窗口的整个宽度。
  162. text-align是块元素的一个属性,用来将这个块元素中的所有内容对齐,可以居中、左对齐或有对齐。这个属性可以由所嵌套的块元素继承。
  163. 可以使用子孙选择器来选择嵌套在其他元素中的元素,例如,子孙选择器 div h2 {...} 会选择嵌套在<div>元素中的所有<h2>(包括子元素、孙子元素等)。
  164. 可以对相关的属性使用快捷方式。例如,padding-top、padding-right、padding-bottom和padding-left都与内边距有关,可以用一个快捷规则来指定:padding。
  165. 内边距、外边距、边框、背景和字体属性都可以用快捷方式指定。
  166. <span>内联元素与<div>元素类似,它用于将相关的内联元素和文本归组在一起。
  167. 类似于<div>,可以将<span>元素增加到类(或者为<span>元素指定唯一的id),对它们增加样式家。
  168. 有些元素有不同的状态,<a>元素就是这样一个例子。<a>元素的主要状态包括未访问、已访问和悬停。
  169. 可以用伪类单独地为哥哥状态指定样式。伪类最常用语<a>元素,:link对应未访问的链接,:visited对应已访问的链接,:hover对应悬停状态。
  170. 伪类还可以用于其他元素,而不仅限于<a>。
  171. 另外一些伪类包括:hover、:active、:focus、:first-child和:last-child伪类等。
  172. 浏览器使用流在页面中放置元素。
  173. 块元素从上向下流,各元素之间有一个换行。默认的,每个块元素会占浏览器窗口的整个宽度。
  174. 内联元素在块元素内部从左上方流向右下方。如果需要多行,浏览器会换行,在垂直方向上扩展外围块元素,来包含这些内联元素。
  175. 正常页面流中两个块元素上下相邻的外边距会折叠为最大外边距的大小,或者如果两个外边距大小相同,则会折叠为一个外边距。
  176. 浮动元素会从正常流中取出,浮动到左边或左边。
  177. 浮动元素放在块元素之上,不会影响正常的页面流。不过,内联内容会考虑浮动元素的边界,围绕着这个浮动元素。
  178. clear属性用来指定一个块元素左边或右边(或者左右两边)不能有浮动元素。设置了clear属性的块元素会下移,直到它旁边没有块元素。
  179. 浮动元素必须有特定的宽度,不能设置为auto。
  180. 流体布局是指,扩展浏览器窗口时,页面中的内容会扩展以适应页面。
  181. 冻结布局是指,其中内容的宽度是固定的,不会随着浏览器窗口扩展或搜索收缩。这有一个好处,可以对设计提供更多控制,不过也要付出代价,这样就不能有效地使用浏览器宽度了。
  182. 凝胶布局是指,其中内容宽度是固定的,但是外边距会随着浏览器窗口扩展或收缩。凝胶布局通常会把内容放在中央。这与冻结布局有同样的好处,不过通常更美观。
  183. position属性可以设置为4个值:static(静态)、absolute(绝对)、fixed(固定)和relative(相对)。
  184. 静态定位是默认方式,将元素放在页面的正常流中。
  185. 绝对定位允许将元素放在页面上的任何位置。默认地,绝对定位元素会相对于页面边界来放置。
  186. 如果一个绝对定位元素嵌套在另一个定位元素中,这个元素就会相对于外包含元素定位。
  187. 使用绝对、固定和相对定位时,属性top、right、bottom和left可以用来指定元素的位置。
  188. 绝对定位元素可以使用z-index属性分层放置,使一个元素在另一个元素上面。z-index值越大,说明它层次越高(在屏幕上离你越近)。
  189. 固定定位元素总是相对于浏览器窗口定位,页面滚动时,固定定位的元素不会移动。页面中的其他内容会在这个固定定位元素下面正常滚动。
  190. 相对定位元素首先正常流入页面,然后按指定的量偏移,从而留出它们原先所在的空间。
  191. 使用相对定位时,left、right、top和bottom是指距正常流中该元素位置的偏移量。
  192. CSS表格显示允许按一种表格布局来摆放元素。
  193. 要创建CSS表格显示,需要使用相对应表格的一个块元素,对应行的块元素,以及对应单元格的块元素。通常,这些块元素都是<div>元素。
  194. 如果需要建立多栏布局,而且内容栏是均匀的,表格显示就是一个很好的布局策略。
  195. HTML5为HTML增加了很多新元素。
  196. <section>、<article>、<aside>、<nav>、<header>和<footer>都是帮助你建立页面结构的新元素,与使用<div>相比,它们可以提供更多含义。
  197. <section>用于对相关的内容分组。
  198. <article>用于类似博客帖子、论坛帖子和新闻报道等独立的内容。
  199. <aside>用于表示不作为页面主内容的次要内容,如插图和边栏。
  200. <nav>用于组织网站导航链接。
  201. <header>将标题、logo和署名等通常放在页面或区块最上方的内容组织在一起。
  202. <footer>将诸如文档信息、法律措辞和版权说明等通常放在页面或区块最下方的内容组织在一起。
  203. <time>也是HTML5中的一个新元素。这个元素用来标记时间和日期。
  204. <div>仍然用于建立结构。它通常将元素组织在一起来指定样式,或者有些内容可能不适合放在HTML5中那些与结构相关的新元素中,这些内容就可以使用<div>创建结构。
  205. 较早的浏览器不支持新的HTML5元素,所以一定要知道主要用户使用哪些浏览器访问你的Web页面,除非能确保新元素对你的用户适用,否则不要贸然使用这些新元素。
  206. <video>是一个新的HTML元素,用于为页面增加视频。
  207. 视频编码是用来创建视频文件的编码。常用的编码包括h.264、Vp8盒Theora。
  208. 视频容器文件包含视频、音频和元数据。流行的容器格式包括MP4、OGG和WebM。
  209. 要提供多个视频源文件,确保你的用户可以在他们的浏览器中观看你的视频文件。
  210. HTML表格用来建立表格数据结构。
  211. HTML表格元素<table>、<tr>、<th>和<td>一起用来创建一个表格。
  212. <table>元素定义并包围整个表格。
  213. 每行包含一个或多个数据单元格,分别用<td>元素定义。
  214. 使用<th>元素表示作为行或列表头的数据单元格。
  215. 表格采用格状布局。每行对应HTML中的一个<tr>……</tr>行,每列对应行中的<td>……</td>内容。
  216. 可以用<caption>元素提供关于表格的额外信息。
  217. 表格有边框间距,也就是单元格之间的间距。
  218. 表格数据单元格还可以有内边距和边框。
  219. 就像能够控制元素的内边距、边框和外边距一样,可以用CSS控制表格单元格的内边距、边框和边框间距。
  220. border-collapse是针对表格的一个特殊的CSS属性,允许将单元格边框合并为一个边框,让外观更简洁。
  221. 可以用text-align和vertical-align CSS属性改变表格单元格中数据的对齐方式。
  222. 可以用background-color属性为表格增加颜色。可以为整个表格、各行或者单个的数据单元格增加背景颜色。
  223. 使用CSS nth-child伪类可以为表格隔行增加背景颜色。
  224. 如果一个数据单元格没有数据,<td>元素中不放置任何内容。不过,需要使用一个<td>……</td>元素维持表格的对齐。
  225. 如果你的数据单元格需要跨多行或多列,可以使用<td>元素的rowspan或colspan属性。
  226. 可以在表格中嵌套表格,将<table>元素及其所有内容放在一个数据单元格中。
  227. 表格应当用于表示表格数据,而不是建立页面布局。另一个方面,可以像第11章中所介绍的,使用CSS表格显示创建多栏页面布局。
  228. 与所有其他元素一样,可以用CSS指定列表的样式。有几个特定于列表的CSS属性,如list-style-type和list-style-image。
  229. list-style-type允许改变列表中使用的列表标记类型。
  230. list-style-image允许指定列表标记图像。
  231. <form>元素定义了表单,所有表单输入元素都嵌套在这个元素中。
  232. action属性包含服务器脚本的URL。
  233. method属性包含发送表单数据的方法,可以是POST或GET。
  234. POST打包表单数据,并把它作为请求的一部分发送到服务器。
  235. GET打包表单数据,并把数据追加到URL。
  236. 如果表单数据应当是私有的,或者表单数据很多,如使用了一个<textarea>或者file <input>元素,就应当使用POST。
  237. 对于可以加书签的请求,要是用GET。
  238. <input>元素在Web页面上可以作为多种不同的输入控件,这取决于它的“type”属性值。
  239. type为“text”时会创建一个单行文本输入框。
  240. type为“submit”时会创建一个提交按钮。
  241. type为“radio”时会创建一个单选钮。所有同名的单选钮构成一组互斥的按钮。
  242. type为“checkbox”时会创建一个复选框空间。通过为多个复选框指定相同的名字,可以创建一组选择。
  243. type为“number”时会创建一个只允许数字字符的单行文本输入控件。
  244. type为“range”时会创建一个滑动条控件提供数字输入。
  245. “color”类型会在支持这个类型的浏览器中创建一个颜色选择器(否则只会创建一个普通的文本输入控件)。
  246. “date”类型会在支持这个类型的浏览器中创建一个日期选择器(否则只会创建一个普通的文本输入控件)。
  247. “email”、“url”和“tel”类型会创建单行文本输入,在一些移动浏览器上会出现定制键盘来方便数据输入。
  248. <textarea>元素会创建一个多行文本输入区。
  249. <select>元素会创建一个菜单,包含一个或多个<option>元素。<option>元素定义了菜单中的菜单项。
  250. 如果将文本放在<textarea>元素的内容中,这会成为Web页面上文本区控件中的默认文本。
  251. text<input>元素中的value属性可以用来为单行文本输入控件提供一个初始值。
  252. 在提交按钮上设置value属性可以改变按钮上显示的文本。
  253. 提交一个Web表单时,表单数据值与相应的数据名配对,所有名和值会发送到服务器。
  254. 由于表单有一个表格结构,通常会用CSS表格显示来建立表单布局。CSS还可以用来指定表单的颜色、字体风格、边框等样式。
  255. HTML允许用<fieldset>元素组织表单元素。
  256. 可以用<lable>元素以一种有助于提高可访问性的方式关联标签与表单元素。
  257. 使用placeholder属性可以为表单用户提供一个提示,指出你希望在一个输入域中输入什么内容。
  258. required属性指示一个输入域是必要的,要让表单成功提交,这个输入域中必须有值。有些浏览器在你提交表单之前会强制要求在这些域中输入数据。


-------------完-------------