您的位置：首页 > Web前端 > HTML

HTML学习笔记

2006-05-16 17:28 375 查看

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)注释文本:  待注释的文本写在　- -- 之间。
例如　：　



被注释的文本不会在浏览器中出现，但是如果察看源代码还是可以看到被注释的内容。

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> 结束小标题

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航