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

来源：互联网发布：淘宝口令是什么编辑：程序博客网时间：2024/05/17 03:21

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 :

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

0 0