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

HTML5+CSS3+JS(第二课).HTML5保留的常用元素（二）

2014-05-06 21:50 246 查看

html5+css3+jacascript

第二章:

一:HTML5保留的常用元素

4. 超链接和描点

超链接用<a></a>标签来包括。

href: 指定超链接所关联的资源。(属性)

target: 指定使用框架集中的哪个框架来装载另一个资源

media: 指定URL引用的媒体类型.默认为all.

<a> :标签主要可以包含文本、图像、各种文本格式化元素、表单元素等。

栗子

<html>
<head>
<title>超链接</title>
</head>
<body>
<!--本窗口打开百度(老外喜欢这么干)-->
<a href="www.baidu.com"><b>度娘思密达</b></a>
<br>
<!--在新窗口打开百度(中国人喜欢这么干)-->
<a href="www.baidu.com" target="_blank"><em>度娘思密达</em></a>
<br>
<!--用图片咯-->
<a href="www.baidu.com"><img src="images/baidulogo.jpg" alt="百度"></a>
<br>
<!--打开本地网页-->
<a href="second.html">我是本地的</a>
</body>
</html>

在使用href的时候，值可以是相对路径也可以是绝对路径。href属性值为URL(Unoform Resource Locator, 统一资源定位器),URL可以对网站进行定位，可以对图片进行定位。用的比较多

关于URL地址的解释如下：

scheme: 指定Net服务的类型。最流行的是HTTP

domain: 指定域名。比如baidu.com

host : 指定域中的主机。如果省略。HTTP默认的是WWW

port : 指定主机端口号。如果省略。HTTP默认为80

path : 指定远程服务器上的路径。如果省略，定位在跟目录

filename: 指定远程文档名称。如果省略。通常会定位到index.html、index.htm等文件，也可以定位别的文件

栗子：

<a href="news:yeeku.html">HTML News</a>...打开网页
<a href="ftp://www.baidu.com/images/logo.jpg">logo</a>.....会访问到logo.jpg这张图片下载.
<a href="mailto:helloword@sina.com">会给这个邮箱发邮件噢</a>

锚点

指定本网页中的一个位置。

<a name="hello"></a>
<a href="#hello">然后网页就会跑到hello所在的位置了</a>

5. 列表相关元素

<ul>和<li>一般列表用来做目录栏。

<ol>和<li>会在前面加序号

<dl>、<dt>和<dd>一般用来做表格

来栗子：

<html>
<head>
<title>列表噢</title>
</head>
<body>
<!--无序号-->
<ul>
<li>首页</li>
<li>第二页</li>
<li>第三页</li>
</ul>
<!--有序号-->
<ol>
<li>2</li>
<li>4</li>
<li>3</li>
<li>1</li>
<ol>
<!--表格-->
<dl>
<dt>旅游景点</dt>
<dd>黄鹤楼</dd>
<dd>东湖</dd>
<dd>武大狼</dd>
<dt>价格<dt>
<dd>60软妹币</dd>
<dd>免费</dd>
<dd>10软妹币</dd>
<dl>
</body>
<html>

6. 图像相关元素

<img>....也就只有这一个了

属性：

src : 图像原。给个路径

alt : 替代文本。当图像没有加载完成时，会显示这段文本

height: 图像的高

width : 图像的宽

<map> : 定义图片映射。

<area>: 定义图片映射区域。一个图片可以有多个映射，每个映射区域可以做不同的事

属性:

shape : 指定内部区域是哪种区域

coords: 指定多个坐标来确定区域

href : 区域对于的链接

alt : 图片的提示信息

target:

media :

还没完。不想写了。睡觉。

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

标签：

相关文章推荐

新的分享

章节导航