[经验]HTML语言总结,希望有些用处

马甲2号

[经验]HTML语言总结,希望有些用处

一、HTML语言简述

HTML：Hyper Text Markup Language 的简写，意为： 超文本标记语言；
HTML：不是 程序 语言，它只是一种 标记 语言，一种 文本 语言；
HTML：所有标记都必须用尖括号（ " < " 和 " > " ）括起来；
HTML：大部分标记是成对出现的，结束标记须以"/"开头；只有少数标记不成对出现；
HTML：标记不区分大小写，web标准中是小写的;
               默认情况ASP.NET 2.0 中系统提供的HTML标记都用小写字母表示；
HTML：已成为各种浏览器的通用标准，并独立于各种操作系统平台；
HTML：的重要性：是所有浏览器都能识别的语言，是浏览器生成网页的基础；
                        不管你采用哪种技术，哪种语言最终都以HTML的形式输出；
另外：XML语言的标记可以任意定义，所以HTML标记可以说是其中的一部分。

二、HTML语言的精华——超链接

超链接是HTML语言的精华。
在HTML语言中使用A标记来创建超链接

1.文字链接
耀眼冰蓝
基本格式：
<a href="URL(必选项)" target="目标(可选项)" title="鼠标放上时显示的文字(可选项)">文本</a>

2.锚点(书签)链接
回到部      跳转到其它页面的指定部分
基本格式：
<a name="top" id="top"></a>　<!--定义锚点的方法:只是把 href 换成了 name 而已.-->
<a href="#top">回到部</a><br />
<a href="http://www.cnblogs.com/yoyebina/archive/2006/11/12/558479.html#20" target="_blank">跳转到其它页面的指定部分</a>

3.邮件链接
给耀眼冰蓝发信
基本格式：
<a href="mailto:[email protected]?subject=关于耀眼冰蓝的博客">
<SPAN style="TEXT-DECORATION: none">给耀眼冰蓝发信</SPAN>
</a>

4.图片链接
基本格式：
<a href="http://yoyebina.cnblogs.com" target="_blank" >
<img src="http://www.yoyebina.com/Images/logo.gif" border="0" alt="点击去耀眼冰蓝的博客" >
</a>

5.移动链接(目的：增加吸引力)
点这里查看详细方法...
基本格式：
<marquee>
<a href="http://www.cnblogs.com/yoyebina/archive/2006/11/22/569178.html" target="_blank" >
<SPAN style="TEXT-DECORATION: none">点这里查看详细方法</SPAN>
</a>
</marquee>

三、提高代码的可读性——注释语句

下面是单行和多行两种注释语句：
<!--单行的注释语句:欢迎访问耀眼冰蓝的博客: http://yoyebina.cnblogs.com-->

<!--这是一条多行的注释语句,
欢迎访问耀眼冰蓝的站点: http://www.yoyebina.com-->

四、格式化文本

<font face="宋体" size="2" color="green">http;//yoyebina.cnblogs.ocm</font>

上标:耀眼冰蓝<suP>yoyebina</sup>
下标:耀眼冰蓝_yoyebina

粗体:<B>耀眼冰蓝</B>
斜体:<I>耀眼冰蓝</I>

下划线:<U>耀眼冰蓝</U>
删除线:<S>耀眼冰蓝</S>
效果如下：
http://yoyebina.cnblogs.com

上标:耀眼冰蓝yoyebina

下标:耀眼冰蓝yoyebina


粗体:耀眼冰蓝

斜体:耀眼冰蓝


下划线:耀眼冰蓝

删除线:耀眼冰蓝

五、格式化段落

stephen_y

谢谢分享

ddtenvelope

好东西地啊！！

lrwr1995

good good good

sky_blue

thanks a lot!!

huangao_008

谢谢楼主！！

grassfire

thank you very much!!

yjs916

thank for sharing

calmflame

总结的不错，好习惯

uglykoala

这个简直是有点骗分哦.......
  也没说什么技巧...