2012.4.27 HTML基础学习笔记
——张伟
1. 学习HTML实际上就是在学特定的标签
2. HTML标签的格式:一对尖括号来表示
<p>、<html>、<body>、<h1>...
3. 标题标签<h1>到<h6>
基本格式:<h1> 标题内容 </h1>
<h1>表示的标题最大
<h6>表示的标题最小
4. 段落标签<p></p>
基本格式:<p> 段落内容放在这里 </p>
5. 浏览器在解析HTML标签的时候,只认识两个内容:一是所写的文字(内容)、另一个是标签
6. 图像标签
基本格式:<img src="图像的地址" />
图像地址:打开图片的文件夹是,地址栏里会有图片所在文件夹的路径,文件家路径+ 图片的名字=图片的地址(绝对地址)
7. HTML的基本结构
所有的网页内容应该写在<html></html>里面
所有的HTML标签都要“有始有终”,每一个标签都应该有结束,结束使用“/”来表示
当标签是成对标签时,第一个标签正常写,第二个表示结束的标签,在标签名字前面加上“/”
当标签是单独的一个标签时,在标签结束前(>前)加上一个“/”
每一个网页都应该有一个“头”和“身体”
<head></head> 在head里面有个用的非常多的标签<titl></title>,用来决定标题栏显示的内容
<body></body> 这里方的就是网页要显示的内容
<html>
<head>
<title>标题栏的内容</title>
</head>
<body>
网页要显示的内容
</body>
</html>
每一张页面,都应该只有一对html标签,对于多个,虽然不会出错,但是显示会与设想有出入
8. W3C组织推荐标签使用小写
9. XHTML(可扩展超文本标识语言),规定标签必须使用小写
10. 水平线标签<hr />
11. HTML注释
格式: <!-- 注释的内容 -->
12. HTML换行标签
格式:<br />
13. 特定的字符
空格  
> >(great then)
< <(less then)
& &
14. 标尺线<hr />
属性:
size 看做高度,其值就是显示的高度的像素
width 宽度,像素、浏览器界面的百分比
align 对齐方式:左边(left)、居中默认(center)、右边(right)
noshade 无阴影(实线)
color 线条的颜色
一是使用取色器
取得颜色的六位十六进制数(红绿蓝)以数值的形式赋给color这个属性
注意,赋值内容以#开头
color="#42A62E"
第二种方法,即颜色名(系统定义的默认颜色)
15. 字体标签<font>
控制输出的文本的字体大小(size)、字体类型(face)、字体的颜色(color)
基本格式:
<fontsize="字体大小"face="字体类型"color="字体颜色">由font决定字体的样式的文字 </font>
三个属性:size、face、color
size="字号对应的数字"(1~7)
1代表最小、7代表最大
color="red"("#FFFFFF")
face属性可以在word或其他高级文本编辑其中找到字体类型
注意:标签的属性由空格隔开,不要使用其他符号
16. 常见的预定义字体
黑体(boldface)
<b>黑体字</b>
斜体
<i>斜体字 </i>
等宽字体
<tt>等宽字体</tt>
带下划线的字体
<u>带下划线的文本</u>
上标
<sup>上方显示</sup>
下表
<sub>下方显示</sub>
待删除线
<s>待删除线的文本</s>
17. 预定义格式文本标签
放在<pre></pre>标签内的文字,其空格和换行全部保留
18. marquee标签
控制标签里面的东西(文本、图片...)的运动方式
direction用来设定运动方向
left right down up
behavior用来设定循环
scroll altermate slide
19. 超链接标签
格式
<ahref="链接地址">显示在网页中的提示信息</a>
target属性,用来指定新的页面显示位置
_blank在一个新的页面打开
默认在当前页面打开(原来的页面不见了)
相对地址
若果链接的两个文件都在同一个文件夹下,href的值可以直接用文件名取代
若果在其他文件夹中(文件夹与本文件在同一地方),用文件夹名/文件名
与text.html相同位置的是不是就是名字为folder的文件夹
相对text.html文件而言,folder/Exercise2.html
如果文件在上一级目录,用“../”表示上一级目录的路径名
/根目录
./当前目录
../父目录
页面内的访问
要到本文档内的某个地方,要放一个标记,指明要跳到这个地方来(锚定anchor)
<aname="标记的名"></a>
点击跳到指定地方的标签
<ahref="#标记名"></a>
链接页面中访问指定的地方
要在需要访问的地方定义一个锚(标记)
在链接页面中使用a标签
<ahref="目标文件的地址#锚的名字">...</a>
链接到邮箱
<ahref="mailto:接收邮件的地址?subject=邮件的主题&body=邮件的具体内容"></a>