需要在新窗口中打开网页采用"_blank"属性,例如<a href="http://www.google.com" target="_blank"></a>。
XML声明,<?xml version="1.0",encoding="UTF-8">
DOCTYPE声明
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtmll-transitional.dtd">
html中三个属性组:核心属性组,国际化属性,UI事件
核心属性组:id class title style
国际化属性:dir lang xml:lang
UI事件:onclick等。
在web开发经常会遇到如: 这样的字符。它其实是Html将一些特殊字符(Html语法字符)的一种表达方式。
下面列举几个常用字符:
空格
& &
< <
> >
" "
&qpos; '
dir属性:文本在浏览器中的显示方向(ltr rtl)
<br/>换行,<hr/>创建一条水平线
<pre>创建预先格式化的文本(保持文本与自己期望的格式一致)
blockquote和q:前者使用时会独立缩进程单独的段,后者是短引用。
<kbd>键盘输入文本
<samp>程序输出
<ul>创建无序列表<ol>有序列表
<dl>
<dt>
<dd>定义列表
<ins>添加文本<del>删除文本
<div>或<span>分组多个元素
<base>指定基URL,例如<base href="...">
<a id="...">创建目的锚点
<a href="#目的锚点">
表
<tr>定义表行
<td> 标签定义 HTML 表格中的标准单元格。
HTML 表格有两类单元格:
- 表头单元 - 包含头部信息(由 th 元素创建)
- 标准单元 - 包含数据(由 td 元素创建)
表单
创建表单<form>至少要包含action,method两个属性
将表单的数据发送给服务器采用get(数据作为URL的一部分发送)post(数据隐藏在http头中)
onsubmit属性验证输入数据的准确性。
onreset清除表单内容
enctype编码数据
文本输入控件<input>(单行输入)<textaera>(多行输入)
按钮<button> <input type="submit" "reset" "button">
复选按钮<input type="checkbox">
下拉选项框<select> 滚动,设置属性size显示多少个(设置size,multiple属性时,为列表框形式,没有设置时,为下拉框)
分组选项<optgroup>或者<option disable="disable">
上传文件<input type="file>
隐藏控件<input type="hidden">
<fieldset>在表单控件组周围创建边框,以表明这些表单控件是相关的。
<legend>元素为<fieldset>指定标题,它必须是<fieldset>的子元素
框架
创建框架集文档<frameset>,指定浏览器窗口将如何被划分为多个行和列,可以代替<body>。作用是同一个窗口显示多个独立文档。
单独刷新页面的某一部分,采用AJAX(异步JavaScript and xml)
<frame>用于指示每一个框架的内容。
<iframe>创建浮动框架
<applet>插入Java applet程序(可用<object>代替)
XML数据岛datasrc指定XML的ID,使用datafld与XML元素绑定。
CSS(层叠样式表)
CSS由选择器和声明组成。
<link> 标签定义文档与外部资源的关系。常用于链接样式表,用于链接样式表时,必须带三个属性type,rel,href。
rel="stylesheet" ,type=text/css
CSS规则可以出现在XHTML文档内的两个位置处。<head>元素内,通过style元素包含特性,作为元素的style属性
Quirks和Standard是浏览器解析CSS的两种模式
*{}通用选择器
id选择器p#abstract{}
子选择器td>b{}
后继选择器table b{}
相邻兄弟选择器h1+p{}
CSS框模型
在CSS中,每个元素视为一个框,每个框具有三个属性:border(边框),padding(元素内容与边框的空间量),margin(框之间的距离)
padding,margin特性值不会被子元素继承。
框面积
CSS中的常用长度绝对单位:pt,pc,in,cm,mm,相对单位:px,em,ex
CSS伪类
selector:伪类
@import在当前样式表中导入另一个样式表 @import "mystyle.css"或者@import url("mystyle.css")
@charest指示样式表使用的字符集
!important指示用户自定义的规则比作者的样式表具有更高的优先级
CSS元素定位 position float
position:static relative absolute fixed
float:left right none inherit
页面布局
流体设计(页面内容随着页面的大小而变化拉伸)
CSS滤镜
filter:filtername(parameter)
Alpha Blur Motion-Blur
JavaScript
WEB文档的API称为DOM(文件对象模型)
页面脚本函数放置在<head>的<script>之中,事件触发时调用。或者外部文档。或者<body>中,页面加载时运行。
<noscript>浏览器没开启javascript时,能够显示XHTML文档。
文档对象模型(DOM)包括文档对象、表单对象、图像对象等。
页面中使用多种脚本语言,需要指定默认脚本语言,需要在head中<meta http-equiv="Content-Script-Type" content=“text/JavaScript"
可重用函数,调用时直接赋值,而不是让其自己去获取。使用外部JavaScript文件