成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

01 【零基礎(chǔ)入門】html學(xué)習(xí)筆記（1）

xeblog / 2129人閱讀

摘要：公司就是中文網(wǎng)頁，極度的追求網(wǎng)頁的顯示速度，要使用。，與類似，用于將相關(guān)的內(nèi)聯(lián)元素和文本歸組在一起。用途區(qū)別塊元素通常用在頁面中的主要構(gòu)建模塊，而內(nèi)聯(lián)元素則用來標(biāo)記小段內(nèi)容。

之前學(xué)習(xí)了前端的一些基礎(chǔ)知識(shí)，現(xiàn)在想深入地、精通地學(xué)習(xí)前端，往前端和全棧工程師方向發(fā)展。

之前學(xué)習(xí)前端主要是通過看視頻，結(jié)合動(dòng)手練習(xí)。現(xiàn)在認(rèn)為看書+視頻+實(shí)踐，應(yīng)該是最高效的學(xué)習(xí)方法。對(duì)于html、css，我主要參考《head first html 與css 第二版》，head first系列書講解知識(shí)點(diǎn)循序漸近，容易理解。

以下是我看這本書，結(jié)合之前學(xué)習(xí)做的筆記，第一部分梳理如下：

超文本標(biāo)記語言：hypertext markup language 1.1 概念理解

1，作用：負(fù)責(zé)描述頁面的結(jié)構(gòu)；
2， 理解html的含義：
1）ml：標(biāo)記語言，用來描述網(wǎng)頁的結(jié)構(gòu)；

瀏覽器是怎么知道如何顯示一個(gè)頁面的：通過html語言中的標(biāo)記。比如

等，標(biāo)記會(huì)告訴瀏覽器文本的結(jié)構(gòu)和含義。即哪些文本是標(biāo)題，哪些是段落，圖片放在什么位置等。

需要用成對(duì)的標(biāo)記包圍頁面的內(nèi)容（有的標(biāo)記例外：如 6 7 Document 8 9 10 其中的內(nèi)容是用戶可以看見的內(nèi)容 11 12

第1行：

為瀏覽器指定頁面的文檔類型 ，這不是一個(gè)html元素！

public表示該標(biāo)準(zhǔn)是公共可用的；

"-//W3C//DTD XHTML 1.0 Transitional//EN" 表示使用的是xhtml1.0版本

html5中的doctype

第4行 ： 字符集設(shè)置

字符集：可以在計(jì)算機(jī)上表示某種語言中的所有字母、數(shù)字和其他符號(hào)。比如ASCII等。如今標(biāo)準(zhǔn)已經(jīng)統(tǒng)一為Unicode字符編碼，它是很多常用軟件和操作系統(tǒng)支持的一個(gè)字符集。我們需要告訴瀏覽器我們在使用unicode編碼，用標(biāo)記。

這是html4.01和更早版本中標(biāo)記的格式。 html5中，直接寫為

Utf-8是unicode系列中的一個(gè)編碼（這個(gè)系列中還有其他編碼）
中文能夠使用的編碼有兩種：
第一種：UTF-8 國際通用字庫，里面涵蓋了所有語言文字，比如阿拉伯文、漢語
第二種：gb2312 也可寫成gbk是中國的字庫，僅涵蓋了漢字和一些常用外文、符號(hào)

字庫規(guī)模： UTF-8（字全） > gb2312（只有漢字）
保存大?。?/strong> UTF-8（更臃腫、加載更慢） > gb2312 （更小巧，加載更快）
由于UTF-8字庫規(guī)模大，所以描述一個(gè)漢字需要的碼更多。
UTF-8里面存儲(chǔ)一個(gè)漢字3個(gè)字節(jié)。而gb2312中存儲(chǔ)一個(gè)漢字2個(gè)字節(jié)。

總結(jié)：
UTF-8 字多，有各種國家的語言，但是保存容量大，文件臃腫；
gb2312字少，只用中文和少數(shù)外語和符號(hào)，但是容量小，文件小巧
.

列出2個(gè)使用情形：

公司是做日本動(dòng)漫的，經(jīng)常出現(xiàn)一些日語動(dòng)漫的名字，網(wǎng)頁要使用UTF-8。如果用gb2312將無法顯示日語。

公司就是中文網(wǎng)頁，極度的追求網(wǎng)頁的顯示速度，要使用gb2312。如果使用UTF-8將每個(gè)漢字多一個(gè)byte，所以5000個(gè)漢字，多5kb。

我們親測：
● qq網(wǎng)、網(wǎng)易、搜狐都是使用gb2312。這些公司，都追求顯示速度。
● 新華網(wǎng)藏語頻道，使用的是UTF-8，保證字符集的數(shù)量。

注：
當(dāng)我們不設(shè)置的時(shí)候，sublime默認(rèn)類型就是UTF-8。而一旦更改為gb2312的時(shí)候，就一定要記得設(shè)置一下sublime的保存類型：
文件→ set File Encoding to → Chinese Simplified(GBK)

第5行： 關(guān)鍵詞
第6行： 描述

2，折疊顯示

html中所有的文字之間，如果有空格、換行、tab都將被折疊為一個(gè)空格顯示

網(wǎng)站的線上版本為了加快網(wǎng)頁加載速度，提高用戶體驗(yàn)，有時(shí)會(huì)進(jìn)行代碼壓縮，減少代碼的體積。如下圖所示，HTML標(biāo)簽都沒有換行、都沒有縮進(jìn)（tab），HTML和換不換行無關(guān)，標(biāo)簽的層次依然清晰，只不過程序員不可讀了：

3 常用標(biāo)記

1，h系列標(biāo)記

一級(jí)標(biāo)題

二級(jí)標(biāo)題
……
六級(jí)標(biāo)題

2，p標(biāo)記：段落，是英語paragraph“段落”縮寫

3，void 元素：沒有實(shí)際內(nèi)容的元素，只需要寫一個(gè)開始標(biāo)記。


唯一的作用就是插入一個(gè)換行；通常只有用塊元素，瀏覽器才會(huì)插入換行，如果想在文本中插入一個(gè)換行，可用
，或
都可。

4， 短引用，作用段落的一部分；一般瀏覽器會(huì)在引用兩邊加上雙引號(hào)

5，

長引用，需要多帶帶顯示引用時(shí)運(yùn)用。

6，列表：

          ：表示列表類型：有序列表
      【ordered list】；無序列表
         【unordered list】
    
      •  ：每個(gè)列表項(xiàng)：【list item】
    
      •

注：
1， 列表開始之前有換行，每個(gè)列表項(xiàng)之后也有換行，因此

  • 都是塊元素
    2，
    • 是一起使用的，分開使用就沒有任何意義了。
      3，
        元素中只能包含
      • ，不能直接包含文本或其它元素；
        4，
      • 中可以嵌套寫
          ，即嵌套列表。li是容器級(jí)，里面可以放任何東西
          5， 還有另一類列表，定義列表。

          
    
           列表中每一項(xiàng)都有 定義術(shù)語 和 定義描述

          7，標(biāo)記

          1， 瀏覽器如何加載圖像？

          HTML頁面不是直接插入圖片，而是插入圖片的引用地址。瀏覽器獲取到index.html文件，讀取該文件，顯示文件時(shí)，發(fā)現(xiàn)有圖像需要獲取，再從web服務(wù)逐個(gè)得到這些圖像。

          2，web常用的3種圖像格式：jpeg、 png、 gif

          3，”drink”
          src：相同網(wǎng)站上的圖像，最好用相對(duì)路徑；不同網(wǎng)站上的圖像，使用url；

          alt：如果圖像未能顯示，就會(huì)用alt中的文本來替代它，html5中alt屬性必須寫。

          width height：單位是像素，告訴瀏覽器圖像在頁面中顯示的寬度、高度。

          圖像鏈接：把 元素放到中。

          
     ”downtown”

          8，see the tea 元素
          href：是英語hypertext reference的縮寫；默認(rèn)顯示時(shí)會(huì)有下劃線。
          href屬性可以使用 相對(duì)路徑 或 url 來鏈接到其他頁面 ；
          相對(duì)路徑：用于鏈接到同一網(wǎng)站內(nèi)的頁面； url：用來鏈接其他網(wǎng)站。

          target: 在新窗口中打開?，F(xiàn)在瀏覽器的默認(rèn)設(shè)置會(huì)在一個(gè)標(biāo)簽頁打開新容器，而不是全新的瀏覽器窗口
          title：懸停文本，提供鏈接的一個(gè)描述。

          直接鏈接到另一個(gè)頁面的某一段：
          1）找到希望創(chuàng)建錨點(diǎn)的元素，創(chuàng)建id=”chai”，
          2）see the tea

          9，


          用于將相關(guān)的塊元素歸組在一起，放在邏輯區(qū)中。
          使用嵌套
          元素為文件增加更多結(jié)構(gòu)，這有利于保證結(jié)構(gòu)清晰或方便增加樣式。除非確實(shí)需要，否則不要過多地增加嵌套。

          10，
          與
          類似，用于將相關(guān)的內(nèi)聯(lián)元素和文本歸組在一起。

          11，字符實(shí)體：對(duì)于特殊字符，用相應(yīng)的縮寫來輸入
          例：想在html中顯示文本 the element rocks； 通過字符實(shí)體，這樣輸入

                          the  elment rocks

          & ：&
          < ：<
          ：>

          4 塊元素、內(nèi)聯(lián)元素

          1） 塊元素：顯示時(shí)前后各有一個(gè)換行；

          文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

          轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/52479.html

          相關(guān)文章

          • 01 【零基礎(chǔ)入門】html學(xué)習(xí)筆記（2）

            摘要：，表單的兩個(gè)常見屬性為填寫表單的人提供一個(gè)輸入提示。可用于任何表單控件，表示這個(gè)域是必要的，如果不填，則無法提交表單。，表格，表格由行中的數(shù)據(jù)單元格組成，列隱含地定義在行中。，表格應(yīng)用于表示表格數(shù)據(jù)，而不是建立頁面布局。 1，如何設(shè)計(jì)一個(gè)頁面 1） 先規(guī)劃好web頁面的結(jié)構(gòu)，首先畫出一個(gè)草圖，然后創(chuàng)建一個(gè)略圖，最后再寫html2） 規(guī)劃頁面時(shí)，先設(shè)計(jì)大的塊元素，再用內(nèi)聯(lián)元素...

            kamushin233 評(píng)論0 收藏0

          • 【零基礎(chǔ)入門】 css學(xué)習(xí)筆記（4） 布局與定位 介紹

            摘要：內(nèi)聯(lián)元素在水平方向上相互挨著，總體上會(huì)從左上方流向右下方。，增加元素，設(shè)置屬性，兩個(gè)內(nèi)聯(lián)元素并排擺放，但只有左右方向有。還能與其它內(nèi)聯(lián)元素并排。 寫在前面：作為一個(gè)剛開始寫技術(shù)博客的新手，看到有人收藏了文章，寫作動(dòng)力又猛增了。這應(yīng)該就是寫技術(shù)博客的好處之一：能給自己增加成就感和驅(qū)動(dòng)力。最近關(guān)于css布局和定位相關(guān)內(nèi)容整理地有點(diǎn)慢，因?yàn)橥瑫r(shí)在做freecodecamp上的題，所以節(jié)奏有點(diǎn)...

            nevermind 評(píng)論0 收藏0

          • 【零基礎(chǔ)入門】 css學(xué)習(xí)筆記（5） 浮動(dòng)

            摘要：浮動(dòng)元素性質(zhì)，浮動(dòng)的元素脫離標(biāo)準(zhǔn)流這個(gè)元素像從標(biāo)準(zhǔn)流中被刪除一樣。下圖是左浮動(dòng)時(shí)的顯示效果。，浮動(dòng)的元素會(huì)互相貼靠如果父元素的寬度能顯示所有浮動(dòng)元素，則浮動(dòng)的元素會(huì)并排顯示。，無論是塊級(jí)元素行內(nèi)元素，一旦浮動(dòng)了，都可以設(shè)置寬高，不需要用。 浮動(dòng) 1.1、語法： float: left; 左浮動(dòng)，元素往最左邊靠； float: right; 右浮動(dòng)，元素往最右邊靠 1.2...

            clasnake 評(píng)論0 收藏0

          • 【零基礎(chǔ)入門】 css學(xué)習(xí)筆記（1） 字體顏色樣式等

            摘要：在元素中使用元素是一個(gè)元素，沒有結(jié)束標(biāo)記表示鏈入的是樣式表，在中可省略不寫。一般頁面中，中文用宋體黑體微軟雅黑，英文使用。英文字體要放在最前面，中文字體后面的備選字體用逗號(hào)隔開。表示方法可用像素指定或使用或百分?jǐn)?shù)相對(duì)于字體大小指定。 一、基礎(chǔ)介紹 1， css：cascading style sheet 層疊式樣式表2， 語法：p {background-color:red...

            fai1017 評(píng)論0 收藏0

          發(fā)表評(píng)論

          0條評(píng)論

閱讀需要支付1元查看
<