日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

HTML,CSS,JaveScript

發(fā)布時間:2023/12/13 HTML 29 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML,CSS,JaveScript 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

一、HTML

1、標(biāo)記語言

標(biāo)記語言為非編程語言,不具備編程語言具備的程序邏輯

2、html為前端頁面的主體,由標(biāo)簽、指令與轉(zhuǎn)義字符(實(shí)體)等組成

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

3、html發(fā)展史代表版本

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

4、文檔類型

<!-- 標(biāo)簽語法規(guī)范 -->
<!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、標(biāo)記語言

標(biāo)記語言為非編程語言,不具備編程語言具備的程序邏輯

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

選擇器:由標(biāo)簽、類、id單獨(dú)或組合出現(xiàn)
作用域:一組大括號包含的區(qū)域
樣式塊:滿足css連接語法的眾多樣式

3、css發(fā)展史代表版本

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

三、JavaScript

1、編程語言

實(shí)實(shí)在在的編程語言,完善的語法,可以完成復(fù)雜的程序邏輯

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

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

3、js發(fā)展史

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

4、js框架

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

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


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


css
選擇器:由標(biāo)簽/類/id單獨(dú)或組合出現(xiàn)
作用域:{}內(nèi)部區(qū)域
樣式塊:滿足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>

轉(zhuǎn)載于:https://www.cnblogs.com/zhangpang/p/9720282.html

總結(jié)

以上是生活随笔為你收集整理的HTML,CSS,JaveScript的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。