参见:http://www.w3school.com.cn/html/html_paragraphs.asp
一,【名词解释】
【标签tag】:像<head> <body>这些都是标签。
二,【基本功能】
1, 图片:<img src="w3school.jpg" width="104" height="142" />
2, <p> 元素定义了 HTML 文档中的一个段落。
3, 空的 HTML 元素:<br /> 就是没有关闭标签的空元素,用于定义换行。
4, 【注意】:HTML的标签对大小写不敏感
5, HTML 属性:
1> href属性
<a href="www.3.com.cn">This is a link</a>
--网页上就会出现This is a link.点击这串文字就会跳到www.3.com.cn上面。注意a标签的用法。
2> <h1> 定义标题的开始。<h1 align="center">...</h1> 中间这部分文字就会居中作为标题显示
3> <body bgcolor="yellow"> 定义背景颜色
6, 列表:
1> 无序列表
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
2> 有序列表 将上面的<ul>换成<ol>
7, 定义列表: 自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
8, 表单<form>:表单是一个包含表单元素的区域。允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。【注意:】其中输入标签一般为<input>,其类型由type指定。
8, 文本域: <input type="text" name="firstname" />
9, 单选按钮: 比如:从male和female两项中选择一个:
<form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
</form>
10, 复选框,将上面的"radio"改成"checkbox"即可
11, 提交:type="submit"
12, 表格
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
13,布局:使用表格来完成
14,框架:将多个页面放在一个窗口里。
1> <frameset>定义如何将窗口分割为框架;每个 frameset 定义了一系列行或列,rows/columns 的值规定了每行或每列占据屏幕的面积
<frameset cols="25%,75%"> //有两列,各对应一个框架,第一个框架占25%,第二个占75%
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
2> 导联框架:
<frameset cols="120,*">//旁边出现三个链接,点击哪个,出现哪个。
<frame src="/example/a.html">
<frame src="/example/b.html" name="showframe">
</frameset>
【注意】:1,假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 <frame> 标签中加入:noresize="noresize"。
2,不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。
15, <meta>:永远位于 head 元素内部。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类。
比如:
HTML meta charset 定义网页编码信息
HTML meta content-language 定义页面语言
HTML meta refresh 刷新与跳转(重定向)页面
HTML meta expires 网页缓存过期时间
HTML meta pragma no-cache 页面缓存
HTML meta keywords 网页关键词
HTML meta description 网页简短描述
HTML meta author 网页作者
HTML meta copyright 网页版权
HTML meta date 网页生成时间
HTML meta robots 搜索引擎索引方式
16, <font>:字体标签
17, 样式CSS:
1>,
<head>
<link rel="stylesheet" type="text/css" href="test.css" > //指定用test.css样式表中的样式。
</head>
<body>
<h1>我通过外部样式表进行格式化。</h1>
<p>我也一样!</p>
</body>
</html>
2>, 写样式表:【详见相关css教程】,此处知道有这东西,即可。
18, 实体:用&, #,分号";"进行连接。常用实体如下:
显示结果 描述 实体名称 实体编号
空格  
< 小于号 < <
> 大于号 > >
& 和号 & &
" 引号 " "
' 撇号 ' (IE不支持) '
19, 脚本:<script>
20, 属性:
1> 核心属性:
属性 值 描述
class classname 规定元素的类名(classname)
id id 规定元素的唯一 id
style style_definition 规定元素的行内样式(inline style)
title text 规定元素的额外信息(可在工具提示中显示)
2> 键盘属性:
属性 值 描述
accesskey character 设置访问元素的键盘快捷键。
tabindex number 设置元素的 Tab 键控制次序。
21, 事件,参见jsp学习