HTML学习笔记
Html学习笔记
想系统学习一下web开发，那就不能不先从Html开始学起：
一 什么是HTML？
网络浏览器可以识别并解释的一种编码，被成为Html代码。
1)标识符
一个Html页必须要有的标识符是：
<html> <body> </body> </html>
其中网页的内容都在<body></body>内书写。
二 处理文本
1)段落： 用 <P>开始一个新的段落 不必使用</p>来作结尾
2)排列文本：
<p align=left> 将文本居左<p align=right> 将文本居右
<p align=center> 将文本居中
3)字体加粗: 待加粗的文本放在<b></b>标识符中，"b"是英文blod缩写
4)斜体文字：使用<i> </i>使文本变成斜体 "i"是英文italic缩写
5)分行:<br> 相当于换行，行与行之间没有空行，与<p>不同之处是<p>会产生空行
6)注释文本: <!-- --> 待注释的文本写在 - -- 之间。
例如 ：
<!-- you don't see me --> 被注释的文本不会在浏览器中出现，但是如果察看源代码还是可以看到被注释的内容。
7)链接：以<a herf="?">创建链接，</a>结束链接。
其中?号用真正的url取代，<a> </a>内为地址的描述行文字
例如:
<a href="http://www.cnblogs.com/huangliang">亮子的博客</a>
8)发送邮件: <a href="mailto:?">创建链接
</a>结束发送邮件
与创建超链接不同的是: "?"用 mailto:代替，后面跟上发送邮件的地址
例如：
<a href="mailto:braveleo@163.com">给我发邮件！</a>
三 处理图片
1)介绍： <img src="?">放置一张图片
<img align="?">排列一副图片
放置一幅图片，需要知道图片存储在服务器的那个目录下，如果当前目录下有图片image.gif，那么应写成如下：
<img src="image.gif">
2)排列图标： <img align="?">
如果让上图居右，相应的代码是：<img align=right src="image.gif">
如果让上图居中，使用center,并不能保证在所有浏览器中都能居中，
应该让段的所有文本都居中，然后在放置图片。例如：
<p align=center><img src="image.gif">
3)图片边界：<img border=#>设置图片边界的大小
如果直接显示一张图片，默认不会显示图片边界。
如果要给图片增加边界，可以把#用 0~99 任意一个数字代替。不显示边界为0.
例如上例写成如下代码：
<img border=3 src="image.gif">
四 修改网页
1)背景颜色 可以在<body>标识符里修改网页背景色
例如：
<body bgcolor=yellow> </body> bgcolor是英文backgroud color的缩写
2)背景图片 用<body background="xxx.gif">设置背景图片
3)字体颜色 <body text=?>设置字体颜色
<body link="?">设置链接颜色
<body vlink="?">设置您已经访问过的链接颜色
<body alink="?">设置您正点击的链接的颜色
<font color="?"></font>更改字体颜色
其中<font color>只改变某些字的颜色时使用，而<body text=?>会把整个网页的字体颜色改变
4)标题大小 <h1> 使用大标题
</h1> 结束大标题
<h3> 使用中标题
</h3> 结束中标题
<h6> 使用小标题
</h6> 结束小标题
