整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
開發(fā)中使用到j(luò)query.uploadify.js，這個(gè)插件有使用到flash文件，以前舊版本的谷歌瀏覽器會(huì)自動(dòng)加載flash，升級(jí)之后就不會(huì)加載了；每次要新增數(shù)據(jù)，才發(fā)現(xiàn)數(shù)據(jù)填完了，附件卻上傳不了，然后開始了復(fù)雜的找啟動(dòng)flash的地方，啟用之后頁面又要重新加載，剛提交的數(shù)據(jù)就全部沒了，算了重新填吧，誰讓自己沒記性了；
現(xiàn)有程序可以直接讓你訪問系統(tǒng)就直接指導(dǎo)是否開啟了flash：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>flash播放插件提示</title> </head> <body> <!--banner開始--> <div class="banner"> <div class="con"> <embed width="1000" height="115" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="top1.swf"></embed> <noscript> 請安裝flash播放插件！ </noscript> </div> </div> <!--banner結(jié)束--> </body> </html>
效果如下：
/一、html
//a、HTML語法規(guī)范
//a.1基本語法概述
1、HTML標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵字，例如,
2、HTML標(biāo)簽通常是成對出現(xiàn)的，例如和,我們成為雙標(biāo)簽，標(biāo)簽對中的第一個(gè)標(biāo)簽是開始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽。
3、有些特殊的標(biāo)簽是單個(gè)標(biāo)簽（極少情況），例如
，我們稱為單標(biāo)簽
//a.2標(biāo)簽關(guān)系
雙標(biāo)簽關(guān)系可以分為兩類：包含關(guān)系和并列關(guān)系。
//b、HTML基本結(jié)構(gòu)標(biāo)簽
//b.1第一個(gè)HTML網(wǎng)頁
每個(gè)網(wǎng)頁都會(huì)有一個(gè)基本的結(jié)構(gòu)標(biāo)簽（也稱為骨架標(biāo)簽），頁面內(nèi)容也是在這些基本標(biāo)簽上寫的。
HTML頁面也稱為HTML文檔
標(biāo)簽名 | 定義 | 說明 |
<html></html> | HTML標(biāo)簽 | 頁面中最大的標(biāo)簽，我們稱為根標(biāo)簽 |
<head></head> | 文檔的頭部 | 注意在head標(biāo)簽中我們必須要設(shè)置的標(biāo)簽是title |
<title></title> | 文檔的標(biāo)題 | 讓頁面擁有一個(gè)屬于自己的網(wǎng)頁標(biāo)題 |
<body></body> | 文檔的主體 | 元素包含文檔的所有內(nèi)容，頁面內(nèi)容，基本都是放到body里面的 |
必須是.html或.htm,瀏覽器的作用是讀取HTML文檔，并以網(wǎng)頁的形式顯示出它們。
此時(shí)，用瀏覽器打開這個(gè)網(wǎng)頁，我們就可以預(yù)覽我們寫的第一個(gè)HTML文件了。
//c、開發(fā)工具vscode
1、<!DOCTYPE>標(biāo)簽
文檔類型聲明，作用就是告訴瀏覽器使用哪種HTML版本來顯示網(wǎng)頁
<!DOCTYPE html>這句代碼的意思是：當(dāng)前頁面采用的是HTML5來顯示頁面。
2、lang語言
用來定義當(dāng)前文檔顯示的語言：
a、en定義語言為英語
b、zh-CN定義語言為中文
簡單來說定義為en就是英文網(wǎng)頁，定義為zh-CN就是中文網(wǎng)頁
其實(shí)對于文檔顯示來說，定義成en的文檔也可以顯示中文，定義zh-CN的文檔也可以顯示英文
這個(gè)屬性對于瀏覽器和搜索引擎（百度、谷歌等）還是有作用的
3、charset字符集
字符集是多個(gè)字符的集合，以便計(jì)算機(jī)能夠識(shí)別和存儲(chǔ)各種文字
在標(biāo)簽內(nèi)，通過標(biāo)簽的charset屬性來規(guī)定HTML文檔應(yīng)該使用哪種字符編碼。
charset常用的值：GB2312、BIG5、GBK和UTF-8,其中UTF-8也稱為萬國碼，基本包含了全世界所有國家需要用到的字符。
注意：上面語法是必須寫的代碼，否則可能引起亂碼的情況，一般情況下，統(tǒng)一使用"UTF-8"編碼，盡量統(tǒng)一寫成標(biāo)準(zhǔn)的"UTF-8",不要寫成"utf-8"或"UTF8"。
//d、HTML常用標(biāo)簽
//d.1標(biāo)簽語義
學(xué)習(xí)標(biāo)簽是有技巧的，重點(diǎn)是記住每個(gè)標(biāo)簽的語義，簡單理解就是指標(biāo)簽的含義，即這個(gè)標(biāo)簽是用來干嘛的
根據(jù)標(biāo)簽的語義，在合適的地方給一個(gè)最為合理的標(biāo)簽，可以讓頁面結(jié)構(gòu)更清晰。
//d.2標(biāo)題標(biāo)簽
-
(重要)
為了使網(wǎng)頁更具有語義，我們經(jīng)常會(huì)在頁面中用到標(biāo)題標(biāo)簽，HTML提供了6個(gè)等級(jí)的網(wǎng)頁標(biāo)題集
-
特點(diǎn)：
1、加了標(biāo)題的文字會(huì)變得更加粗，字號(hào)也會(huì)依次變大。
2、一個(gè)標(biāo)題獨(dú)占一行。
//d.3段落和換行標(biāo)簽（重要）
在網(wǎng)頁中，要把文字有條理地顯示出來，就需要將這些文字分段顯示，在HTML標(biāo)簽中，
標(biāo)簽用于定義段落，它可以將整個(gè)網(wǎng)頁分為若干段落。
<p>我是一個(gè)段落標(biāo)簽</p>標(biāo)簽語義：可以把HTML文檔分割為若干段落。
特點(diǎn)：
1、文本在一個(gè)段落中會(huì)根據(jù)瀏覽器窗口的大小自動(dòng)換行。
2、段落和段落之間保有一個(gè)較大的空隙。
在HTML中，一個(gè)段落中的文字從左到右依次排列，直到瀏覽器的右端，然后自動(dòng)換行，如果希望某段文本強(qiáng)制換行顯示，就需要使用換行標(biāo)簽
<br />
單詞break的縮寫，意為打斷，換行。
特點(diǎn)：
1、單標(biāo)簽
2、
標(biāo)簽只是簡單地開始新的一行，跟段落不一樣，段落之間會(huì)插入一些垂直的間距。
//d.4文本格式標(biāo)簽
在網(wǎng)頁中，有時(shí)需要為文字設(shè)置粗體，斜體或下劃線等效果，這時(shí)就需要用到HTML中的文本格式標(biāo)簽，使文字以特殊的方式顯示
標(biāo)簽語義：突出重要性，比普通文字更重要。
語義 | 標(biāo)簽 | 說明 |
加粗 | <strong></strong>或者<b></b> | 更推薦使用<strong></strong>標(biāo)簽加粗，語義更強(qiáng)烈 |
傾斜 | <em><em> 或者<i><i> | 更加推薦使用<em><em>標(biāo)簽，語義更加強(qiáng)烈 |
刪除線 | <del><del>或者<s><s> | 更加推薦使用<del><del>標(biāo)簽，語義更加強(qiáng)烈 |
下劃線 | <ins><ins>或者<u><u> | 更加推薦<ins><ins>標(biāo)簽，語義更加強(qiáng)烈 |
//d.5<div>和<span>標(biāo)簽
<div>和<span>是沒有語義的，它們就是一個(gè)盒子，用來裝內(nèi)容。
<div>這是頭部</div>
<span>今日價(jià)格</span>div是division的縮寫，表示分割，分區(qū)，span意為跨度，跨距。
特點(diǎn)：
1、<div>標(biāo)簽用來布局，但是現(xiàn)在一行只能放一個(gè)<div>，大盒子。
2、<span>標(biāo)簽用來布局，一行上可以有多個(gè)<span>,小盒子
//d.6圖像標(biāo)簽和路徑（重點(diǎn)）
1、圖像標(biāo)簽
在HTML標(biāo)簽中，<img>標(biāo)簽用于定義HTML頁面中的圖像。
<img src="圖像url"/>單詞image的縮寫，意為圖像
src是<img>標(biāo)簽的必須屬性，它用于指定圖像文件的路徑和文件名。
所謂屬性：簡單理解就是屬于這個(gè)圖像標(biāo)簽的特性。
圖像標(biāo)簽的其他屬性：
屬性 | 屬性值 | 說明 |
src | 圖片路徑 | 必須屬性 |
alt | 文本 | 替換文本，圖像不能顯示的文字 |
title | 文本 | 提示文本，鼠標(biāo)放到圖像上，顯示文字 |
width | 像素 | 設(shè)置圖像的寬度 |
height | 像素 | 設(shè)置圖像的高度 |
border | 像素 | 設(shè)置圖像的邊框粗細(xì) |
為了方便學(xué)習(xí)和理解，通常將HTML5標(biāo)記分為兩大類，即雙標(biāo)記和單標(biāo)記。
a.雙標(biāo)記：
雙標(biāo)記雙標(biāo)記也稱為體標(biāo)記，分為開始標(biāo)記和結(jié)束標(biāo)記，其基本語法為：
<標(biāo)記名>內(nèi)容</標(biāo)記名>
如：
<p>我是一個(gè)雙標(biāo)記</p>b.單標(biāo)記：
單標(biāo)記也稱空標(biāo)記，是指用一個(gè)標(biāo)記就可以完整的描述某個(gè)功能，其基本語法為：
<標(biāo)記名/>
如：
<hr/>上面hr標(biāo)記表示一條水平線，后面會(huì)提到
注釋標(biāo)記是HTML的一種特殊標(biāo)記，它是一段便于閱讀理解的不需要在頁面中顯示的注釋文字。其基本語法格式為：
<!-- 注釋語句 -->如：
<p>這是一段文本</p> <!-- 這是注釋文本，不會(huì)在頁面中顯示 -->上圖即為瀏覽器中的結(jié)果。
HTML標(biāo)記的默認(rèn)樣式是無法滿足頁面開發(fā)的需求的，如果想要為某段文本設(shè)置特定的樣式，就需要用到HTML標(biāo)記的屬性了，其基本語法格式為：
<標(biāo)記名 屬性1="屬性值1" 屬性2="屬性值2" 屬性3="屬性值3"...>內(nèi)容</標(biāo)記名>
下面以一個(gè)例子來展示：
網(wǎng)頁第一行是一個(gè)二級(jí)居中的標(biāo)題，第二行是一個(gè)局中的段落，第三行是一個(gè)大小為2px，顏色為灰色的水平線，第四行是一段正常的段落，部分詞語被加粗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2 align="center">我是居中的二級(jí)標(biāo)題</h2>
<p align="center">我是居中的段落</p>
<hr size="2" color="#ccc"/>
<p>我是一個(gè)正常的段落，這是<strong>關(guān)鍵字</strong>，其他的都是正常內(nèi)容。<p/>
</body>
</html>效果如圖所示：
?
多學(xué)一招（鍵值對）：
“鍵值對”簡單地說即為對“屬性”設(shè)置“值”
例如：
color = "red";width:"200px";
上面的color和width就相當(dāng)于屬性1和屬性2，red和200px就是對應(yīng)的屬性值1和屬性值2，如果順序出錯(cuò)，是沒有效果的
總結(jié)：
在HTML開始標(biāo)記中，可以通過 屬性=“屬性值”的方式為標(biāo)記添加屬性，其中“屬性”和“屬性值”是以“鍵值對”的形式出現(xiàn)的
1.title
一個(gè)HTML文檔只能含有一對<title></title>標(biāo)記，<title></title>之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題欄中。
基本語法格式：
<title>網(wǎng)頁標(biāo)題名稱</title>
2.meta
meta定義頁面元信息：
設(shè)置網(wǎng)頁關(guān)鍵字》》》<meta name=”keywords” content=”JAVA、php”/>
設(shè)置網(wǎng)頁描述》》》<meta name=”description” content=”IT培訓(xùn)教育”/>
設(shè)置網(wǎng)頁作者》》》<meta name=”author” content=”傳智播客”/>
設(shè)置字符集》》》<meta http-equiv=”Content-Type” content=”text/htm; charset=utf-8l”/>
設(shè)置頁面自動(dòng)刷新與跳轉(zhuǎn)》》》<meta http-equiv=”refresh” content=”10;url=http://www.itcast.cn”/>
3.link
基本語法格式：
<link 屬性=”屬性值” />
屬性名 | 常用屬性值 | 描述 |
href | URL | 指定引用外部文檔 |
rel | stylesheet | 指定當(dāng)前文檔與引用外部文檔的關(guān)系，該屬性值通常為stylesheet，表示定義一個(gè)外部樣式表 |
type | text/css | 引用外部文檔的類型為CSS |
type | text/javascript | 引用外部文檔的類型為JavaScript腳本 |
4.style
基本語法格式：
<style 屬性=”屬性值”>樣式內(nèi)容</style>
在HTML中使用style標(biāo)記時(shí)，常常定義其屬性為type，相應(yīng)的屬性值為text/css，表示使用內(nèi)嵌式的CSS樣式
*請認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
