html札记
日期：2014-05-17 浏览次数：20602 次
html笔记
HTML Hyper Text Markup language
HTTP HyperText Transfer Protocol
1．HTML语法标记
标记(标签或元素)的形式
<元素名>内容</元素名> Eg. <font>文字</font>
<元素名/> Eg. <img src=“…”/>
<元素名> Eg. <br>
位于尖括号内，可以具有属性值
属性值必须“” 或 ‘’，不写也可以解析， 但是不推荐（不符合XHTML）
有开始必须有结束(XHTML)；标签不能嵌套
不区分大小写；但应该养成良好的编程习惯，推荐都用小写
2、Html文档结构
<html>
<head>
<title>
典型HTML
</title>
</head>
<body>
我会努力的！
</body>
</html>
? <!-- 中间的内容为注释 -->
3、head中的常用标签
<title>文字</title> “文字”将显示在浏览器标题栏上
<meta>：用于设置一些头信息
<meta http-equiv=“content-type” content=“text/html;charset=gb2312”> //当前页面的设置（http-equiv 指明要设置的项目；content指明设置项目的内容）
<meta http-equiv=“refresh” content=“3;url=http://www.foo.com”>//3秒钟之后刷新当前页面刷新之后指示url 后的页面；
<meta name="keywords" content="your keywords">//设置网页的关键词（搜索引擎）
<meta name="description" content="your description">//对网页的描述
<meta http-equiv="expires" content="0">//不再访问方设置缓存
<meta http-equiv="pragma" content="no-cache">//不再代理服务器上设置缓存
<meta name="generator | author | copyright" content="…..">//网页由什么制作，作者，版权声明
<style>…</style>定义CSS格式
<Script language=“”>…</Script> 用于定义脚本，Eg. Javascript
<link> …..< base>网页中的连接都是以base 指定的为基础
4、<body>（属性）(css中设置)
<body bgcolor=“#ffffff” text = “#ff00fff” link=”#00ff00” alink=”#000000” vlink=”#000000” background="img_url" >
你好！
<a herf = “0.1.html”>连接到0.1.html</a>
</body>
? 色彩值 “#rrggbb” Eg. <body bgcolor=“#ffffff” > 红绿蓝数字值
? <body background=“img_url” --图片地址 >
? body其他属性 text link alink vlink bgcolor leftmargin topmargin…
5、锚点标签--<a>
<a name="AnchorName">anchorName</a>
在该位置定义名字为AnchorName的锚，就是给这个位置起了个名字，别人可以用这个名字直接链接到该文件的这个位置
超级链接，跳转到另一文件 <a href=“url” target=“TargetWindow”>文字 </a>
当鼠标点击“文字”时，TargetWindow的内容将会跳转到“url”，不指定target时在本窗口跳转。
连接到文件的特定部分
Href=“url#point”连接到url的point部分；在url文档中用<a name=“point”></a>标识
? Target 见“框架“部分
6、路径问题
本地路径 "c:\dir1\dir2\…"
绝对路径 "http://www.foo.com/img_url.jpg
相对路径（相对于url地址）
“01.jpg” <!--本网页URL下的01.jpg-->
"images/01.jpg" <!-- 本网页所在的url地址下查找images/01.jpg-->
"../../images/01.jpg" <!-- ../表示上层路径-->
"/images/01.jpg" = "http://mysite/images/01.jpg<!-- /当前路径下根路径-->
Eg. <a href=“”></a>；Eg. <img src=“”/>
7、URL URI URN
URL：Uniform Resource Locator（统一资源定位符）
网络协议 ＋ 主机名 ＋ 端口号 ＋ 资源名（定位标记）
http://www.bjsxt.com:80/index.html#top带有参数的url 及 url编码问题 见Servlet / JSP部分
URN：Uniform Resource Name
持久可用的资源标准名称 例如邮箱名mashibing2004@sina.com
URI：Uniform Resource Identifier 包含URL和URN
8、分隔线--<hr>
语法
<hr size=“pixels” align=“align” width=“pixels” color=“#” noshade>
Size 高度；Align 对齐方式，可以取left或right；Noshade 无阴影效果；颜色
Eg. <hr noshade color=“#ff00ff” width=“600” size=“8” align=“left”>
9、标题字体大小--<h#>
<h#>…</h#> #=1、2、3、4、5、6
按标题级别用黑体字显示标题内容；自动插入空行；<h1>最大；<h6>最小
10、字体设置(css中设置)
<font face=“” size=“” color=“”>…</font>
face定义字体
size 1 2 3 4 5 6
HTML Hyper Text Markup language
HTTP HyperText Transfer Protocol
1．HTML语法标记
标记(标签或元素)的形式
<元素名>内容</元素名> Eg. <font>文字</font>
<元素名/> Eg. <img src=“…”/>
<元素名> Eg. <br>
位于尖括号内，可以具有属性值
属性值必须“” 或 ‘’，不写也可以解析， 但是不推荐（不符合XHTML）
有开始必须有结束(XHTML)；标签不能嵌套
不区分大小写；但应该养成良好的编程习惯，推荐都用小写
2、Html文档结构
<html>
<head>
<title>
典型HTML
</title>
</head>
<body>
我会努力的！
</body>
</html>
? <!-- 中间的内容为注释 -->
3、head中的常用标签
<title>文字</title> “文字”将显示在浏览器标题栏上
<meta>：用于设置一些头信息
<meta http-equiv=“content-type” content=“text/html;charset=gb2312”> //当前页面的设置（http-equiv 指明要设置的项目；content指明设置项目的内容）
<meta http-equiv=“refresh” content=“3;url=http://www.foo.com”>//3秒钟之后刷新当前页面刷新之后指示url 后的页面；
<meta name="keywords" content="your keywords">//设置网页的关键词（搜索引擎）
<meta name="description" content="your description">//对网页的描述
<meta http-equiv="expires" content="0">//不再访问方设置缓存
<meta http-equiv="pragma" content="no-cache">//不再代理服务器上设置缓存
<meta name="generator | author | copyright" content="…..">//网页由什么制作，作者，版权声明
<style>…</style>定义CSS格式
<Script language=“”>…</Script> 用于定义脚本，Eg. Javascript
<link> …..< base>网页中的连接都是以base 指定的为基础
4、<body>（属性）(css中设置)
<body bgcolor=“#ffffff” text = “#ff00fff” link=”#00ff00” alink=”#000000” vlink=”#000000” background="img_url" >
你好！
<a herf = “0.1.html”>连接到0.1.html</a>
</body>
? 色彩值 “#rrggbb” Eg. <body bgcolor=“#ffffff” > 红绿蓝数字值
? <body background=“img_url” --图片地址 >
? body其他属性 text link alink vlink bgcolor leftmargin topmargin…
5、锚点标签--<a>
<a name="AnchorName">anchorName</a>
在该位置定义名字为AnchorName的锚，就是给这个位置起了个名字，别人可以用这个名字直接链接到该文件的这个位置
超级链接，跳转到另一文件 <a href=“url” target=“TargetWindow”>文字 </a>
当鼠标点击“文字”时，TargetWindow的内容将会跳转到“url”，不指定target时在本窗口跳转。
连接到文件的特定部分
Href=“url#point”连接到url的point部分；在url文档中用<a name=“point”></a>标识
? Target 见“框架“部分
6、路径问题
本地路径 "c:\dir1\dir2\…"
绝对路径 "http://www.foo.com/img_url.jpg
相对路径（相对于url地址）
“01.jpg” <!--本网页URL下的01.jpg-->
"images/01.jpg" <!-- 本网页所在的url地址下查找images/01.jpg-->
"../../images/01.jpg" <!-- ../表示上层路径-->
"/images/01.jpg" = "http://mysite/images/01.jpg<!-- /当前路径下根路径-->
Eg. <a href=“”></a>；Eg. <img src=“”/>
7、URL URI URN
URL：Uniform Resource Locator（统一资源定位符）
网络协议 ＋ 主机名 ＋ 端口号 ＋ 资源名（定位标记）
http://www.bjsxt.com:80/index.html#top带有参数的url 及 url编码问题 见Servlet / JSP部分
URN：Uniform Resource Name
持久可用的资源标准名称 例如邮箱名mashibing2004@sina.com
URI：Uniform Resource Identifier 包含URL和URN
8、分隔线--<hr>
语法
<hr size=“pixels” align=“align” width=“pixels” color=“#” noshade>
Size 高度；Align 对齐方式，可以取left或right；Noshade 无阴影效果；颜色
Eg. <hr noshade color=“#ff00ff” width=“600” size=“8” align=“left”>
9、标题字体大小--<h#>
<h#>…</h#> #=1、2、3、4、5、6
按标题级别用黑体字显示标题内容；自动插入空行；<h1>最大；<h6>最小
10、字体设置(css中设置)
<font face=“” size=“” color=“”>…</font>
face定义字体
size 1 2 3 4 5 6
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
