<span style="color: rgb(102, 102, 102); font-family: 'microsoft yahei'; font-size: 14px; line-height: 24px; text-indent: 28px;">由于有些零散的代码夹杂其中,所以用代码块编辑。</span>
马士兵_HTM_学习笔记_尚学堂_个人整理
一、HTML简介
Hyper Text Markup Language
超文本 (文字+图片+音视+链接…)
标记语言 (浏览器根据标记显示内容)
来自于SGML(标准通用标记语言)
专注于在Web上传递信息
是写给浏览器的语言
历史
HTML1.0 – HTML2.0 (IETF制定) – HTML4.0(最终版) W3C
IETF – Internet Engineering Task Force
HTTP协议 RFC等
RFC2616 Http1.1 RFC1521 MIME
W3C – World Wide Web Consortium (www.w3.org)
HTML XML等
XHTML
符合XML标准的HTML
DHTML
(X)HTML / CSS / JavaScript的综合运用
二、HTML语法标记 标记(标签或元素)的形式
<元素名>内容</元素名>
Eg. <font>文字</font>
<元素名/>
Eg. <img src=―…‖/>
<元素名>
Eg. <br>
位于尖括号内�可以具有属性值
属性值必须"" 或 ''�不写也可以解析� 但是不推荐(不符合XHTML)�
有开始必须有结束(XHTML)
标签不能嵌套
不区分大小写
但应该养成良好的编程习惯�推荐都用小写
三、Html文档结构
<html>
<head>
<title>
典型HTML
</title>
</head>
<body>
我会努力的
</body>
</html>
<!-- 中间的内容为注释 -->
四、head中的常用标签
<title>文字</title>
“文字”将显示在浏览器标题栏上
<meta>:用于设置一些头信息
<meta http-equiv=“content-type” content=“text/html;charset=gb2312”>
<meta http-equiv=“refresh” content=“3;url=http://www.foo.com”>
"http-equiv"指明下面要设置的项目;”content"指明该项目设置的内容
<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
五、锚点标签--<a>
<a name="AnchorName">
在该位置定义名字为AnchorName的锚,就是给这个位置起了个名字,别人可以用这个名字直接链接到该文件的这个位置
六、链接标签--<a>
超级链接,跳转到另一文件
<a href=“url” target=“TargetWindow”>文字
</a>
当鼠标点击“文字”时,TargetWindow的内容将会跳转到“url”,不指定target时在本窗口跳转。
连接到文件的特定部分
Href=“url#point”
链接到url的point部分
在url文档中用<a name=“point”></a>标识
Target 见“框架“部分
七、路径问题
本地路径(不提倡)
"c:dir1dir2…"
绝对路径
"http://www.foo.com/img_url.jpg
相对路径(相对于当前URl地址来说)
“images/01.jpg” 在当前文件夹下找01
“../../images/01.jpg“ ..代表上层路径
“/images/01.jpg” = “http://mysite/images/01.jpg 找当前路径的根路径
Eg. <a href=“”></a>
Eg. <img src=“”/>
八、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
九、分隔线--<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”>
十、标题字体大小--<h#>
<h#>…</h#> #=1、2、3、4、5、6
按标题级别用黑体字显示标题内容
自动插入空行
<h1>最大
<h6>最小
十一、字体设置
<font face=“” size=“” color=“”>…</font>
face定义字体
size 1 2 3 4 5 6 7
实际 8 10 12 14 18 24 36(pixels)
<font size=“+1”>
<font size=“-1”>
Color可以使用预定义的名字,也可以使用数字
red、blue、black…
<tt></tt>通常是打字机风格字体
<cite></cite>通常是引用方式(斜体)
<em></em>强调(通常是斜体加粗体)
十一、设置文字显示
名称 HTML代码
黑体 <b></b>
斜体 <i></i>
下划线 <u></u>
中划线 <s></s>
闪烁 <blink></blink>
上标 <sup></sup>
下标 <sub></sub>
十二、特殊字符
< <
> >
® 注册商标
& &
空格
© copyright
™ 商标™
" “