HTML,CSS,JaveScript

一、HTML

1、標記語言

標記語言為非編程語言,不具備編程語言具備的程序邏輯

2、html為前端頁面的主體,由標簽、指令與轉義字符(實體)等組成

標簽:被尖括號包裹,由字母開頭包含合法字符的,可以被瀏覽器解析的標記。eg:系統標簽,自定義標簽
指令:被尖括號包裹,由!開頭的標記。eg:<!doctype html> <!-- -->
轉義字符:被&與;包裹的特殊字母組合或#開頭的十進制數。eg:&#60; &#62; &nbsp;
?

3、html發展史代表版本

① html1:在1993年6月作為互聯網工程工作小組(IETF)工作草案發布(并非標準)
② html2:1995年11月作為RFC 1866發布,在RFC 2854于2000年6月發布之后被宣布已經過時
③ html3.2:1997年1月14日,W3C推薦標準
④ html4.0:1997年12月18日,W3C推薦標準
⑤ html4.01(微小改進):1999年12月24日,W3C推薦標準
⑤ html5:2014年10月28日,W3C推薦標準(h5草案的前身名為Web Applications 1.0。于2004年被WHATWG提出,于2007年被W3C接納,并成立了新的HTML工作團隊。在2008年1月22日,第一份正式草案發布。)

4、文檔類型

<!-- 標簽語法規范 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
?
<!DOCTYPE html>

二、CSS

1、標記語言

標記語言為非編程語言,不具備編程語言具備的程序邏輯

2、css為前端頁面的樣式,由選擇器、作用域與樣式塊組成

選擇器:由標簽、類、id單獨或組合出現
作用域:一組大括號包含的區域
樣式塊:滿足css連接語法的眾多樣式

3、css發展史代表版本

① 1990年,Tim Berners-Lee和Robert Cailliau共同發明了Web。1994年,Web真正走出實驗室。
② 1994年哈坤·利提出了CSS的最初建議。而當時伯特·波斯(Bert Bos)正在設計一個名為Argo的瀏覽器,于是他們決定一起設計CSS。
③ 哈坤于1994年在芝加哥的一次會議上第一次提出了CSS的建議,1995年的www網絡會議上CSS又一次被提出,博斯演示了Argo瀏覽器支持CSS的例子,哈肯也展示了支持CSS的Arena瀏覽器。
④ 1997年初,W3C組織負責CSS的工作組開始討論第一版中沒有涉及到的問題。其討論結果組成了1998年5月出版的CSS規范第二版。
⑤ CSS3是CSS(層疊樣式表)技術的升級版本,于1999年開始制訂,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。

三、JavaScript

1、編程語言

實實在在的編程語言,完善的語法,可以完成復雜的程序邏輯

2、js為前端頁面的腳本,由DOM、BOM與ES組成

DOM:文檔對象模型(Document Object Model),是W3C組織推薦的處理可擴展標志語言的標準編程接口。
BOM:瀏覽器對象模型(Browser Object Model),是用于描述這種對象與對象之間層次關系的模型,瀏覽器對象模型提供了獨立于內容的、可以與瀏覽器窗口進行互動的對象結構。BOM由多個對象組成,其中代表瀏覽器窗口的Window對象是BOM的頂層對象,其他對象都是該對象的子對象。
ES:ES是一種開放的、國際上廣為接受的腳本語言規范(ECMAScript),正式名稱為 ECMA 262 和 ISO/IEC 16262,是宿主環境中腳本語言的國際 Web 標準。

3、js發展史

    它最初由Netscape的Brendan Eich設計。JavaScript是甲骨文公司的注冊商標。Ecma國際以JavaScript為基礎制定了ECMAScript標準。JavaScript也可以用于其他場合,如服務器端編程。完整的JavaScript實現包含三個部分:ECMAScript,文檔對象模型,瀏覽器對象模型。
Netscape在最初將其腳本語言命名為LiveScript,后來Netscape在與Sun合作之后將其改名為JavaScript。JavaScript最初受Java啟發而開始設計的,目的之一就是“看上去像Java”,因此語法上有類似之處,一些名稱和命名規范也借自Java。但JavaScript的主要設計原則源自Self和Scheme。JavaScript與Java名稱上的近似,是當時Netscape為了營銷考慮與Sun微系統達成協議的結果。為了取得技術優勢,微軟推出了JScript來迎戰JavaScript的腳本語言。為了互用性,Ecma國際(前身為歐洲計算機制造商協會)創建了ECMA-262標準(ECMAScript)。兩者都屬于ECMAScript的實現。盡管JavaScript作為給非程序人員的腳本語言,而非作為給程序人員的腳本語言來推廣和宣傳,但是JavaScript具有非常豐富的特性。
發展初期,JavaScript的標準并未確定,同期有Netscape的JavaScript,微軟的JScript和CEnvi的ScriptEase三足鼎立。1997年,在ECMA(歐洲計算機制造商協會)的協調下,由Netscape、Sun、微軟、Borland組成的工作組確定統一標準:ECMA-262。

4、js框架

Angular、React與Vue等均是JavaScript主流框架
=============================================================================================================================================================
課堂筆記:

html
1.為標記語言,是非編程語言
2.自身不具備邏輯,遇到負責重復操作只能全部手寫(Ctrl+C > V)
3.組成:標簽, 指令, 實體
標簽:由<>包裹,以字母開頭可以結合合法字符可以被瀏覽器解析的標記(純字母或字母與數字組合)
<zero>小VV</zero>


探討
<a_1>abc</a_1>
<a$1>def</a$1>
<1a>xyz</1a>
指令:被<>包裹,以!開頭的可以被瀏覽器解析的標記
eg: <!dcotype> <!-- html的注釋 -->
<!我也是注釋>
實體:被&; 包裹的#開頭的十進制數 或 特殊字母組合
例:&#60;zero&gt;
文檔類型:規定該頁面的標簽遵循的html語法(h5)
<!doctype html>


css
選擇器:由標簽/類/id單獨或組合出現
作用域:{}內部區域
樣式塊:滿足css鏈接語法的各種樣式


<style>
?  /*選擇器zero 作用域{} 樣式塊color: red;*/
  zero {
  color: red
  /*css語法必須書寫;最后一條樣式可以省略*/
  background-color: cyan;
  font-size: 100px
  }
  a_1 {
  color: blue;
  }
  /*css注釋:不支持*/
  a$1 {
  color: green;
  }
  1a {
  color: pink;
  }
</style>


js
BOM:js操作瀏覽器
DOM:js操作頁面文檔
ES:js語法(ECAMScript)

LiveScript -> JavaScript

<script type="text/javascript">
// js注釋: 可以省略;(不建議)
alert("你丫真帥");
</script>

轉載于:https://www.cnblogs.com/zhangpang/p/9720282.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/249404.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/249404.shtml
英文地址,請注明出處:http://en.pswp.cn/news/249404.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

python用戶交互、基本數據類型、運算符

用戶交互 在實際應用中&#xff0c;我們經常需要用戶輸入相應信息&#xff0c;根據用戶輸入信息進行反饋&#xff0c;此時我們需要input/output信息 python中提供了便捷的輸入方法input&#xff08;&#xff09;和print&#xff08;&#xff09; 在python3中 name input("…

pom.xml詳細說明

<project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation"http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd "><!-- 父項目的坐標。…

maven如何修改本地倉庫與中央倉庫

什么是Maven倉庫 在不用Maven的時候&#xff0c;比如說以前我們用Ant構建項目&#xff0c;在項目目錄下&#xff0c;往往會看到一個名為/lib的子目錄&#xff0c;那里存放著各類第三方依賴jar文件&#xff0c;如 log4j.jar&#xff0c;junit.jar等等。每建立一個項目&#xff0…

Maven項目 之eclipse操作篇

使用eclipse創建maven項目大家應該都很熟悉&#xff0c;這里主要說明如何將已創建的非maven項目修改為maven項目。 1.創建測試項目 創建一個Dynamic Web Project &#xff0c;項目結構如圖。 2.配置工程類型 右擊項目--> Properties --> Project Facets&#xff0c;勾選…

前端jQuery基本語法

jQuery基礎語法 #不管找什么標簽&#xff0c;用什么選擇器&#xff0c;都必須要寫$("")&#xff0c;引號里面再寫選擇器&#xff0c;通過jQuery找到的標簽對象就是一個jQuery對象&#xff0c;用原生JS找到的標簽對象叫做DOM對象。二者可以相互轉換。$()[0]:就是jQuer…

網絡工程:3.1 RIP(Routing Information Protocol)協議

遵循協議&#xff1a; 1、特網rip1標準文件&#xff1a;rfc1058 網站 &#xff1a; https://tools.ietf.org/html/rfc1058 2、因特網rip2標準文件&#xff1a;rfc1723 網站 &#xff1a;https://tools.ietf.org/html/rfc1723 使用工具&#xff1a; GNS3 使用路由器文件&a…

為什么要有 hash 和 history

https://www.cnblogs.com/zhaobao1830/p/9269042.html

2:word定制工作界面

1.2&#xff0c;定制工作界面 一、功能區的折疊和展開 設計選項----右上方的向上的箭頭 功能區的選項&#xff1a;三個&#xff1a;自動隱藏功能區&#xff0c;顯示選項卡&#xff0c;顯示選項卡和命令 二、定制快速訪問工具欄 如何將一些常用的命令放到一個能便捷找到的地方 第…

JBPM中 使用JobExecutor執行timer定義的job

Job executor在jbpm.cfg.xml中是被缺省注釋的&#xff0c;所以只要去掉此行即可通過JobExecutor來定時觸發timer中的event-handler了 Xml代碼 <jbpm-configuration><import resource"jbpm.default.cfg.xml" /><import resource"jbpm.businessca…

二維碼生成

從vs Nugets搜索ThoughtWorks.QRCode下載ThoughtWorks.QRCode.dll private byte[] CreateQrcode(string code){ string enCodeString code;QRCodeEncoder qrCodeEncoder new QRCodeEncoder();qrCodeEncoder.QRCodeEncodeMode QRCodeEncoder.ENCODE_MODE.BYTE;qrCodeEncod…

vue created

https://blog.csdn.net/xdnloveme/article/details/78035065

Qt打開文件對話框同時選中多個文件或單個文件

Qt中打開單個文件 //str_path為文件路徑 QString str_path QFileDialog::getOpenFileName(this, tr("選擇轉碼文件"), tr("/home"), tr("視頻文件(*.mp4 *.m3u8);;所有文件&#xff08;*.*);;")); 打開多個文件 QString strs; QStringList file…

Activiti Explorer安裝

Activiti Explorer安裝 分類&#xff1a; activiti 2014-05-06 19:11 349人閱讀 評論(0) 收藏 舉報 一、Activiti Explorer介紹 流程引擎的用戶控制臺。使用它來啟動新流程&#xff0c;分配任務&#xff0c;查看并認領任務&#xff0c;等等。這個工具也可以用來管理Activ…

一招明白URL和URI的區別

URL和URI的區別(示例)&#xff1a; URL[統一資源定位器]&#xff1a; http://localhost:8080/api/account/queryAccountInfoURI[統一資源定位符]&#xff1a; /api/account/queryAccountInfo解釋&#xff1a;說白了&#xff0c;可以認為url是絕對路徑&#xff0c;uri是相對路徑…

JS ES6中export和import詳解

1.Export 模塊是獨立的文件&#xff0c;該文件內部的所有的變量外部都無法獲取。如果希望獲取某個變量&#xff0c;必須通過export輸出&#xff0c; // profile.js export var firstName Michael; export var lastName Jackson; export var year 1958;或者用更好的方式&am…

巧用地圖

L1-1 天梯賽座位分配&#xff08;20 分&#xff09; 天梯賽每年有大量參賽隊員&#xff0c;要保證同一所學校的所有隊員都不能相鄰&#xff0c;分配座位就成為一件比較麻煩的事情。為此我們制定如下策略&#xff1a;假設某賽場有 N 所學校參賽&#xff0c;第 i 所學校有 M[i] 支…

Mac系統中MongoChef鏈接MongoDB集群的方法

第一步&#xff1a;啟動Mongochef&#xff0c;點擊鏈接按鈕&#xff1b;第二步&#xff1a;打開連接配置面板&#xff0c;填寫數據庫名&#xff1b;第三步&#xff1a;選擇鏈接類型Connection Type&#xff0c;一般分為直接連接和集群鏈接&#xff0c;這里選擇集群鏈接 Replica…

nginx配置文件nginx.conf

user www www;#指定nginx運行的用戶及用戶組,默認為nobodyworker_processes 8;#開啟的線程數&#xff0c;一般跟邏輯CPU核數一致error_log /alidata/log/nginx/error.log crit; #定位全局錯誤日志文件&#xff0c;級別以notice顯示&#xff0c;還有debug,info,warn,error,crit模…

js 中async

一、終極解決 異步操作是 JavaScript 編程的麻煩事&#xff0c;麻煩到一直有人提出各種各樣的方案&#xff0c;試圖解決這個問題。 從最早的回調函數&#xff0c;到 Promise 對象&#xff0c;再到 Generator 函數&#xff0c;每次都有所改進&#xff0c;但又讓人覺得不徹底。…

Python查找指定文件

在當前目錄以及當前目錄的所有子目錄下查找文件名包含指定字符串的文件&#xff0c;并打印出相對路徑&#xff1a; import os testfiles [] testfilepaths [] L len(os.path.abspath(.))def searchfile(path):for item in os.listdir(path):if os.path.isdir(os.path.join(p…