html 的第一天 知识点总结
因特网(Internet)：相互连接的计算机的集合。
• Web：一种超文本信息系统。
超文本 (文字+图片+音视频+链接…)
• 万维网(World Wide Web)：在因特网（互
联网）上以超文本为基础形成的信息网。
• 主要表现为各个网站及其超级链接关系。
全局架构标签(XHTML中是必须的)
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
• <!-‐-‐ 注释 -‐-‐> 注释中的内容浏览器不显示
• 特殊字符 
位于<head>标签中的元素，包括
• <base> 指定网页中的超链接的基准地址
• <link> 定义当前文档和另一个文档之间的关系
• <link rel="stylesheet" type="text/css" href="styles.css">
• 指向一个外部样式表
• <meta> 用属性名来划分成两种类型
• name 用来加入关于网页的描述信息。
• http-‐equiv 用于在HTML中模拟HTTP协议的响应消息头(浏览器的一些暗号指令)
<meta>：用于设置一些头信息
• <meta hgp-‐equiv="content-‐Type" content="text/html; charset=UTF-‐8">
• 设定页面使用的字符集
• <meta name ="keywords" content="java,java培训"/>
• 告诉搜索引擎你网页的关键字
• <meta name="descripeon" content="网页描述"/>
• 告诉搜索引擎你的网站主要内容
• <meta hgp-‐equiv="pragma" content="no-‐cache">
• 禁止浏览器从本地计算机的缓存中访问页面内容
• <meta hgp-‐equiv="refresh" content="2;URL=hgp://www.google.com">
• 自动刷新并指向新页面。
• <p>…</p>： 分段落
• <br />：换行
• <pre>…</pre>： 预定义格式
内容分隔<hr/>标签
• 项目列表和编号
• 有序列表<ol>
• 无序列表<ul>
• 预格式文本<pre>标签
• 超链接标签<a>
• <a href="hgp://www.google.cn">谷歌</a>
• 属性：
• href: 设置目标 URL 或锚记
• target:设置目标内容要显示于哪个窗口或框架
• _blank 在新窗口中显示
• _parent 在父窗口中显示
• _self 在当前窗口中显示 默认值
• _top 在顶层窗口和框架中显示
• 自定义 在指定名字的窗口中显示，如果不存在，就在新窗口显示
• 锚：用于使用户“跳”到文档的某个部分
• <a>标签 的 name属性 用于创建锚标记
• <a name = "marker">主题名称</a>
• 为达到这种跳转效果，请在href参数中使用该标记
• <a href = "#marker">跳</a>
滚动标签
• <marquee> 移动显示嵌套其中的图形和文本
• direceon：移动方向。默认为从右向左。 (lep、right、down、up)
• behavior：移动方式
• 值：scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。
• scrollamount：移动速度。值取正整数。数值越大，速度越快
• scrolldelay：表示滚动延迟时间，默认值为90。
• bgcolor：背景色
table标签
cellspacing 设置单元格之间的间距
cellpadding 设置单元格的内边距(边框与其内部内容之间的间隔大小)
<tr>：用来定义表格的一行，常用属性：
• align 水平对齐方式：le)、center、right。
• valign 垂直对齐方式： top、middle、bogom。
• bgcolor 设置该行的背景颜色。
<td>：用来定义表格中一行里的一列单元格，常用属性
• width 列单元格的宽度
• height 列单元格的高度
• align 设置该列单元格中内容的水平对齐方式
• valign 设置该列单元格中内容的垂直对齐方式
• colspan 设置该列单元格跨占的列数
• rowspan 设置该列单元格跨占的行数
• nowrap 禁止对单元格中过长的内容自动换行显示
表单
• <form>标签用来创建一个表单，在表单中通过嵌入各类字段元素来把相应的数据提交到服务器。
• 属性：
• id: 表单标识符
• name: 表单名
• aceon: 设置接收和处理浏览器递交的表单内容的服务器程序URL
• 如果不设置aceon属性或值为空(aceon="")，则表单所在的页面URL会作为默认值。
• method: 指定提交表单的方式
• get方式：表单参数"名=值"对通过超链接方式(跟在URL后面)传递到服务器
• post方式：表单参数"名=值"对作为HTTP消息的实体内容发送给服务器。
• target: 指定服务器返回结果显示的目标窗口
• enctype: 指示浏览器使用哪种编码方法将表单数据传送给服务器。
• applicaeon/x-‐www-‐form-‐urlencoded 默认值,把表单数据编码为"名=值"对
• mulepart/form-‐data 传输的数据用多媒体传输协议方式传输
表单内的元素的基本格式如：
• <input type="元素的类型"
• id="元素的标识符"
• name="元素的名"
• value="元素的初始值"
• size="初始宽度"
• maxlength="最多字符数"
• disabled="disabled"/>
• disabled用来设置该元素不可用，提交表单时它的数据也不会提交到服务器。
单行文本输入框
• <input type="text" name="文本框名" value="初始值" >
• 多行文本输入框-‐文本域
• <textarea name="名" cols="列数" rows="行数">要显示的文本</textarea>
• wrap属性:
• off : 不换行
• sop: 自动换行，若行末有英文单词，会将整个单词移到下一行
• hard: 自动换行，但会截断行末的单词
• 密码框
• <input type="password" name="pwd" />
选择类的表单元素
• 单选按钮
• <input type=" radio " name="名" value="值" checked="checked" />
• 按钮组要同名，但值要不同。
• 复选框
• <input type=" checkbox " name="名" value="值" checked="checked" />
• 常用方式：复选框组要同名，但值要不同。
•文件选择
• <input type=" file " name="名" />
下拉列表框
<select name="指定列表名称" size="行数" muleple="muleple" >
<opeon value="可选项的值" selected="selected">显示标签</opeon>
<opeon value="可选项的值">显示标签</opeon>
</select>
按钮类的表单元素
• 提交按钮 • <input type="submit" name="sbt" value=" 提交 " />
• 重置按钮 • <input type="reset" name="reset" value=" 重填 " />
• 普通按钮 • <input type="bugon" name="cc" value="取消" />
• 图片提交 • <input type="image" src="图片路径" /> • 点击图片会提交表单数据
其它表单元素
• 隐藏字段
• <input type=" hidden " name="sid" value="java001" />
• 浏览器不会显示这个表单字段元素，但提交表单时，会把这个元素的“名=值”对也提交到服务器。
• 文本显示标签
• < label for="user" accesskey="a" >用户名</label>
• 属性for：指定快捷访问键将作用于指定名的表单元素。必须与某个
表单元素id的值相同。
• 属性accesskey：设置快捷访问键