HTML学习笔记

最新推荐文章于 2023-01-12 15:14:08 发布

aamedz1055

最新推荐文章于 2023-01-12 15:14:08 发布

阅读量62

点赞数

原文链接：http://www.cnblogs.com/HuangLiang/archive/2006/05/16/401713.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)注释文本:  待注释的文本写在　- -- 之间。
例如　：

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

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

转载于:https://www.cnblogs.com/HuangLiang/archive/2006/05/16/401713.html

aamedz1055

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记

Html学习笔记想系统学习一下web开发，那就不能不先从Html开始学起：一什么是HTML？网络浏览器可以识别并解释的一种编码，被成为Html代码。1)标识符一个Html页必须要有的标识符是：<html>　<body></body></html>其中网页的内容都在<body></body...
复制链接

扫一扫