HTML语言基础（基础东西）

======================================================
注：本文源代码点此下载
======================================================

目录

一、html语言简述

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

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

四、格式化文本

五、格式化段落

六、引用多媒体

.........

一、html语言简述

html:hyper text markup language 的简写,意为: 超文本标记语言;

html:不是 程序 语言,它只是一种 标记 语言,一种 文本 语言;

html:所有标记都必须用尖括号( "" )括起来;

html:大部分标记是成对出现的,结束标记须以"/"开头;只有少数标记不成对出现;

html:标记不区分大小写,默认情况asp.net 2.0 中系统提供的html标记都用小写字母表示;

html:已成为各种浏览器的通用标准,并独立于各种操作系统平台;

html:的重要性:是所有浏览器都能识别的语言,是浏览器生成网页的基础;

不管你采用哪种技术,哪种语言最终都以html的形式输出;

另外:xml语言的标记可以任意定义,所以html标记可以说是其中的一部分。

 

 

 

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

超链接是html语言的精华。

在html语言中使用a标记来创建超链接

文字链接

耀眼冰蓝

基本格式:

a href="url(必选项)" target="目标(可选项)" title="鼠标放上时显示的文字(可选项)">文本a>

锚点(书签)链接

回到顶部跳转到其它页面的指定部分

基本格式:

a name="top" id="top">a> 定义锚点的方法-->

a href="#top">回到顶部a>br />

a href="http://www.cnblogs.com/yoyebina/archive/2006/11/12/558479.html#20" target="_blank">跳转到其它页面的指定部分a>

邮件链接

给耀眼冰蓝发信

基本格式:

a href="mailto:[e-mail]?subject=关于耀眼冰蓝的博客">

span style="text-decoration: none">给耀眼冰蓝发信span>

a>

图片链接

基本格式:

a href="http://yoyebina.cnblogs.com" target="_blank" >

img src="http://www.yoyebina.com/images/logo.gif" border="0" alt="点击去耀眼冰蓝的博客" >

a>

移动链接(目的:增加吸引力)

点这里查看详细方法...

基本格式:

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.ocmfont>

上标:耀眼冰蓝sup>yoyebinasup>

下标:耀眼冰蓝sub>yoyebinasub>

粗体:b>耀眼冰蓝b>

斜体:i>耀眼冰蓝i>

下划线:u>耀眼冰蓝u>

删除线:s>耀眼冰蓝s>

效果如下:

http://yoyebina.cnblogs.com

上标:耀眼冰蓝yoyebina

下标:耀眼冰蓝yoyebina

粗体:耀眼冰蓝

斜体:耀眼冰蓝

下划线:耀眼冰蓝

删除线:耀眼冰蓝

 

五、格式化段落

·分段标记p:用该标记时会跳过一个空行,若省略结束

,则可将开始标

记放在段尾。

其常用属性是align,用于设置段落的水平对齐方式。

·换行标记br:强行规定当前行中断,使后续的内容在下一行显示。

·标题标记hn:n的取值是1到6,当n取1时,标题的字号最大;当n取6时,标题的字号最小;

·水平线标记hn:属性有:align(默认为center), color, noshade(无阴影), size(竖直尺寸), width(水平长度)

·如果要将部分内容居中对齐,可以用和

如果要将多个段落设置为相同的对齐方式,可用

和

 

六、引用多媒体

背景音乐

loop设定循环的次数,loop=infinete表示不断循环到关闭为止

插入图象

img标记的常用属性:src,alt.height,width,border,hspace(图片与左右两端文本距离),vspace(图片与上下两端文本距离) ,align

插入视频

插入动画

通用标记

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/