整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
源：中國(guó)網(wǎng)
中國(guó)網(wǎng)北京7月24日訊（記者 徐虹 劉佳 李穎）自23日起，2020年高考成績(jī)陸續(xù)放榜。中國(guó)網(wǎng)記者查閱數(shù)據(jù)，整理匯總各地分?jǐn)?shù)線。具體成績(jī)，還請(qǐng)家長(zhǎng)、考生以當(dāng)?shù)亟逃荚囋汗紨?shù)據(jù)為準(zhǔn)。
一、甘肅
成績(jī)查詢地址： https://www.ganseea.cn/
二、云南
成績(jī)查詢地址： http://www.ynzs.cn/
三、寧夏
成績(jī)查詢地址： https://www.nxjyks.cn/
四、內(nèi)蒙古
成績(jī)查詢地址： https://www.nm.zsks.cn/
五、江西
成績(jī)查詢地址： http://www.jxeea.cn/
六、廣西
成績(jī)查詢地址： https://www.gxeea.cn/
具體數(shù)據(jù)如下：
本科第一批錄取最低控制分?jǐn)?shù)線：理工類496分，文史類500分。
本科第二批錄取最低控制分?jǐn)?shù)線：理工類353分，文史類381分。
高職高專錄取最低控制分?jǐn)?shù)線：理工類180分，文史類180分。
七、安徽
成績(jī)查詢地址： https://www.ahzsks.cn/index.html
八、湖南
成績(jī)查詢地址： http://www.hneeb.cn
九、重慶
成績(jī)查詢地址： http://www.cqksy.cn/site/index.html
具體分?jǐn)?shù)如下：
一、普通文理類
（一） 文史類
本科第一批536分
本科第二批443分
高職專科批180分
（二） 理工類
本科第一批500分
本科第二批411分
高職?？婆?80分
十、河北
成績(jī)查詢地址： http://www.hebeea.edu.cn/
特別需要提醒河北考生的是，自2020年起，河北高考本科一批和本科二批將合并錄取，普通高校招生錄取分為本科提前批、本科批、高職(?？?提前批和高職（專科）批四個(gè)批次”。
十一、遼寧
2020年遼寧省普通高等學(xué)校招生文化課錄取控制分?jǐn)?shù)線
成績(jī)查詢地址：http://www.lnzsks.com/
十二、湖北
成績(jī)查詢地址：http://www.hbea.edu.cn/html/2020-07/12498_1.html
十三、四川
成績(jī)查詢地址：https://www.sceea.cn/
普通類各批次錄取控制分?jǐn)?shù)線
文科
本科第一批：527分；本科第二批：459分；?？婆?50分。
理科
本科第一批：529分；本科第二批：443分；?？婆?50分。
十四、上海
成績(jī)查詢地址：www.shmeea.edu.cn
十五、廣東
成績(jī)查詢地址：www.eesc.com.cn
本科各科類
文科類：總分430分。
理科類：總分410分。
體育類：文化科總分315分，體育術(shù)科195分。
美術(shù)類：文化科總分260分，美術(shù)術(shù)科203分。
音樂(lè)類：文化科總分250分，音樂(lè)術(shù)科190分。
舞蹈類：文化科總分210分，舞蹈術(shù)科180分。
廣播電視編導(dǎo)類：文化科總分403分，廣播電視編導(dǎo)術(shù)科205分。
藝術(shù)類校考：文化科總分250分。
專科院校（含執(zhí)行本批次最低分?jǐn)?shù)線的提前批專科院校）
文科類：總分160分。
理科類：總分160分。
體育類：文化科總分200分，體育術(shù)科185分。
美術(shù)類：文化科總分190分，美術(shù)術(shù)科150分。
音樂(lè)類：文化科總分180分，音樂(lè)術(shù)科150分。
舞蹈類：文化科總分160分，舞蹈術(shù)科150分。
廣播電視編導(dǎo)類：文化科總分300分，廣播電視編導(dǎo)術(shù)科180分。
藝術(shù)類?？迹何幕瓶偡?60分。
十六、西藏
成績(jī)查詢地址：http://xxcx.zsks.edu.xizang.gov.cn:8082/xzksy_score/f/stu/toSreach?titleId="840450458867483cd0dba9f4145a3ae8"
普通生源招生錄取最低控制分?jǐn)?shù)線
（一）文史類：
重點(diǎn)本科：少數(shù)民族350分，漢族460分。
普通本科：少數(shù)民族320分，漢族335分。
專科（高職）：少數(shù)民族235分，漢族235分。
（二）理工類：
重點(diǎn)本科：少數(shù)民族325分，漢族480分。
普通本科：少數(shù)民族293分，漢族310分。
?？疲ǜ呗殻荷贁?shù)民族225分，漢族225分。
藝術(shù)、體育類專業(yè)招生錄取文化成績(jī)最低控制分?jǐn)?shù)線
該類招生錄取文化成績(jī)最低控制分?jǐn)?shù)線按普通類招生錄取最低控制分?jǐn)?shù)線的70%劃定。錄取時(shí)，文化成績(jī)達(dá)到錄取規(guī)定的，按專業(yè)成績(jī)從高到低擇優(yōu)錄取，錄滿為止。
1.文史類
本科：少數(shù)民族224分，漢族235分；
專科：少數(shù)民族165分，漢族165分。
2.理工類
本科：少數(shù)民族205分，漢族217分；
?？疲荷贁?shù)民族158分，漢族158分。
十七、貴州
成績(jī)查詢地址：http://gkzy.eaagz.org.cn/
第一批本科院校：
理工類 480 分，文史類 548 分。
第二批本科院校：
理工類 384 分，文史類 463 分。
高職 （?？疲?院校：
理工類 180 分，文史類 180 分。
十八、山西
成績(jī)查詢地址：http://gkpt.sxkszx.cn/Aut-student-web/login_index
一、普通高校招生本科錄取最低控制分?jǐn)?shù)線（不含二本C類院校）
（一）文史類：第一批為542分；第二批為469分。
（二）理工類：第一批為537分；第二批為449分。
（三）藝術(shù)類
1.第一批：藝術(shù)（文）為379分；藝術(shù)（理）為376分。
2.第二批：藝術(shù)（文）為328分；藝術(shù)（理）為314分。
3.專業(yè)成績(jī)控制線：省統(tǒng)考美術(shù)專業(yè)成績(jī)最低控制線為211.00分；音樂(lè)專業(yè)成績(jī)最低控制線為75.00分；舞蹈專業(yè)成績(jī)最低控制線為65.00分；表演專業(yè)成績(jī)最低控制線為74.00分；書(shū)法學(xué)專業(yè)成績(jī)最低控制線為71.00分。省聯(lián)考播音與主持專業(yè)成績(jī)最低控制線為81.00分；廣播電視編導(dǎo)及戲劇影視文學(xué)專業(yè)成績(jī)最低控制線為306.00分；航空服務(wù)藝術(shù)與管理專業(yè)成績(jī)最低控制線為260.00分。
（四）體育類
1.體育專業(yè)成績(jī)最低控制線為65.0分。
2.第一批：體育（文）為434分；體育（理）為430分。
3.第二批：體育（文）為375分；體育（理）為359分。
（五）第二批本科C類院校最低控制分?jǐn)?shù)線待第二批本科B類院校錄取基本結(jié)束時(shí)根據(jù)計(jì)劃和考生志愿情況另行劃定。
十九、陜西
成績(jī)查詢地址：https://www.sneac.edu.cn/pzcjweb/cjcx/srindex.jsp
一本：文科 512 分，理科 451 分
二本：文科405 分，理科350 分
高職(專科)：文科160 分，理科 160分
二十、黑龍江
成績(jī)查詢地址：https://www.lzk.hl.cn/gkcx/
文史類理工類
普通本科一批：文史類為483分，理工類為455分；
普通本科二批（原二批、三批合并）：文史類為356分，理工類為301分；
體育類本科：文科文化課為249分，理科文化課為210分，術(shù)科（全省統(tǒng)考）為91分；
藝術(shù)類本科（含部分藝術(shù)本科提前批、藝術(shù)本科一批、二批院校）：文科文化課為247分，理科文化課為225分；
藝術(shù)類本科全省統(tǒng)考專業(yè)課最低錄取控制分?jǐn)?shù)線，將于藝術(shù)類提前批次錄取后劃定發(fā)布。
高職專科批文化課控制線：普通高職?？莆氖贰⒗砉ゎ悶?60分，藝術(shù)類和體育類高職?？茷?50分。
二十一、海南
成績(jī)查詢地址：https://gkcx.jseea.cn/
2020年我省本科批、部分特殊類型招生及藝術(shù)類本科批（文化課）的錄取最低控制分?jǐn)?shù)線已確定，現(xiàn)向廣大考生公告如下：
二十二、江蘇
成績(jī)查詢地址：https://gkcx.jseea.cn/
二十三、福建
成績(jī)查詢地址：http://gk.eeafj.cn/jsp/scores/gkcj/scores_enter.jsp
二十四、河南
成績(jī)查詢地址：http://www.heao.gov.cn/adc/pzcj.shtml
二十五、北京
成績(jī)查詢地址：http://query.bjeea.cn/queryService/rest/score/103
二十六、青海
成績(jī)查詢地址：http://118.213.59.8/
二十七、吉林
成績(jī)查詢地址：http://www.jlipedu.cn/chengjicode_2020.php
二十八、天津
成績(jī)查詢地址：http://www.zhaokao.net/column_html/index/20200725153648.html
普通本科分?jǐn)?shù)線476分
藝術(shù)類：333分，體育類：447分
二十九、浙江
成績(jī)查詢地址：www.zjzs.net
注：（1）藝術(shù)類第一批中，教育部批準(zhǔn)的可自主劃線的獨(dú)立設(shè)置本科藝術(shù)院校和清華大學(xué)等高校的藝術(shù)類本科專業(yè)，由學(xué)校自主劃定文化分?jǐn)?shù)線；其他高校藝術(shù)類本科專業(yè)文化分?jǐn)?shù)線須不低于347分。
（2）如遇部分類別第一段錄取后即已完成全部計(jì)劃，則該類別不進(jìn)行第二段志愿填報(bào)。
（3）第二段投檔錄取完成后，將根據(jù)各類別缺額計(jì)劃和生源情況，分別決定是否適當(dāng)擴(kuò)大比例征求志愿。
三十、新疆
成績(jī)查詢地址：http://124.117.250.22:6063/
三十一、山東
成績(jī)查詢地址：http://cx.sdzk.cn/XJGKCJ/
（一）普通類：特殊類型招生控制線532分；一段線449分；二段線150分。
（二）藝術(shù)類：文學(xué)編導(dǎo)類、播音主持類、攝影類本科文化控制線381分，美術(shù)類、音樂(lè)類、書(shū)法類本科文化控制線314分，舞蹈類、影視戲劇表演類、服裝表演（模特）類本科文化控制線291分；專科文化控制線150分。獨(dú)立設(shè)置的藝術(shù)院校和參照?qǐng)?zhí)行的藝術(shù)類專業(yè)，由院校自主劃定本科文化控制線。
（三）體育類：一段線561分；二段線457分。體育類分?jǐn)?shù)線是按照綜合分?jǐn)?shù)劃定，綜合分?jǐn)?shù)由70%的專業(yè)成績(jī)和30%的文化成績(jī)組成，不是單純文化成績(jī)。
（四）高水平運(yùn)動(dòng)員文化錄取控制分?jǐn)?shù)線為普通類一段線。其中在教育部“陽(yáng)光高考”平臺(tái)公示可享受65%優(yōu)惠分值的考生，按普通類一段線的65%執(zhí)行291分。
（五）“3+2對(duì)口貫通分段培養(yǎng)”高職志愿填報(bào)資格線399分。
導(dǎo)出Excel文件這個(gè)功能，通常都是在后端實(shí)現(xiàn)返回前端一個(gè)下載鏈接，但有時(shí)候我們只想導(dǎo)出前端頁(yè)面上已經(jīng)有了的數(shù)據(jù)，不想再調(diào)后端導(dǎo)出接口浪費(fèi)服務(wù)器資源，學(xué)習(xí)本文demo例子，我們踹掉后端，直接在前端導(dǎo)出Excel！
1、利用Blob對(duì)象構(gòu)造一個(gè)a標(biāo)簽的href鏈接，從而實(shí)現(xiàn)文件下載，Excel支持html格式，因此我們只需要將構(gòu)造好的html內(nèi)容放到Blob對(duì)象中，即可下載Excel表格
2、利用base64編碼構(gòu)造一個(gè)a標(biāo)簽的href鏈接，從而實(shí)現(xiàn)文件下載，同上，我們需要將構(gòu)造好的html內(nèi)容URI編碼拼到base64鏈接，即可下載Excel表格
//blob、base64轉(zhuǎn)文件下載，通過(guò)A標(biāo)簽?zāi)M點(diǎn)擊,設(shè)置文件名
/*
萬(wàn)能流 application/octet-stream
word文件 application/msword
excel文件 application/vnd.ms-excel
txt文件 text/plain
圖片文件 image/png、jpeg、gif、bmp
*/
function downloadByBlob(fileName, text) {
let a=document.createElement("a");
a.href=URL.createObjectURL(new Blob([text], {type: "application/octet-stream"}));
a.download=fileName || 'Blob導(dǎo)出測(cè)試.txt';
a.click();
a.remove();
URL.revokeObjectURL(a.href);
}
function downloadByBase64(fileName, text) {
let a=document.createElement('a');
a.href='data:application/octet-stream;base64,' + window.btoa(unescape(encodeURIComponent(text)));
a.download=fileName || 'Base64導(dǎo)出測(cè)試.txt';
a.click();
a.remove();
URL.revokeObjectURL(a.href);
}封裝導(dǎo)出Excel表格方法
//踹掉后端，前端導(dǎo)出Excel！
function exportExcel(fileName,columns,datas){
//列名
let columnHtml="";
columnHtml +="<tr style=\"text-align: center;\">\n";
for (let key in columns) {
columnHtml +="<td style=\"background-color:#bad5fd\">"+columns[key]+"</td>\n";
}
columnHtml +="</tr>\n";
//數(shù)據(jù)
let dataHtml="";
for (let data of datas) {
dataHtml +="<tr style=\"text-align: center;\">\n";
for (let key in columns) {
dataHtml +="<td>"+data[key]+"</td>\n";
}
dataHtml +="</tr>\n";
}
//完整html
let excelHtml="<html xmlns:o=\"urn:schemas-microsoft-com:office:office\"\n" +
" xmlns:x=\"urn:schemas-microsoft-com:office:excel\"\n" +
" xmlns=\"http://www.w3.org/TR/REC-html40\">\n" +
"<head>\n" +
" <!-- 加這個(gè)，其他單元格帶邊框 -->" +
" <xml>\n" +
" <x:ExcelWorkbook>\n" +
" <x:ExcelWorksheets>\n" +
" <x:ExcelWorksheet>\n" +
" <x:Name></x:Name>\n" +
" <x:WorksheetOptions>\n" +
" <x:DisplayGridlines/>\n" +
" </x:WorksheetOptions>\n" +
" </x:ExcelWorksheet>\n" +
" </x:ExcelWorksheets>\n" +
" </x:ExcelWorkbook>\n" +
" </xml>\n" +
" <style>td{font-family: \"宋體\";}</style>\n" +
"</head>\n" +
"<body>\n" +
"<table border=\"1\">\n" +
" <thead>\n" +
columnHtml +
" </thead>\n" +
" <tbody>\n" +
dataHtml +
" </tbody>\n" +
"</table>\n" +
"</body>\n" +
"</html>";
//下載
downloadByBlob((fileName || "導(dǎo)出Excel")+".xls",excelHtml);
}導(dǎo)出txt文檔
downloadByBlob("downloadByBlob-導(dǎo)出txt文檔.txt","downloadByBlob\n導(dǎo)出txt簡(jiǎn)單測(cè)試\n");
downloadByBase64("downloadByBase64-導(dǎo)出txt文檔.txt","downloadByBase64\n導(dǎo)出txt簡(jiǎn)單測(cè)試\n");導(dǎo)出Excel表格
exportExcel("xx業(yè)務(wù)Excel導(dǎo)出", {"id": "編號(hào)", "name": "名字", "age": "年齡", "time": "參加工作時(shí)間"}, [{
"id": "A001",
"name": "張三",
"age": "18",
"time": new Date().toLocaleString()
},{
"id": "A002",
"name": "李四",
"age": "20",
"time": new Date().toLocaleString()
}]);導(dǎo)出word文檔也是一樣
參考上我們之前的《FreeMarker模板引擎》，先畫(huà)好我們想要的文檔格式然后轉(zhuǎn)成xml，調(diào)用我們封裝好的方法，將構(gòu)造好的xml內(nèi)容轉(zhuǎn)成文件，實(shí)現(xiàn)前端導(dǎo)出復(fù)雜格式文檔！
如果有復(fù)雜數(shù)據(jù)，建議還是在后端操作，當(dāng)然你也可以把數(shù)據(jù)返回前端在前端導(dǎo)出也行
前端導(dǎo)出Excel主要是利用Bolb、base64，以及Excel支持html格式的特性，這個(gè)特性不僅前端可以利用，后端也一樣可以，這里也分享一下后端工具類，原理都是一樣的
package cn.huanzi.qch.util;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.OutputStream;
import java.io.PrintWriter;
import java.text.SimpleDateFormat;
import java.util.*;
/**
* Excel工具類
*/
public class ExcelUtil {
/**
* 導(dǎo)出
* 無(wú)需依賴POI
*/
/*
示例：
try {
//列名
LinkedHashMap<String, String> columns=new LinkedHashMap<>(4);
columns.put("id","編號(hào)");
columns.put("name","名字");
columns.put("age","年齡");
columns.put("time","參加工作時(shí)間");
//數(shù)據(jù)
List<Map<String, Object>> datas=new ArrayList<>(3);
HashMap<String, Object> hashMap=new HashMap<>();
hashMap.put("id","A001");
hashMap.put("name","張三");
hashMap.put("age",18);
hashMap.put("time",new Date());
datas.add(hashMap);
//帶換行符：
HashMap<String, Object> hashMap2=new HashMap<>();
hashMap2.put("id","A002");
hashMap2.put("name","李四
李四1
李四2");
hashMap2.put("age",20);
hashMap2.put("time",new Date());
datas.add(hashMap2);
HashMap<String, Object> hashMap3=new HashMap<>();
hashMap3.put("id","A003");
hashMap3.put("name","王五");
hashMap3.put("age",25);
hashMap3.put("time",new Date());
datas.add(hashMap3);
//導(dǎo)出
ExcelUtil.exportByResponse(this.getResponse(),"Excel導(dǎo)出測(cè)試",columns,datas);
//ExcelUtil.exportByFile(new File("D:\\XFT User\\Downloads\\Excel導(dǎo)出測(cè)試.xls"),columns,datas);
} catch (Exception e) {
e.printStackTrace();
}
*/
public static void exportByResponse(HttpServletResponse response, String fileName, LinkedHashMap<String, String> columns, List<Map<String, Object>> datas) throws Exception {
response.addHeader("Content-disposition", "attachment; filename=" + fileName + ".xls");
response.setContentType("application/ms-excel");
StringBuilder sb=exportOfData(columns, datas);
OutputStream out=response.getOutputStream();
out.write(sb.toString().getBytes("UTF-8"));
out.flush();
out.close();
}
public static void exportByFile(File file, LinkedHashMap<String, String> columns, List<Map<String, Object>> datas) {
StringBuilder sb=exportOfData(columns, datas);
try (PrintWriter myFile=new PrintWriter(file,"UTF-8")) {
myFile.println(sb);
} catch (Exception e) {
System.err.println("exportByFile()，操作出錯(cuò)...");
e.printStackTrace();
}
System.out.println(file.getName() + "，操作完成！");
}
//其他單元格無(wú)邊框
private static StringBuilder exportOfData(LinkedHashMap<String, String> columns, List<Map<String, Object>> datas) {
StringBuilder sb=new StringBuilder("<html xmlns:o=\"urn:schemas-microsoft-com:office:office\"" +
" xmlns:x=\"urn:schemas-microsoft-com:office:excel\"" +
" xmlns=\"http://www.w3.org/TR/REC-html40\">");
//加這個(gè)，其他單元格帶邊框
sb.append("<head>" +
" <xml>" +
" <x:ExcelWorkbook>" +
" <x:ExcelWorksheets>" +
" <x:ExcelWorksheet>" +
" <x:Name></x:Name>" +
" <x:WorksheetOptions>" +
" <x:DisplayGridlines/>" +
" </x:WorksheetOptions>" +
" </x:ExcelWorksheet>" +
" </x:ExcelWorksheets>" +
" </x:ExcelWorkbook>" +
" </xml>" +
" <style>td{font-family: \"宋體\";}</style>" +
"</head>");
sb.append("<body>");
sb.append("<table border=\"1\">");
//列名
sb.append("<tr style=\"text-align: center;\">");
for (Map.Entry<String, String> entry : columns.entrySet()) {
sb.append("<td style=\"background-color:#bad5fd\">" + entry.getValue() + "</td>");
}
sb.append("</tr>");
//數(shù)據(jù)
for (Map<String, Object> data : datas) {
sb.append("<tr style=\"text-align: center;\">");
for (Map.Entry<String, String> entry : columns.entrySet()) {
Object dataValue=data.get(entry.getKey());
//如果是日期類型
if (dataValue instanceof java.util.Date) {
dataValue=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(dataValue);
}
sb.append("<td>" + dataValue.toString() + "</td>");
}
sb.append("</tr>");
}
sb.append("</table>");
sb.append("</body>");
sb.append("</html>");
return sb;
}
//前端導(dǎo)出Excel
/*
示例：
exportExcel("xx業(yè)務(wù)Excel導(dǎo)出", {"id": "編號(hào)", "name": "名字", "age": "年齡", "time": "參加工作時(shí)間"}, [{
"id": "A001",
"name": "張三",
"age": "18",
"time": new Date().toLocaleString()
},{
"id": "A002",
"name": "李四",
"age": "20",
"time": new Date().toLocaleString()
}]);
*/
/*
//blob、base64轉(zhuǎn)文件下載，通過(guò)A標(biāo)簽?zāi)M點(diǎn)擊,設(shè)置文件名
//萬(wàn)能流 application/octet-stream
//word文件 application/msword
//excel文件 application/vnd.ms-excel
//txt文件 text/plain
//圖片文件 image/png、jpeg、gif、bmp
function downloadByBlob(fileName, text) {
let a=document.createElement("a");
a.href=URL.createObjectURL(new Blob([text], {type: "application/octet-stream"}));
a.download=fileName || 'Blob導(dǎo)出測(cè)試.txt';
a.click();
a.remove();
URL.revokeObjectURL(a.href);
}
function downloadByBase64(fileName, text) {
let a=document.createElement('a');
a.href='data:application/octet-stream;base64,' + window.btoa(unescape(encodeURIComponent(text)));
a.download=fileName || 'Base64導(dǎo)出測(cè)試.txt';
a.click();
a.remove();
URL.revokeObjectURL(a.href);
}
//踹掉后端，前端導(dǎo)出Excel！
function exportExcel(fileName,columns,datas){
//列名
let columnHtml="";
columnHtml +="<tr style=\"text-align: center;\">\n";
for (let key in columns) {
columnHtml +="<td style=\"background-color:#bad5fd\">"+columns[key]+"</td>\n";
}
columnHtml +="</tr>\n";
//數(shù)據(jù)
let dataHtml="";
for (let data of datas) {
dataHtml +="<tr style=\"text-align: center;\">\n";
for (let key in columns) {
dataHtml +="<td>"+data[key]+"</td>\n";
}
dataHtml +="</tr>\n";
}
//完整html
let excelHtml="<html xmlns:o=\"urn:schemas-microsoft-com:office:office\"\n" +
" xmlns:x=\"urn:schemas-microsoft-com:office:excel\"\n" +
" xmlns=\"http://www.w3.org/TR/REC-html40\">\n" +
"<head>\n" +
" <!-- 加這個(gè)，其他單元格帶邊框 -->" +
" <xml>\n" +
" <x:ExcelWorkbook>\n" +
" <x:ExcelWorksheets>\n" +
" <x:ExcelWorksheet>\n" +
" <x:Name></x:Name>\n" +
" <x:WorksheetOptions>\n" +
" <x:DisplayGridlines/>\n" +
" </x:WorksheetOptions>\n" +
" </x:ExcelWorksheet>\n" +
" </x:ExcelWorksheets>\n" +
" </x:ExcelWorkbook>\n" +
" </xml>\n" +
" <style>td{font-family: \"宋體\";}</style>\n" +
"</head>\n" +
"<body>\n" +
"<table border=\"1\">\n" +
" <thead>\n" +
columnHtml +
" </thead>\n" +
" <tbody>\n" +
dataHtml +
" </tbody>\n" +
"</table>\n" +
"</body>\n" +
"</html>";
//下載
downloadByBlob((fileName || "導(dǎo)出Excel")+".xls",excelHtml);
}
*/
}作者：huanzi-qch
出處：https://www.cnblogs.com/huanzi-qch
若標(biāo)題中有“轉(zhuǎn)載”字樣，則本文版權(quán)歸原作者所有。若無(wú)轉(zhuǎn)載字樣，本文版權(quán)歸作者所有，歡迎轉(zhuǎn)載，但未經(jīng)作者同意必須保留此段聲明，且在文章頁(yè)面明顯位置給出原文鏈接，否則保留追究法律責(zé)任的權(quán)利.
HTML:htper text markup language超文本標(biāo)記(標(biāo)簽)語(yǔ)言
由各種標(biāo)簽組成，用來(lái)制作網(wǎng)頁(yè)，告訴瀏覽器如何顯示頁(yè)面
w3c:world wide web consortium萬(wàn)維網(wǎng)聯(lián)盟，制定web技術(shù)相關(guān)標(biāo)準(zhǔn)和規(guī)范的組織，HTML技術(shù)hi由w3c制定的標(biāo)準(zhǔn)
兩個(gè)版本:HTML4.0.1、HTML5.0-----通常H5
官網(wǎng)：http://www.W3shcool.com.cn
HTML文檔是以.html或.htm結(jié)尾
記事本notepad、sublime、Notepad++、Dreamweaver、VScode、Webstorm等
使用步驟：
使用技巧：
常見(jiàn)的瀏覽器：IE瀏覽器微軟、chrome谷歌瀏覽器、fifirefox火狐、safari蘋果
瀏覽器的作用是讀取html文件，并以網(wǎng)頁(yè)的形式來(lái)顯示
瀏覽器不會(huì)直接顯示html標(biāo)簽，而是使用標(biāo)簽來(lái)解釋網(wǎng)頁(yè)的內(nèi)容
一個(gè)完整的html標(biāo)簽的組成：
<標(biāo)簽名 屬性名="屬性值">內(nèi)容</標(biāo)簽名>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>標(biāo)簽</title>
</head>
<body bgcolor="red" text="blue">
html從入門到精通!
</body>
</html>
12345678910屬性值要用雙撇號(hào)括起來(lái)，一般用雙引號(hào)
根據(jù)標(biāo)簽是否關(guān)閉，分為，關(guān)閉型和非關(guān)閉型
<html></html>
<head></head>
<title></title>非關(guān)閉型：沒(méi)有結(jié)束標(biāo)簽
<meta>
<br>
<h1>....<h6>根據(jù)標(biāo)簽是否獨(dú)占一行，分為塊級(jí)標(biāo)簽和行級(jí)標(biāo)簽
塊級(jí)標(biāo)簽：顯示為塊狀，獨(dú)占一行
<h1>大家好</h1>
<hr>行級(jí)標(biāo)簽：在行內(nèi)顯示，可與其他內(nèi)容在同一行顯示
<span></span>
注釋在瀏覽器中不會(huì)顯示,是用來(lái)標(biāo)注解釋html語(yǔ)句,但通過(guò)查看源代碼的方式可以看到
語(yǔ)法:
<--注釋內(nèi)容-->
也稱為特殊字符,用于顯示一些特殊符號(hào),如<>&空格等
語(yǔ)法:
<&實(shí)體字符的名稱>
在html文檔的第一行,使用<!DOCTYPE html>
聲明HTML文檔的類型用來(lái)告訴瀏覽器頁(yè)面的文檔嘞型,用來(lái)制定html版本的規(guī)范
目前基本上最常用的html5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
123456789101.基本標(biāo)簽
1.1 有序列表
ol:ordered listli:list item默認(rèn)使用阿拉伯?dāng)?shù)字、從1開(kāi)始標(biāo)記，可以通過(guò)屬性進(jìn)行修改
· type屬性：設(shè)置列表的符號(hào)標(biāo)記、取值；數(shù)字1（默認(rèn)）、字母（a或A）、羅馬數(shù)字(i或I) · start屬性：設(shè)置起始值，值必須是數(shù)字
1.2 無(wú)序列表
ul:unodered list
li:list item
默認(rèn)情況下使用實(shí)心圓表作為符號(hào)標(biāo)記，可以通過(guò)屬性進(jìn)行修改
· type屬性：設(shè)置列表的符號(hào)標(biāo)記、取值：disc實(shí)心圓（默認(rèn)）、circle空心圓、square正方形、none不 顯示項(xiàng)目符號(hào)
1.3 定義列表
dl:definition list
dt:definition title
dd:definition description
1.4 水平線標(biāo)簽
hr:horizontal
常用屬性：
· color:顏色
兩種方式：
顏色名稱：如red、green、blue、white、black、pink、orange等
16進(jìn)制的RGB表示法：Red、Green、Blue用法：#RRGGBB 每種顏色的取值范值0-255，轉(zhuǎn)換為16 進(jìn)制00-FF
如: #FF0000 紅色 #00FF00綠色 #0000FF藍(lán)色 #FFFFFF白色、#CCCCCC #FF7300桔色
· size:粗細(xì)，數(shù)值
· width寬度
兩種寫法：
? 像素：絕對(duì)值（固定值）
? 百分比：相對(duì)值，相對(duì)于水平線標(biāo)簽所在父容器寬度的百分比
· align對(duì)齊
? 取值：center居中 left right
1.5圖像標(biāo)簽
img:image
常見(jiàn)的圖片格式：.jpg .png .gif .bmp
常見(jiàn)的屬性：
· src:source指定圖片的路徑（來(lái)源），必選叁數(shù)
如果圖片與html源代碼在同一個(gè)文件夾中，可以直接在src中寫圖片名稱即可
習(xí)慣上，我們會(huì)將多個(gè)圖片與html代碼文檔分別放在同一個(gè)文件夾project中的不同目錄下，此時(shí)需要 在src中指定圖片的路徑為相對(duì)路徑
路徑的分類：
? · 相對(duì)路徑
? 表示： ./當(dāng)前路徑
…/當(dāng)前位置的上一級(jí)文件夾
? 提示：…/image
? · alt:當(dāng)圖片無(wú)法顯示時(shí)顯示的提示信息
? · title:當(dāng)鼠標(biāo)放到圖片上時(shí)顯示的提示信息
? · width和 height:設(shè)置圖片的寬度和高度
默認(rèn)圖片以原始尺寸顯示
? 如果只設(shè)置其中一個(gè)，則另一個(gè)會(huì)按比例縮放
? 如果同時(shí)設(shè)置寬和高，可能導(dǎo)致圖片變形
? 兩種寫法：
? 像素：絕對(duì)值（固定值）
? 百分比：相對(duì)值，相對(duì)于父容器的尺寸的百分比
2.其他標(biāo)簽
為了更好語(yǔ)義化
3.頭部標(biāo)簽
· meta定義網(wǎng)頁(yè)的摘要信息，如字符編碼，關(guān)鍵詞，描述，作者等
· title定義網(wǎng)頁(yè)的標(biāo)題
· style定義內(nèi)容css樣式
· link引用外部css樣式
· script定義或引用腳本
· base定義基礎(chǔ)路徑
默認(rèn)以當(dāng)前頁(yè)面文件所在的位置為相對(duì)路徑參照
4.標(biāo)簽嵌套
一個(gè)標(biāo)簽中嵌套另外一個(gè)標(biāo)簽
標(biāo)簽不能亂嵌套
瀏覽器渲染后顯示的頁(yè)面代碼與編碼時(shí)有所不同
chrome瀏覽器提供的開(kāi)發(fā)工具：幫助開(kāi)發(fā)人員查看和調(diào)試頁(yè)面的
如何打開(kāi)：
· Elements:從瀏覽器的角度來(lái)看頁(yè)面，瀏覽器渲染頁(yè)面時(shí)內(nèi)部的結(jié)構(gòu)
· console:控制臺(tái)，顯示各種警告和錯(cuò)誤信息
· network:查看網(wǎng)絡(luò)請(qǐng)求信息，瀏覽器向服務(wù)器請(qǐng)求了哪些資源，資源大小，
加載資源所消耗的時(shí)間
四、超鏈接
1.簡(jiǎn)介
使用超鏈接可以從一個(gè)頁(yè)面跳轉(zhuǎn)到另外一個(gè)頁(yè)面，實(shí)現(xiàn)頁(yè)面之間導(dǎo)航
當(dāng)鼠標(biāo)移動(dòng)到超鏈接文本或圖片時(shí)，鼠標(biāo)箭頭會(huì)變成一只小手
超鏈接有三種類型:
普通鏈接/頁(yè)面間的鏈接，跳轉(zhuǎn)到另一個(gè)頁(yè)面 錨鏈接：鏈接到錨點(diǎn)（鏈接到同一個(gè)頁(yè)面的指定位置） 功能鏈接：實(shí)現(xiàn)特殊功能(發(fā)郵件，下載)
2.基本用法
使用 標(biāo)簽來(lái)創(chuàng)建超鏈接
語(yǔ)法格式：
常用屬性：
href:鏈接地址或路徑,鏈接地址
world
鏈接文本或圖片
1 2 3 4 5 1 target:鏈接打開(kāi)的位置,取值
路徑分類：
絕對(duì)路徑 以根開(kāi)始的路徑
file:///D:/software/b.html https://www.baidu.com/img/bd_logo1.png
相對(duì)路徑 相對(duì)于當(dāng)前頁(yè)面文件所在的路徑,不是以根開(kāi)始的路徑 ./ 當(dāng)前路徑 …/ 當(dāng)前位置上一級(jí)目錄
3.錨鏈接
3.1簡(jiǎn)介
點(diǎn)擊鏈接后跳轉(zhuǎn)到某一個(gè)頁(yè)面的指定位置（錨點(diǎn)anchor）
錨鏈接的分類：
頁(yè)面內(nèi)的錨鏈接 頁(yè)面間的錨鏈接
3.2 頁(yè)面內(nèi)的錨鏈接
步驟：
3.3 頁(yè)面間的錨鏈接
4.功能鏈接
5.URL
5.1 簡(jiǎn)介
URL:Uniform Resource Locator 統(tǒng)一資源定位器,用來(lái)定位資源所在的位置，最常見(jiàn)的就是網(wǎng)址
5.2 組成
一個(gè)完整的URL由8個(gè)部分組成：
協(xié)議：prococol 如 http:超文本傳輸協(xié)議，用來(lái)訪問(wèn)WEB網(wǎng)站Hyper text Transfer protocal https:更加安全的協(xié)議 SSL安全套接子層 ftp文件傳輸協(xié)議，用來(lái)訪問(wèn)服務(wù)器上的文件，實(shí)現(xiàn)文件的上傳和下載File Transfer protocol file:文件協(xié)議，用來(lái)訪問(wèn)本地文件 主機(jī)名hostname服務(wù)器地址或服務(wù)器Netbios名稱,如www.baidu.com ftp://10.255.254.254 端口：port位于主機(jī)名的后面，使用冒號(hào)進(jìn)行分隔 不同的協(xié)議使用不同的端口，如http使用80端口,https使用的443端口,ftp使用20和21 如果使用的是默認(rèn)端口，則端口可以省略 如果使用的不是默認(rèn)端口，則必須指定端口http://59.49.32.213:7070/ 路徑：path目標(biāo)文件所在的路徑結(jié)構(gòu)，如:www.baidu.com/img/ 資源resource要訪問(wèn)的目標(biāo)文件，如bd_logo1.png 查詢字符串：query string 也稱為參數(shù) 在資源后面使用?開(kāi)頭的一組名稱/值
鏈接文本
鏈接文本
https://www.baidu.com/img/bd_logo1.png?name=tom&age=2&sex=male https://www.w3school.com.cn/html/html_quotation_elements.asp file:///C:/Users/Administrator/Desktop/project/code/09.%E5%B8%B8%E7%94%A8%E6%A0%87%E7%A D%BE3.html http://www.sxgjpx.net/ ftp://10.255.254.253/
1
1
1 2 3
4 5
名稱和值之間以=分隔，多個(gè)之間用&分隔，如:name=tom&age=2&sex=male 錨點(diǎn)anchor，在資源后面使用#開(kāi)頭的文本，如#6 身份認(rèn)證authentication,指定身份信息，如：ftp://賬戶:密碼@ftp.bbshh010.com
五、表格
1.簡(jiǎn)介
表格是一個(gè)規(guī)則的行列結(jié)構(gòu)，每個(gè)表格是由若干行組成，每行由若干個(gè)單元格組成
table row column
2.基本結(jié)構(gòu)
2.1 table標(biāo)簽
用來(lái)定義表格
常用屬性：
border:表格邊框 默認(rèn)為0 width/height：寬度/高度 bordercolor:邊框的顏色 align:對(duì)齊方式，取值：left(默認(rèn)) center居中 right居右 bgcolor:背景顏色 background:背景圖片 cellspacing間距：?jiǎn)卧衽c單元格之間的距離 cellpadding邊距：?jiǎn)卧裰械膬?nèi)容到邊界之間的距離
2.2 tr標(biāo)簽
用來(lái)定義行：table row
常用屬性：
align:水平對(duì)齊 取值：left(默認(rèn)) center right valign垂直對(duì)齊 取值：top center bottom bgcolor:背景顏色 background:背景圖片
2.3 td標(biāo)簽
用來(lái)定義單元格，table data
常用屬性：align、valign、bgcolor、background
注意：表格必須是由行組成，行必須由單元格來(lái)組成，數(shù)據(jù)必須放到單元格中
3.合并單元格
合并單元格也稱為單元格的跨行跨列
兩個(gè)屬性：
rowspan 設(shè)置單元格所跨的行數(shù) colspan 設(shè)置單元格所跨的列數(shù)
步驟：
六、表單
1.簡(jiǎn)介
表單是一個(gè)包含若干個(gè)表單元素的區(qū)域，用于獲取瑣類型的用戶數(shù)據(jù)
表單元素是允許用戶在表單輸入信息的元素，如文本框、密碼框、單選按鈕、復(fù)選框、下拉列表、按鈕等
2.表單結(jié)構(gòu)
2.1表單語(yǔ)法
1
2.2form標(biāo)簽
用來(lái)定義表單，可以包含多個(gè)表單元素
常用屬性：
action:提交數(shù)據(jù)給誰(shuí)處理，即處理數(shù)據(jù)的程序，默認(rèn)為當(dāng)前頁(yè)面 method:提交數(shù)據(jù)的方式或方法，取值：get(默認(rèn))，post get和post的區(qū)別： get:以查詢字符串的形式提交，在地址欄中能看到，長(zhǎng)度有限制，不安全 post以表單數(shù)據(jù)組的形式進(jìn)行提交，在地址欄中看不到，長(zhǎng)度無(wú)限制，安全 enctype(encode type)編碼類型：提交數(shù)據(jù)的編碼，取值：application/X-www-form-urlencoded(默 認(rèn))、multipart/form-data(文件上傳)
3.表單元素
大多數(shù)的表單元素都是使用 標(biāo)簽來(lái)定義的，通過(guò)設(shè)置屬性type來(lái)定義不同的表單元素
1
3.1單行文本框
常用屬性：
·name名稱，很重要，如果沒(méi)有定義name屬性，則該表單元素的數(shù)據(jù)是無(wú)法提交的
·value初始值
·size顯示寬度
·maxlength:大字符數(shù)，默認(rèn)是沒(méi)有限制
·readonly只讀：readonly=“readonly”,可簡(jiǎn)寫readonly,即只寫屬性名
·disabled禁用：disabled=“disabled”, 可簡(jiǎn)寫disabled完全禁用
表單元素被提交的兩個(gè)條件，1.有name屬性2.非disabled
3.2 單選按鈕
常用屬性：
·name名稱：多個(gè)radio的name屬性必須相同，才能實(shí)現(xiàn)互斥（單選）
·value值
·checked:是否被選中，兩種狀態(tài)，選中，未選中 checked=“checked” 簡(jiǎn)寫 checked
3.3 復(fù)選框
常用屬性與單選按鈕radio類似
3.4 文件選擇器
常用屬性：
·name:名稱
·accept設(shè)置可選擇的文件類型，用來(lái)限制上傳的文件類型
使用MIME格式字符串對(duì)資源類型進(jìn)行限制
常見(jiàn)的MIME類型：
·純文本：text/plain text/xml text/html
· 圖像：image/png image/jpeg image/gif
4.特殊表單元素
4.1下拉列表
select常用屬性：
·name名稱
·size行數(shù)，同時(shí)顯示多個(gè)選項(xiàng)
·multiple允許同時(shí)選擇多個(gè)
option常用屬性：
·value選項(xiàng)值
·selected設(shè)置默認(rèn)選中項(xiàng)
optgroup常用屬性：
·label分組的標(biāo)簽
4.2文本域
·name名稱
·rows行數(shù)
·cols列數(shù)
5、其他標(biāo)簽
5.1 label標(biāo)簽
為表單元素提供標(biāo)簽，當(dāng)選中l(wèi)abel標(biāo)簽中的文本內(nèi)容時(shí)會(huì)自動(dòng)將光標(biāo)切換到與之相關(guān)聯(lián)的表單元素。
常用屬性：
·for必須將該屬性值設(shè)置為與相關(guān)聯(lián)的表單元素的Id屬性值相同。
注：幾乎所有HTML標(biāo)簽都具有id屬性，且id值必須唯一。
5.2 button標(biāo)簽
也表示按鈕，與input按鈕類似
語(yǔ)法：
1按鈕文字或圖像
常用屬性：
·type按鈕的類型，取值: submit（默認(rèn)）、reset、button
5.3 fieldset和legend標(biāo)簽
fieldset標(biāo)簽，對(duì)表單元素進(jìn)行分組
legend標(biāo)簽，對(duì)分組添加標(biāo)題
七、內(nèi)嵌框架
1、簡(jiǎn)介
使用iframe可以在一個(gè)頁(yè)面中引用另一個(gè)頁(yè)面，實(shí)現(xiàn)復(fù)用、靈活
2、基本用法
語(yǔ)法：
1
常用屬性：
· src:引用的頁(yè)面
· width/height寬度/高度 ，像素或百分比
· frameborder是否顯示邊框，取值：1(yes) 0(no)—默認(rèn)
· scrolling是否顯示滾動(dòng)條，取值：yes no auto
· name屬性 為框架定義名稱
3、在框架中打開(kāi)鏈接
1
2
3鏈接的文本或圖像
八、HTML5簡(jiǎn)介
1、發(fā)展
W3C于1992年12月發(fā)布了HTML4.0.1標(biāo)準(zhǔn)
W3C于2014年10月發(fā)布了HTML5標(biāo)準(zhǔn)
2、特點(diǎn)
· 取消了過(guò)時(shí)的標(biāo)簽，如font、center等，它們僅具有展示外觀的功能
· 增加了一些更具有語(yǔ)義化的標(biāo)簽，如header、footer、aside等
· 增加了一些新功能標(biāo)簽，如canvas、audio、video
· 增加了一些表單控件，如email、date、time、url、search等
· 可以直接在瀏覽器中繪畫(huà)（canvas），無(wú)需flash
· 增加了本地存儲(chǔ)的支持
3、兼容性
http://caniuse.com
提供了各種瀏覽器版本對(duì)HTML5和CSS規(guī)范的支持度
九、HTML5新增內(nèi)容
1、結(jié)構(gòu)相關(guān)的標(biāo)簽
用來(lái)進(jìn)行頁(yè)面結(jié)構(gòu)布局，本身無(wú)任何特殊樣式，需要使用CSS進(jìn)行樣式設(shè)置
· article定義一個(gè)獨(dú)立的內(nèi)容，完整的文章
· section定義文檔的章節(jié)、段落
· header文章的頭部、頁(yè)眉、標(biāo)題
· footer文章的底部、頁(yè)腳、標(biāo)注
· aside定義側(cè)邊欄
· figure圖片區(qū)域
· figcaption為圖片區(qū)域定義標(biāo)題
· nav定義導(dǎo)航菜單
結(jié)構(gòu)標(biāo)簽只是表明各部分的角色，并無(wú)實(shí)際的外觀樣式，與普通div相同
2、語(yǔ)義相關(guān)的標(biāo)簽
2.1 mark標(biāo)簽
標(biāo)注，用來(lái)突出顯示文本，默認(rèn)添加黃色背景
2.2 time標(biāo)簽
定義日期和時(shí)間，便于搜索引擎智能查找
2.3 details和 summary標(biāo)簽
默認(rèn)顯示summary中的內(nèi)容，點(diǎn)擊后顯示details中的內(nèi)容
注：并不是所有的瀏覽器都兼容，chrome、opera支持、Firefox、IE瀏覽器不支持
2.4 meter標(biāo)簽
計(jì)數(shù)儀，表示度量
常用屬性：
· max定義大值，默認(rèn)為1
· min定義小值，默認(rèn)為0
· value定義當(dāng)前值
· high定義限定為高的值
· low定義限定為低的值
· optimum定義佳值
規(guī)則：
當(dāng)value大于high時(shí)為綠色
當(dāng)value在low與high之間時(shí)為黃色
當(dāng)value小于low時(shí)為紅色
當(dāng)value小于low時(shí)為綠色
當(dāng)value在low與high之間時(shí)為黃色
當(dāng)value大于high時(shí)為紅色
2.5 progress標(biāo)簽
進(jìn)度條，表示運(yùn)行中的進(jìn)度
常用屬性：
· value定義當(dāng)前值
· max定義完成的值
3.表單相關(guān)
3.1 新增表單元素
新增以下type類型：
· email接收郵箱
· url接收URL
· tel接收電話號(hào)碼，目前僅在移動(dòng)設(shè)備上有效
· search搜索文框
· number/range接收數(shù)字/數(shù)字滑塊,包含min,max,step屬性
· date/month/week/time/datetime日期時(shí)間選擇器，兼容性不好
· color顏色拾取
作用：
· 具有格式校驗(yàn)的功能
· 可以與移動(dòng)設(shè)備的鍵盤相關(guān)聯(lián)
3.2新增表單屬性
form標(biāo)簽的屬性：
· autocomplete是否啟動(dòng)表單的自動(dòng)完成功能， 取值:on(默認(rèn))、o?
· novalidate提交表單時(shí)不進(jìn)行校驗(yàn)，默認(rèn)會(huì)進(jìn)行表單校驗(yàn)
3.3 新增表單元素的屬性
新增表單元素屬性：input/select/textarea等
· placeholder提示文字
· required是否必填
· autocomplete是否啟用該表單元素的自動(dòng)完成功能
· autofocus設(shè)置初始焦點(diǎn)元素
· pattern使用正則表達(dá)式（RegExp后面會(huì)講解），進(jìn)行數(shù)據(jù)校驗(yàn)
· list使文本元素具有下拉列表的功能，需要配合datalist和option標(biāo)簽一起使用
· form可以將表單元素寫在form標(biāo)簽外面，然后通過(guò)該屬性關(guān)聯(lián)指定的表單
4、多媒體標(biāo)簽
4.1audio標(biāo)簽
在頁(yè)面中插入音頻，不同的瀏覽器對(duì)音頻格式的支持不一樣
audio常用屬性：
· src音頻文件的來(lái)源
· controls是否顯示控制面板，默認(rèn)不顯示
· autoplay是否自動(dòng)播放，默認(rèn)不自動(dòng)播放
· loop是否循環(huán)播放
· muted是否靜音
· preload是否預(yù)加載，取值：none不預(yù)加載、auto預(yù)加載（默認(rèn)）、metadata只加載元數(shù)據(jù)
如果設(shè)置了autoplay屬性，則該屬性無(wú)效
可以結(jié)合source標(biāo)簽使用，指定多個(gè)音頻文，瀏覽器會(huì)檢測(cè)并使用第一個(gè)可用的音頻文件
4.2 video標(biāo)簽
在頁(yè)面中插入視頻，不同的瀏覽器對(duì)視頻格式的支持不一樣
用法與audio標(biāo)簽基本相同，增加屬性：
· widht/height視頻播放器的寬度/高度
· poster在視頻加載前顯示的圖片
<html>
<body>
<tiele>HTML技術(shù)</tiele>
</body>
<body>
大家好，歡迎學(xué)習(xí)html技術(shù)!
</body>
</html>1234567效果
[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來(lái)直接上傳(img-h271e4v6-1593240920352)(C:\Users\lenovo\Desktop\新建文件夾\靜態(tài)網(wǎng)頁(yè)2\案例\result\案例1.png)]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>標(biāo)簽</title>
</head>
<body text="blue">
標(biāo)簽的組成
<br>
html從入門到精通！
<hr>
<h1>標(biāo)簽的分類</h1>
<hr>
<h2>標(biāo)簽的分類</h2>
<hr>
<h6>標(biāo)簽的分類</h6>
<hr>
<span>哈哈</span>嘿嘿
</body>
</html>1234567891011121314151617181920212223效果
[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來(lái)直接上傳(img-jx6zJE1P-1593240920354)(C:\Users\lenovo\Desktop\新建文件夾\靜態(tài)網(wǎng)頁(yè)2\案例\result\案例2.png)]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
圖書(shū):<<HTML從入門到精通<<
<hr>
北京 上海 廣州
<hr>
在HTML中用<表示<小于號(hào)
<hr>
“HTML語(yǔ)言” 或 &qout;HTML語(yǔ)言&qout;
<hr>
版權(quán)所有? 2000-2020 高教培訓(xùn)
<hr>
×關(guān)閉符號(hào)
</body>
</html>123456789101112131415161718192021222324效果
[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來(lái)直接上傳(img-nuFLl3hm-1593240920355)(C:\Users\lenovo\Desktop\新建文件夾\靜態(tài)網(wǎng)頁(yè)2\案例\result\案例3.png)]
（剩下的下期出）
原文鏈接：https://blog.csdn.net/WanXuang/article/details/106982782?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522160513384519724835852804%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=160513384519724835852804&biz_id=&utm_medium=distribute.pc_search_top_result.none-task-code-2~all~top_position~default-1-106982782-12.nonecase&utm_term=html
作者：WanXuang
出處：從CSDN
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
