整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
链接标签是HTML页面中最为常见，而且用途最广的一个标签，只要我们浏览网页，就会有超链接。比如，通过点击新闻标题链接到新闻详情页面，通过点击商品名称链接到商品列表或者详情页等等。
anchor ， 锚
在HTML中创建超链接，只需用a标签包括被链接的对象
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href：用于指定链接目标的url地址，必须属性
target：用于指定链接页面的打开方式，其取值有 self和 _blank两种，其中 _self为默认值，_blank为在新窗口中打开方式
（1）当需要链接到 外部链接时，需要添加 http://
（2）当需要内部链接时，直接链接内部页面名称即可 如 < a href=“index.html”> 首页
（3）如果暂时没确定链接目标时，一般将href属性值定义为“#”，表示暂时为一个空链接
（4）不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链 接， 只要用a标签包括即可
在当前html页面上，通过创建锚点链接，用户能够快速定位到指定内容。
适用于内容较多的页面，通过点击关键词，可以快速到达指定区域。
（1）使用唯一的id标注目标位置
（2）使用<a href="#id名“>链接文本创建链接
在html页面中，有些符号直接添加是无法正常显示的，这个时候就用一些特殊的标签来表示这类符号，而这类特殊的标签，我们就叫做特殊字符标签。
作为一个前端，经常写html文档，但是却很少去在意头部的标签有哪些，也很少在意每个标签的作用，下面我们来详细了解下。
头部的标签，也就是写在<head><head/>里。通常会有6个标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
<base href="http://www.baidu.com/images/" target="_blank">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style type="text/css">
body {font-size:16px}
p {color:blue}
</style>
<script> document.write("Hello World!") </script>
</head>
<body> 文档内容...... </body>
</html>一、<title>元素。
1.title 标签定义了文档的标题，在HTML文档中是必须的。它会展示在浏览器的工具栏上。
2.如果要展示一个图标，可以再加一个<link>标签，<link>标签的 rel属性为“icon”,后面的
href跟上图片的地址。
<link rel="icon" href="图片url">二、<base>元素。
base标签描述了基本的链接地址，该标签作为HTML文档中所有的链接的默认链接
<head>
<base href="http://www.php.cn/tpl/Index/Static/img/" target="_blank" />
</head>
<body>
<img src="banner7.jpg"/>
</body>
上面的img标签的src链接的地址就是base里的地址加上img里的地址。
三、<link>元素。
link标签定义了文档与外部资源之间的关系，它通常用于链接到样式表。
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>四、<style>元素。
style标签定义了HTML文档的样式，这个我们经常会使用到，都不会陌生。
五、<meta>元素。
meta标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。它常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
// 编码格式定义
<meta charset="utf-8">
// 为搜索引擎定义关键词:
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
// 为网页定义描述内容:
<meta name="description" content="头部标签 & 使用">
// 定义网页作者:
<meta name="author" content="Runoob">
// 每30秒钟刷新当前页面:
<meta http-equiv="refresh" content="30">
// 视图层的参数定义
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
// content属性值 :
// width:可视区域的宽度，值可为数字或关键词device-width
// height:同width
// intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
// maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
// maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
// user-scalable:是否可对页面进行缩放，no 禁止缩放六、<script>元素。
script标签用于加载脚本文件，比如说javascript,可以直接书写js,也能用于链接外部的js文件。
<script>
document.write("Hello World!")
</script><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>一下html中文件标签和文本标签的使用
目的是学会使用，所以借助工具可以省好多时间
1.文件标签：构成html最基本的标签
html:html文档的根标签
head：头标签。用于引入html文档的一些属性。引入外部的一些资源
title：标题标签
body：体标签
<!DOCTYPE html>:html5中定义该文档是html
2.文本标签：和文本有关的标签
注释:<!-- 注释内容 –->
<h1> 到<h6>:标题标签自带换行的效果
<p>：表示段落的标签
<br>：换行标签<br/>和<br>的写法都不会报错
<hr>：显示一条水平线（也是一个自闭和标签）水平线有一些属性我们可以控制它的样式。hr里面表示高度是size而不是height.对齐方式默认是居中的。
<b>：字体加粗
<i>：斜体
<font>:字体标签（通过属性来修改字体的字号，大小，颜色，以及字体的样式）
<center>:文本居然标签
这里讲下网页下面的版权标签是如何写出来的。
3.图片标签：用来展示图片的（图片也是一个自闭合标签）
属性:src:用来指定图片的位置
什么都不写默认就是./的形式
../表示上一级目录
4.列表标签：
有序列表:ol,li(li表示的是列表的每一项)
无序列表:ul,li
5.链接标签：
a:定义一个超链接
属性：
href:指定访问资源的URL(统一资源定位符，就是路径的表示形式)
target：（是目标的意思）指定打开资源的方式
_self:在当前页面打开
_blank:在空白页面打开
6.表格标签：在HTML中的表格只有行的概念，没有列的概念，将表格以行的形式进行分割，然后再对行进行操作。
table:定义表格
width:表格的宽度
border:边框
cellpadding:单元格内容左对齐（定义内容和单元格的距离）
cellspacing:边框合并(定义单元格之间的距离，如果指定为0，单元格的线会合为一条)
bgcolor:背景色
align:表格的对齐样式
tr:定义行
bgcolor:背景色
align:表格的对齐样式(是用来修改文本的对齐方式的)
td:定义单元格
colspan:合并列
rowspan:合并行
th:定义表头单元格
<caption>:表格标题
<thread>:表示表格的头部分
<tbody>:表示表格的体部分
<tfoot>:表示表格的脚部分
7.块标签：div和span是结合css使用的
span:文本信息在一行显示，行内标签，内联标签(意思就是它不会换行)
div:是会换行的。每一个div占满一整行。块级别的标签
8.语义化标签：html5中为了提高程序的可读性，提高了一些标签
<header>
<footer>
*请认真填写需求信息，我们会在24小时内与您取得联系。
