HTML5+CSS3+JS(第二课).HTML5保留的常用元素（二）_如何将html5的内容保留再添加css3-CSDN博客

本文链接：https://blog.csdn.net/q339659207/article/details/25161337

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 :

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