整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
鏈接標簽是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小時內與您取得聯系。
