整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
一、基本語法
1. 基本語句
1. alert(); 瀏覽器彈出一個警告框
2. document.write(); 在body標簽內寫入內容
3. console.log(); 在控制臺中輸出結果 控制臺查看方法 F12 console
2. JS中嚴格區分大小寫
3. JS中每一條語句以(;)分號結尾 注意： 英文狀態下的分號
1. 如果不寫分號，瀏覽器會自動添加，但是會消耗一些系統資源
2. 而且有的時候，瀏覽器會加錯分號，所以在開發中分號必須寫
4. JS中會忽略多個空格和換行，所以我們可以利用空格和換行對代碼進行格式化
# 二、字面量與變量
1.字面量，都是一些不可改變的值 比如：
? 1 2 3 4 5 這些數字就是字面量 特點： 不會被改變 1 在未來的某一天會變為其他值嗎？？
? 字面量都是可以直接使用的，但是我們一般不會直接使用字面量
? 比如： 字面量 12345646464654 我在第一行代碼中使用了 并且在 一萬行的時候也使用了該字面量。 容易出錯，不方便使用。
? 2.變量
? 變量可以用來保存字面量，而且變量的值也是可以任意改變的
? 變量更加方便我們使用，所以在開發中都是通過變量去保存一個字面量，而很少直接使用字面量
? 變量怎么使用呢？
聲明變量
在js中使用`var`關鍵字來聲明一個變量
```
家好，我是四川新華電腦學院小張，
這篇文章講解Html的相關知識，如果想從零開始學習php編程的小伙伴，請從淼哥的第一篇文章看！
上次文章講解的是DTD，也就是我們常說的DOCTYPE。
我們繼續講解。
<!DOCTYPE html>-------------------------DOCTYPE 聲明了文檔類型
<html> ------------------------------------文檔類型html開始標記
<head> -----------------------------------頭部標記
<title>我的第一個標題</title>
</head> ----------------------------------頭部結束標記
<body> ---------------------------------文件主體
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body> ----------------------------------文件主體結束
</html> ----------------------------------文檔類型html結束標記
這個是我們上次講解的html架構。
接著我們繼續講解。
html標簽
?寫法<html></html>
HTML標簽是HTML文檔的根標簽，在HTML中標簽是一層嵌套一層的，而<HTML>標簽是根標簽（最外面一層的標簽），所有其他的標簽都寫在這個標簽中。
根標簽我們可以理解為最外層的標簽。（看上面的結構）
文檔頭信息
HTML又包含head標簽和body標簽，其中head標簽中設置文檔頭信息，body標簽中設置文檔的內容。
<head> 標簽用于定義文檔的頭部，它是所有頭部元素的容器。
<head> 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。
下面這些標簽可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
那么怎么理解元信息呢？比如對于網頁本身的一些描述，該網頁的標題？該網頁的描述，該網頁用的什么字符編碼！等等，這些信息描述著網頁，用戶又看不到這些信息。
比如某個人的性別，姓名，當你看到這個人，可以看到外貌，身高，穿衣服的顏色。但是你并不知道這個人的姓名，有的也不知道性別。尤其像某些中性一點的長相。是吧。元信息不會渲染，但是屬于該網頁的信息。
base標簽
（該標簽應該學習了a img link form這幾個標簽之后在學習，看不懂沒關系，可以先了解）
base標簽，是嵌套在head標簽中的一個標簽。這個標簽是一個可選標簽，也就是可以有，也可以沒有！
<base> 標簽為頁面上的所有鏈接規定默認地址或默認目標。
通常情況下，瀏覽器會從當前文檔的 URL 中提取相應的元素來填寫相對 URL 中的空白。比如：我有個<a href='aa.html'>標簽,那么瀏覽器會從當前文檔的url，比如當前文檔的url是www.xxxx.com/aa/bb/cc.html，瀏覽器會把www.xxxx.com/aa/bb/路徑拿出來，和aa.html組成新的url，那么這個超鏈接就會變成www.xxxx.com/aa/bb/aa.html。
使用 <base> 標簽可以改變這一點。
如果我們將base設置成為其他的url。<base />那么，還是<a href='aa.html'>標簽，就會把http://www.myweb.com/i/這個路徑拿出來和aa.html組成新的url地址。那么這個url超鏈接就會變成http://www.myweb.com/i/a.html這個鏈接了。
瀏覽器隨后將不再使用當前文檔的 URL，而使用指定的基本 URL 來解析所有的相對 URL。這其中包括 <a>、<img>、<link>、<form> 標簽中的 URL。
base標簽的用法
<base /> ------必選屬性。（你有這個標簽，就必須擁有這個屬性）
<base target="_blank" /> ------------------可選屬性。target意思是目標，打開超鏈接的方式，
當然也可以將兩個屬性寫到一個base標簽中。
<base target="_blank"/>
默認target的屬性是_self，也就是點擊超鏈接，在當前頁面的框架中打開。（為什么不是當前頁面呢？因為頁面有可能嵌套在框架里）
link標簽
<link> 標簽定義文檔與外部資源的關系。 也就是說定義外部CSS文件存放的位置。因為如果將CSS全部寫在網頁中，這樣顯的頁面太亂，一般都是單獨存放在一個CSS 文件中的。
<link> 標簽最常見的用途是鏈接樣式表CSS。
用法： <head> <link rel="stylesheet" type="text/css" href="test.css"></head>
meta標簽
<meta> 元素可提供有關頁面的元信息（meta-information），針對搜索引擎和更新頻度的描述和關鍵詞。
<meta> 標簽位于文檔的頭部，不包含任何內容。
<meta> 標簽的屬性定義了與文檔相關聯的名稱/值對。
meta標簽的作用有：搜索引擎優化（SEO），定義頁面使用語言，自動刷新并指向新的頁面，實現網頁轉換時的動態效果，控制頁面緩沖，網頁定級評價，控制網頁顯示的窗口等！
由于meta信息相對比較復雜我們將在以后HTML高級課程中講解
最常用meta標簽是：
<meta charset=“utf-8”/>
設置頁面編碼寫法。（頁面編碼注意，要設置的編碼和文檔的編碼統一，否則會出亂碼）
具體編碼以后的文章講解。
script標簽
<script> 標簽用于定義客戶端腳本，比如 JavaScript。
script 元素既可以包含腳本語句，也可以通過 src 屬性指向外部腳本文件。
必需的 type 屬性規定腳本的 MIME 類型。
JavaScript 的常見應用是圖像操作、表單驗證以及動態內容更新。
用法<script type="text/javascript">document.write("Hello World!") ></script> 以后學javascript將會用到，這里只做了解。
style標簽
<style> 標簽用于為 HTML 文檔定義樣式信息。（內聯CSS樣式）
在 style 中，您可以規定在瀏覽器中如何呈現 HTML 文檔。
type 屬性是必需的，定義 style 元素的內容。唯一可能的值是 "text/css"。
用法<head> <style type="text/css"> h1 {color:red} p {color:blue} </style> </head>
該標簽將會在學習CSS時用到，這里只做了解
title標簽
<title> 元素可定義文檔的標題。
瀏覽器會以特殊的方式來使用標題，并且通常把它放置在瀏覽器窗口的標題欄或狀態欄上。
同樣，當把文檔加入用戶的鏈接列表或者收藏夾或書簽列表時，標題將成為該文檔鏈接的默認名稱。
用法<title>網頁標題</title>
<title> 標簽是 <head> 標簽中唯一要求包含的東西。（必須有title標簽）
head 標簽總結
<head>標簽唯一要求包含的標簽是<title>其他那幾種可以包含也可以不包含，但是一般我們會包含<meta charset=“utf-8”>告訴瀏覽器我們的文件編碼是什么。
常用的標簽有：
<meta name=“keywords” content=“關鍵字”>告訴搜索引擎這個頁面的關鍵字
<meta name=“description” content=“頁面介紹”>告訴搜索引擎這個頁面的簡介
meta標簽，會在Html高級部分繼續講解。
<body>頁面主體信息
body 元素包含html的所有顯示web內容（比如文本、超鏈接、圖像、表格和列表等等。）
Body中可以使用塊級標簽和內聯標簽來顯示文檔結構
塊級標簽：h1~h6,p,div,table,ul,dl,from標簽等
內聯標簽：a,img,span,I,strong,select標簽等
什么塊級標簽（元素）呢？塊級標簽和內聯標簽區別是什么？
塊級元素(block)特性:總是獨占一行
內聯元素(inline)特性:和相鄰的內聯元素在同一行。
標簽和元素是一個意思！
<body>中包含的標簽？
標題標簽
通過<h1>~<h6>六個標簽定義不同大寫的標簽。
文本格式化標簽
早期編寫html代碼的時候，那個時候css用的很少，所以有一些標簽來文本格式化。現在基本都用CSS來格式化文本的大小顏色粗體等等。
而更多時候使用這些標簽來進行占位，利用CSS來渲染這些標簽。常用的是span。
html中的注釋
注釋用來說明、注解、注釋代碼。給人看的不會被執行。
格式為：<!– 注釋內容-->
瀏覽器頁面不會被顯示，而頁面源代碼中可以看到注釋的內容。因為項目越大，或者你的頁面越大，當時可能你能看懂。時間長了肯定看不明白。如果有注釋的話，可以馬上理解當時為什么要這么做。
水平線
在HTML代碼中加入一條水平線利用<hr />來操作。
段落標簽-<p>
瀏覽器會自動地在段落的前后添加空行，一般用在大段的文章。
換行標簽<br/>
<br/>標簽可以實現換一個新行 ,正常來說，你在編寫html頁面的時候，無論怎么換行，在頁面用瀏覽器打開的時候，是不會換行的，如果加入了<br/>標簽，瀏覽器就會認為這里該換行顯示了。
鏈接<a>標簽
HTML 使用超級鏈接與網絡上的另一個文檔相連。
幾乎可以在所有的網頁中找到鏈接。點擊鏈接可以從一張頁面跳轉到另一張頁面。
超鏈接可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。
當您把鼠標指針移動到網頁中的某個鏈接上時，箭頭會變為一只小手。
我們通過使用 <a> 標簽在 HTML 中創建鏈接。
有兩種使用 <a> 標簽的方式：
1、通過使用 href 屬性 - 創建指向另一個文檔的鏈接
<a href=“鏈接的文件名” target=“_blank”>鏈接名</a>
2、通過使用 name 屬性 - 創建文檔內的書簽
一般錨點鏈接主要用于網頁太長了，想瀏覽的那個位置需要滾輪滾動好幾下才能到達那個位置，而使用錨點（書簽）直接可以準確的跳轉到你想去的位置。
<a name=“文檔標簽名”>文檔標簽</a>
文檔中對錨進行命名（創建一個書簽）
<a href=“#tips”>鏈接名</a>
同一個文檔中創建指向該錨的鏈接用關鍵字#+錨名字
<a >有用的提示</a>
也可以鏈接到其他網絡上的頁面錨的鏈接
圖像<img>
可以使用img標簽在頁面上顯示一張圖片。
格式：
<img src=“圖片路徑” width=“寬” height=“高” alt=“圖片無法顯示時的提示”title=“鼠標放圖片上的提示”/>
備注：一般只設置寬即可，瀏覽器會根據圖片大小進行縮放。如果強行設置寬、高，有的時候圖片會失真。
列表標簽
列表標簽分為有序標簽和無序標簽
當然、有序列表前面也可以更改序號，需要在CSS中學習改變序號的方法。
二級列表<dl>標簽
表格標簽-table
Table標簽用來制作表格，表格由若干個行<tr>組成，每一行又由若干個單元格<td>組成。
Table標簽中使用tr標簽定義行，td標簽定義一行中的一個列。如：定義一個一行四列。
表格的表頭使用 <th> 標簽進行定義。
大多數瀏覽器會把表頭顯示為粗體居中的文本：
<table>標簽的cellpadding 屬性規定單元邊沿與其內容之間的空白。
<table>標簽的cellspacing 屬性規定單元格之間的空間。
橫向合并單元格-colspan
表格-table-豎向-rowspan
內聯框架
可以使用iframe在頁面中在嵌入另外一個頁面。
分區標簽-div
Div是塊級標簽，主要是用來作為標簽容器，和規劃頁面結構（頁面布局）的
用法：
<div style="margin:auto;border:1px solid #f00;width: 300px;height: 600px"></div>
在很早以前，小編剛入行的時候，那個時候CSS不流行，頁面布局全部都用表格來做。那酸爽實在無法用言語來表達。而現在都是用CSS來進行頁面布局。這個div標簽頁是以后布局常用的標簽。
Span標簽
Span標簽是內聯標簽，沒有特殊功能。主要是用來做為文本的容器，span標簽主要是配合CSS來處理文字。
比如，我只想讓幾個文字編程紅顏色的，這個時候就可以用span標簽配合CSS來做了。
框架集-frameset
我們可以使用frameset標簽把一個頁面窗口分隔成多個窗口，然后使用frame標簽為每一個窗口制定一個頁面
使用rows/cols的值規定每行或每列占據屏幕的面積,中間用逗號分隔。
frameset不能放在body中，如果放在body中不能顯示框架 ！
在最新的html5中已經刪除了這個標簽了
實體
在 HTML 中，某些字符是預留的。
在 HTML 中不能使用小于號（<）和大于號（>），這是因為瀏覽器會誤認為它們是標簽。
比如我們想在網頁使用空格，直接按空格鍵是肯定不好使的，所以使用使用實體 !
音頻
<embed src="helloworld.swf" height=“100” width=“100”/>
<embed> 標簽是 HTML 5 中的新標簽。
使用embed標簽可以在網頁中嵌入Flash，Mid，MP3等嵌入式內容
現在html5出了很多新的標簽，以后會專門有講解html5的文章。
今天我們一起了解了html相關的很多標簽。其實都很簡單。只要自己動手做一做，就可以做出來了。如果想要做出精美的頁面，還是需要配合css來實現的哦。
明天我們繼續講解html的一些其他相關知識。手寫不宜！請給小編點個贊！十分感謝。
TML是超文本標記語言。
web標準是由W3C和其它標準化組織制成集合。
結構（對網頁元素進行整理和分類-HTML）
表現（設置網頁元素的版式，顏色，大小等外觀樣式-CSS）
行為（模型的定義及交互的表現-JS）
加粗:<strong>和<b>
傾斜：<em>和<i>
刪除線：<del>和<s>
下劃線：<ins>和<u>
<div>分割分區<span>跨度跨距
圖片標簽<img/>
屬性: src圖片路徑
alt替換文本，圖片無法正常顯示
title提示文本，鼠標放到圖像顯示
width寬度，height高度（只需要修改其中一個）
border邊框（無需單位直接寫數值）
注意：
①圖像標簽可以擁有多個屬性，必須寫在標簽名后面
②屬性之前不分先后順序，標簽名與屬性，屬性與屬性之間需要空格分開
③屬性采取鍵值對的格式
相對路徑：以引用文件所在位置為參考基礎
（同一級路徑，下一級路徑/，上一級路徑../）
絕對路徑：從盤符開始的路徑（\）
常用屬性
img ——vspace垂直邊距 ，hspace水平邊距 align對齊
details,summary，鼠標點擊時顯示或隱藏
mark 文本中高亮顯示，和strong相似
cite 用于引用標記，斜體顯示
draggable true選中后可以拖動操作
font定義 font-style font-weight font-size/line-height font-family 順序不能改變
word-wrap break-word長單詞或url地址自動換行
letter-spacing字間距
word-spacing單詞間距
line-height行間距
text-decorantion文本裝飾unline下劃線，overline上劃線，line-through刪除線
text-indent 2em 首行縮進兩個字符
white-space空白符處理 pre
box-sizing:content-box當widthh和height的時候不包括margin和panding
更換圖層位置，z軸偏移z-index:-10
align-items:center居中對齊
align-self:center
超鏈接標簽<a>
href鏈接目標地址
target鏈接頁面打開的方式（_self當前窗口打開,_blank新窗口中打開方式）
外部鏈接，內部鏈接，空鏈接，下載鏈接，網頁元素鏈接，錨點鏈接（快速定位到頁面的某個位置- 添加id屬性）
去除超鏈接樣式:text-decoration:none
特殊字符
空格符
小于號< 大于號>
表格標簽
align對齊方式
bolder表格邊框
cellpadding單元格與內容之間空白
cellspacing單元格與單元格之前空白
合并單元格：rowspan colspan
列表標簽
無序列表：ul li
有序列表：ol li
自定義列表：dl dt dd
表單標簽
完整表單：表單域<form>，表單控件，提示信息
<form>
——action（指定接受并處理表單數據的服務器程序的url地址）
——method（get/post設置表單數據的提交方式）
——name（指定表單名稱）
<input>輸入元素
type屬性：button（點擊按鈕）checkbox（復選框）file（輸入字段和“瀏覽”按鈕）hidden（隱藏輸入字段）image（圖片形式提交按鈕）password（密碼字段）radio（單選按鈕）reset（重置按鈕）sumbit（提交按鈕）text（單行輸入字段，默認20個字符）
name屬性：（相同的名字——單選框和復選框）區別不同表單元素
value屬性：定義input元素值
checked屬性：頁面首次加載是否選中
maxlength屬性：輸入字段的最大值
<lable>標簽
用于綁定一個表單元素，當點擊<lable>標簽內的文本時，瀏覽器會自動將焦點轉到或者選擇對應的表單元素上，用來增加用戶體驗。
<lable>標簽的for屬性與相關元素的id屬性相同
<select>下拉列表元素
-<option>
-selected="selected"默認選中
<textarea>文本域
-cols rows （每行每列字數）
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
