---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ----------------------
HTML,超文本标记语言,即 Hypertext Markup Language,是用于描述网页文档的一种标记语言。
1.HTML基础标签:
<!DOCTYPE>: 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
<html> : 说明该文件是用HTML来描述的。它是文件的开头,而</html>则表示该文件的结尾,它们是html文件的始标记和尾标记
<head></head> :定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等 。可以放在head的 标 签有:<base>, <link>,<meta>, <script>, <style>,以及 <title>。
<title></title>:定义文档的标题,是 head 部分中唯一必需的元素。
<body></body>:定义文档的主体
2.html的控件标签
表单<form></form>
表单用于向服务器传输数据,表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
表单的主要属性:
action :一个必需的属性,URL,规定当提交表单时,向何处发送表单数据;
<form
action="defualt.asp"
method="get"><p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
当点击提交按钮后,表单的内容会被提交到defualt.asp页面。
method:定义向服务器发送表单内容的方法,有POST 和GET两种方法;
name:定义表单的名称;
enctype: 属性规定在发送到服务器之前应该如何对表单数据进行编码,enctype有以下几种值:
application/x-www-form-urlencoded:在发送前编码所有字符(默认)
multipart/form-data:不对字符编码,在使用包含文件上传控件的表单时,必须使用该值
text/plain:空格转换为 "+" 加号,但不对特殊字符编码
target:定义action的URL打开方式,常用方式有_blank:在新窗口打开,_self 默认:在原窗口打开;
<input>
<input> 用于搜集用户信息,根据type的取值,可以定义文本字段、复选框、掩码后的文本控件、单选按钮、按钮。
主要属性:name,只有设置了 <input>元素的名称,才能在提交表单的时候传递元素的值
例如:<input type = "text"/>定义一个文本框;
<label> 标签为 input 元素定义标注(标记),label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上,<label> 标签的 for 属性应当与相关元素的 id 属性相同:
<label for = "123">内码</label><input id = "123" type = "text"/> 点击‘内码’光标会移到文本框内
<textarea>
定义多行文本输入控件,
<textarea rows="3" cols="20">
一个3行20列的文本
</textarea>
<button> 标签定义一个按钮
<select> 定义一个选择列表,相当于WINFORM的ListBox
<select>
<option value ="1">北京</option>
<option value ="2">上海</option>
<option value="3">广东</option>
</select>
主要属性:
disabled:禁用下拉列表框;
multiple:允许选择列表中的多项
<select multiple = "multiple" size = "2" >
<option value ="1">北京</option>
<option value ="2">上海</option>
<option value="3">广东</option>
</select>
name:定义列表框的名称,用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据
disabled: 属性规定禁用下拉列表。被禁用的下拉列表既不可用,也不可点击。
<option> 定义下拉列表中的一个选项(一个条目)
option 元素位于 select 元素内部
主要属性:
disabled:表示该项被禁止使用,可以使用 JavaScript 来清除 disabled 属性,以使选项变为可用状态
selected:加载页面时选中该项
value:表单被提交时被发送到服务器的值,<option> 与 <option/> 之间的值是浏览器显示在下拉列表中的内容,而 value 属性中的值是表单被提交时被发送到服务器的值
4.html中特殊字符
html中的<、>都是有特殊含义的因此在html需要特殊符号
<:小于号(less than)
>:大于号(greater than)
 :空格(No break-space)
5.CSS
使用方式:元素内联、页面嵌入、外部引用
元素内联:直接将样式写入元素的style属性 如:<input type = "text" style =" background-color :Red"/>,适用于样式没有可复用性场合
页面嵌入:在<head></head>中加入,适用于样式可复用的场合
<head>
<title>标题</title>
<style type ="text/css">
input{background-color:Green;}
</style>
</head>
外部引用:将CSS内容写入以CSS后缀的文件,适用于多个页面共享
input
{
background-color :Yellow
}
在<head></head>中添加
<link type ="text/css" rel = "Stylesheet" href ="Ssheet.css"/>
级别:元素内联 >页面嵌入>外部引用
---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流! ----------------------