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

HTML2

2016-05-19 20:58 375 查看

1.图片标记：行内元素、单边标记

l 语法格式：<img 属性= “值”>

l 常用属性

u Width：图片宽度

u Height：图片高度

u Border：图片边框粗细。

u Src：图片的路径(相对路径)

u Align：图片的水平对齐方式，取值：left、center、right

u Hspace：图片与左右文字之间的距离(水平距离)

u Vspace：图片与上下文字之间的距离(垂直距离)。

l 注意事项

u 如果图片想等比例缩放，只需要指定width或height其中一个。

u Align属性只能让文本居中，不能让图片单独居中。

u Align可以实现“图文混排”效果。align = “left | right”

要想让图片实现居中效果，可以给图片增加一个<div>元素

2.超级链接：行内元素，<a>中不能再套<a>标记

l 语法格式：<a 属性= “值”>……</a>

l 常用属性

u href：目标文件的地址URL，该URL可以是相对地址，也可以是绝对地址。

u target：目标文件的显示窗口。

n _blank：在新窗口中打开目标文件。

n _self：在当前窗口中打开目标文件(默认打开)，相当于“替换”操作。

n _parent：在父级窗口来打开目标文件。

n _top：在最顶级窗口来打开目标文件。

n 其中_parent、_top常用框架网页中(HTML第四天讲)

u name：定义锚点链接的名称。(下午讲)

1、绝对地址URL

（1）远程的绝对地址

访问远程的文件，总是以“http://”域名、主机名开头。

（2）本地的绝对地址(很少使用)

访问本地的绝对地址，是以file:///开头的绝对地址。

2、相对地址URL（项目中路径一般是相对路径）

（1）当前文件和目标文件是同级关系，链接地址直接写目标文件名。

（2）当前文件与目标文件所在的文件夹是同级关系，先找“文件夹名”，然后再找“文件名”。

也就是，目标文件位于下一级。

（3）目标文件位于上一层目录中，往上找对应的目录，再找目录中的文件。

往上找，使用“../”符号表示。

“../”代表上一级目录

“../../”代表上两级目录

3、特殊的链接

1、下载链接

什么样的文件会出现下载提示？

反过来说，哪些文件网页可以直接执行？如：.jpg、.png、.gif、.html、.htm、.txt等。

大部分文件，浏览器是不能直接执行的。如：.doc、.xls、.ppt、.rar、.psd……

2、邮箱链接

3、普通空链接（#）

4、JS链接：添加JS功能代码

Firefox下如何使用window.close()
关闭窗口？

3.html颜色表示

网页中的颜色有三种表示方法：

l 颜色单词：blue、green、red、yellow

l 10进制表示：rgb(255,0,0)、rgb(0,255,0)、rgb(0,0,255)

l 16进制表示：#FF0000(红)、#00FF00(绿)、#0000FF(蓝)

自界面中，所有的颜色都可以用三种光的不同波长混合而成。这三种光就是红光(red)、绿光(green)、蓝色(blue)。

在计算机中，每个基色，用8位二进制(2^8 = 256)，那么RGB共可以表示 256*256*256 =
1670万色。

用16进制表示颜色时：用2位十六进制代表1位基色。

颜色单词：red green blue yellow

10进制：rgb(255,0,0) rgb(0,255,0) rgb(0,0,255) rgb(255,255,0)

16进制：#FF0000 #00FF00 #0000FF #FFFF00

注意：10进制兼容性不好，尽量少用。10进制颜色表示，常用于CSS中。

4.

锚点链接

l 含义：锚点链接，是在一个网页的不同区域进行跳转。锚点理解为“定义记号”。

l 定义锚点(作个记号)：<a name = “锚点名称”></a>

u 锚点名称的命名规则：可以包含字母、数字、下划线，但只能以字母开头。

u 注意：<a>和</a>之间没有内容，换句话说：这个记号不是让我们看的，而是给链接用的。

u 例如：<a name = “top2”></a>

l 跳转到锚点(记号)：

u 语法：<a href = “文件名#锚点名称”>……</a>

u 文件名：可有可无。如果是同一个网页的不同部分跳转，不需要文件名；如果是跳到另一个网页的不同部分，这时必须要有文件名。

u 注意：这里的<a>和</a>要有内容，否则，无法进行跳转。

u 例如：<a href = “#top2”>返回顶部</a> //跳转到同一个网页的不同部分

u 例如：<a href= “news.html#bottom”>返回底部</a> //跳转到news.html文件的底部

<meta>标记

XHTML简介

传统的HTML开发的初衷是面向pc机的，而随机移动终端的不断出现，HTML已经满足不了市场的需求了。

XHTML是新一代的HTML标注语言。

XHTML的目的是为了取代HTML。

XHTML的标记，与HTML一模一样。

XHTML的语法要比HTML严格的多。

XHTML可扩展超文本标注语言。

XHTML编写规范

l 所有的标记和属性要全小写

l 单边标记必须关闭。如： ——> 

l 所有的属性值都必须要加引号。

l 所有的属性都必须有值。如：<hr noshade> —— <hr noshade = “noshade” />

l 标记之间要顺序嵌套，外层套内层，一层套一层。

l XHTML网页必须要有DTD文档类型定义代码。

DTD文档类型定义

DTD文档类型定义的目的：是一种验证机制，也就是说检验一下你写的XHTML标记语法是否合法。

DTD一共有三大类型：

（1）严格型的DTD

在严格型的DTD中，不能再使用各种表现的标记。如：、、<body bgColor>

要求必须使用CSS来取代各种表现标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

（2）过渡型的DTD

在过渡型的DTD中，可以继续使用HTML中的表现的写法。

这些表现标记，还可以继续使用。如：、、<body bgColor>

<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

（3）框架的DTD

<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""http://www.w3.org/TR/x

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

标签：

相关文章推荐

新的分享

章节导航