Html ---- 超文本标注语言 控制网页结构
CSS ---- 层叠样式表 控制元素的样式
JSP ---- 客户端脚本语言 控制元素的行为
<body bgcolor="" bgground="image/1.jpg">
<font size="7" color="blue" face="楷体"><u>Dog</u></font>
<b></b> 加粗bold
<i></i>斜体itlic
<u></u>下划线underline
<s></s>删除线strike
<sup></sup>上标
<sub></sub>下标
<font></font>字体标记
size:文本大小,1~7
color
face:字体
<p></P>表示一个段落
常用属性:align(水平对齐方式) 取值:left,center,right
<hr>水平线
size:粗细,单位为像素
color:颜色
width:50%
noshade:是否有阴影
<pre></pre>预排版标记
<h1>...<h6>标题标记
-------------------------------------------------------------------------------------------------------------------------
 ;半角空格
        两个空格
<div>和<span>标记:
<div>是没有任何作用的标记,但是使用做多。<div>一般与css配合使用。<div>是一个块元素。
<span>和<div>差不多,<span>是行内元素。
HTML字符实体
空格: ;
< : <
> : >
& : &
¥ : ¥
* : ×
/ : ÷
<ul>
<li>内容</li>标记
<ul>
<ul>或<li>的常用属性
Type:项目符号类型,取值:disc(小黑点),circle,square
HTML编号列表(有序列表)
<ol>
<li>...</li>
</ol>
type:类型 start:从第几个开始
滚动字幕标记<marquee>
<marquee>...</marquee>
Direction:滚动方向:up,down,left,right
Width ; Height
bgColor:滚动背景色
scrollAmount:滚动步长值
ScrollDelay:两步之间的停留时间
loop:循环次数
图片标记
<img 属性=""> width height border:边框粗细 src:图片路径 Align Hspace Aspace
超级链接
<a></a>
Herf:目标文件地址,可以是相对或绝对
Target:目标文件的显示窗口
--blank:在新窗口打开目标文件
--self:在当前窗口打开目标文件
--parent:在父级窗口打开
--top:在最顶级窗口打开
Name:定义锚点链接的名称
相对URL
1.当前文件和目标文件同级,直接写herf=“1.HTML”
2.当前文件和目标文件所在的文件夹是同级herf=”image/1.html"
3.../代表上一级,../../代表上两级
特殊的连接
什么样的文件会出现下载提示,不能直接执行的都会出现下载提示
邮箱连接<a herf="mailto:beijing@qq.com">
普通空连接<a herf="#">..</a>
JS连接<a herf="javascript:windows.close()">..</a>
锚点链接:在一个网页的不同区域进行跳转
1.定义锚点(做记号) <a name="锚点名称"></a>
2.跳转到锚点<a herf="文件名#锚点名称">...</a> 文件名可有可无,同一个网页不需要文件名,不同网页则必须有文件名。
<Meta>标记
提供网页的元信息。比如:指定网页的搜素关键字。
1.http-equiv:模拟http协议文件头信息,当信息从服务器端传到客户端时,告诉浏览器如何正确的显示网页内容。一般与content配合使用。content属性指定信息的详细参数。
<meta http-equiv="content-type" content="text/html";charset=utf-8"/>
<meta http-equiv="refresh" content="2"/> 网页自动刷新
<meta http-equiv="refresh" content="2";url="www.baidu.com"/>
2.name:主要用于设置网页的搜索关键字,作者,版权
<meta name="keyword" content="网站建设"/>
设置网站的描述信息<meta name="description" content="..."/>
DTD文档类型定义:是一种验证机制,也就是说检验一下你写的HTML
DTD有三大分类:
1.严格行的DTD
2.过渡行的DTD
<!DOCTYPE html PUBLIC "-//WSC//DTD XHTML 1.0...""http://.../xhtml/-transitional.dtd">
3.框架的DTD
表格标签
1.表格的结构
<table>
<tr>
<td>...</td>
</tr>
</table>
table属性:width,height,border,bgcolor,background,bordercolor
<th></th>标题行
表单
<form name="1">
用户名:<input type="text" name="username"/>
密码:<input type="password" name="userpwd"/>
<input type="submit" value="提交"/>
</form>
name
method:表单的提交方式,get&post
action:指定表单的处理程序
enctype:加密方式。有两个取值:application/x-www-form-urldecoded(post);multipart/form-data
<input></input>选项
<select></select>选择,下拉列表
文本区域<textarea name="..." cols="宽度" rows="高度"></textarea>
<input type="submit" name="提交“/>
<input type="reset" name="重置“/>
<input type="image" src="1.jpg"/> 功能就是submit
<input type="button" value="..."/> 一般与JSP配合使用
上传文件域
<input type="file" 属性="属性"/>