編程基礎(chǔ)

第一節(jié)課

內(nèi)容和顯示
字符和編解碼的知識。
文本和樣式。
不可見字符。

字符和編解碼的知識

字符亂碼

文件打開字符亂碼的原因是編解碼,數(shù)據(jù)流是0101存儲的二進制流,編解碼就是把二進制流編譯成我們識別的字符。
發(fā)電報,漢子內(nèi)容,發(fā)電員編碼表查詢用4個數(shù)字轉(zhuǎn)換一個漢字,然后在依照編碼表轉(zhuǎn)換出來。當發(fā)報人的編碼表和接受人的編碼表不一樣時,就會出現(xiàn)字符亂碼。使用的軟件是否支持打開這個文件格式,還有的是同樣的編譯模式,但是沒有調(diào)試出對應(yīng)的格式。修改同樣的類型,或者同樣的系統(tǒng),window GB2312和mac utf-8在sari瀏覽器里的view中找到后有一個text Encoding選擇合適的格式。
ASCII碼英文所包含的字符ASCII碼擴展字符集主要擴展出來的歐洲其他語言的字符,Unicode符號集包含所有的標準完整的字符集,UTF-8Unicode的一種實現(xiàn)方式,GB2312簡體中文的字符標準,GBK之前的擴展,GB18030漢字國標。

文本和樣式

word中的樣式,word是富文本軟件,樣式的目的就是為了閱讀體驗顯示重點。word有自己的協(xié)議所以用IDE打開的時候會出現(xiàn)亂碼。word也是用的二進制流,也是utf-8編碼的,但是word添加了自己的算法,word軟件不開源,會流之前標記一些他的協(xié)議打亂他的編譯順序和字符順序。
網(wǎng)頁也是文本和樣式。

樣式的作用

文件擴展名

有的隱藏了擴展名,root目錄,隱藏擴展名去掉,才能顯示擴展名。IDE就是編寫軟件,開發(fā)軟件的工具。寫代碼編譯運行。

不可見字符

ASCII碼中有一部分字符是不可見的,前32和后127個。其他字符集兼容ASCII碼也有同樣位置的不可見字符。刪除鍵,格式刷,替換不可見字符,網(wǎng)上搜。

不可見字符會導致代碼出現(xiàn)問題,不能運行。jade是強制使用tab鍵一按tab就是四個空格。
新建文件后綴寫上,才會有解析,才會轉(zhuǎn)換處理字符文件。
markdown標記語言,富文本可以處理更多樣式和格式,
ipv4與ipv6的關(guān)系,是ipv4的地址枯竭,然后用的ipv6更多的地址。
程序的默認高于系統(tǒng)的默認,任何一個文件都可以用軟件打開,但是會成為亂碼。
在沒有指定拓展名的文件里默認的字符是什么格式,utf-8還是unicode。默認的是utf-8。word和excel的默認編碼一家公司出的一樣。但是其他的不一定一樣。

HTML CSS XML

標簽語言中注釋一定要寫清楚,方便以后查閱自己寫的代碼是什么。如聲明文檔類型,聲明編碼是UTF-8,標簽語言都是成對出現(xiàn)的就像對講機必須要兩只才能通話。

P元素draggable 是一個屬性,可拖p元素內(nèi)的字體,div元素的onclick是一個事件,在這部分內(nèi)容上鼠標點擊就會出現(xiàn)hello world提示。
1.png
寫在里面的<p draggable="table">里面的,內(nèi)聯(lián)樣式,優(yōu)先級最高,然后是寫在<style></style>之間的內(nèi)部樣式表,然后是外部樣式再插入一個<link xxxxx>,左后是瀏覽器默認的樣式。
2.png

引入外部的css鏈接<link rel="stylesheet" href="./css-demo.css">,此時需要在當前文件夾中有一個css-demo.css文件,才可以引入,這里路徑不能錯。


3.1.png
3.2.png
3.3.png

第三種使用css的方法,插入鏈接可以修改任何一個使用該樣式的html文件,方便快捷。
再加入一個css連接<link xxx>


3.4.png

同一個文件里可以使用多個css文件,可以再次修改網(wǎng)頁正文的圖片大?。?/p>

3.5.png

多個文件使用同一個css文件:

4.png

5.1.png

5.2.png

三層分離:
本人,化妝,去約會,三部分那一部分出錯就可以分別修改,整容,化妝,換約會對象。


6.png

XML標記語言,HTML是顯示數(shù)據(jù)
7.0.png

自我描述定義的email元素,


7.png

XML與HTML區(qū)別
xml類似于萬能數(shù)據(jù)線,用來傳輸不同手機之間數(shù)據(jù)傳輸?shù)摹?/p>

7.1.png

HTML是一種寬松的語法標記符號

7.2.png

這里的后半部分</input>是可以省去的不影響,但是XML就不行。XML可以被各種電腦識別的一種傳輸數(shù)據(jù)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 可以看我的博客 lmwen.top 或者訂閱我的公眾號 簡介有稍微接觸python的人就會知道,python中...
    ayuLiao閱讀 3,397評論 1 5
  • 1.為什么要學習編程基礎(chǔ) 因為你首先是一個合格的程序員,然后才是一個合格的前端工程師 前提:一個程序員必須知道 硬...
    黃同學2019閱讀 347評論 0 1
  • Bash內(nèi)置基本變量 PWD : 顯示當前的工作目錄 OLDPWD : 顯示上一次的工作目錄 ~:用戶家目錄 - ...
    魏鎮(zhèn)坪閱讀 1,664評論 0 6
  • 基礎(chǔ) .NET概述 參考:http://www.cnblogs.com/yplong/p/3279934.html...
    donite閱讀 1,731評論 0 8
  • 2017年6月16日 今天晚上,昀杰說累了,不想學習。好吧,跟爸爸爭取到了自由時間。 聽說我在學畫畫,說跟我一起學...
    李華英閱讀 696評論 0 0

友情鏈接更多精彩內(nèi)容