一起學前端-筆記1-html(1)

1.計算機的基本操作

文件名:文件名+後綴名
文件的操作:在我們的計算機中安卓了很多可以操作文件的軟件,這些軟件都可以打開同一個文件,但是不同的軟件打開文件的時候,文件的模式是不同的,是照片查看器打開的,那麼這個時候,這個圖片文件處於瀏覽模式。當我們用畫圖或PS打開這張圖片的時候,它可以修改,這個時候,這個圖片文件處於編輯模式。也就是說,當電腦的文件,用不同的軟件打開的時候,模式是不同的。
文件夾的操作:把文件分類管理,後面好操作。
操作快捷鍵:F2 重命名文件或文件夾
F5 刷新網頁
Win+D快速回到桌面

2.什麼是上網,爲什麼可以上網

上網:是實實在在的物理文件的傳輸過程:當我們輸入網址確定的一瞬間,我們的客戶端,會通過網絡連接到目的服務器的IP地址。在目的服務器上本來有很多的文件,它們在睡覺,當服務器發現有人鏈接它的時候,它會把相應的文件喚醒,並且通過HTTP或者HTTPS傳輸到客戶電腦。在客戶電腦上有瀏覽器,瀏覽器負責解析呈現這些文件。

3.什麼是服務器

  • 它就是一臺計算機
  • 這臺計算機配置相當霸道
  • 這臺電腦永不斷電

4.什麼是http和https

http(超文本傳輸協議Hyper Text Transfer Protocol)
http和https是超文本傳輸協議,是傳輸文件的規矩,https比http更安全。

5.什麼是瀏覽器

瀏覽器就是一個軟件,它可以打開文件進行瀏覽。

6.純文本文件和html文件

純文本文件:文件當中只存在文字文本信息,這樣的文件,我們稱之爲純文本文件,比如.txt文件就是一種純文本文件。
不純文本文件:文件當中不只是包含文字文本信息。比如word文件,.doc或者.docx文件,不是純文本文件。
HTML文件就是一種純文本文件。
HTML文件叫做超文本文件。
HTML文件和.txt文件區別

  • .txt文件,當我們把文件的標題和段落劃分好之後,文論是用記事本還是用瀏覽器打開,標題還是標題,段落還是段落。
  • HTML文件,當我們把文件用記事本編寫好,劃分好標題和段落之後,記事本打開,標題和段落還是很清晰。但是當我們用瀏覽器打開這個文件時,標題和段落成爲一坨,也就是說,標題和段落無法分清。

這種現象是因爲,在HTML文件當中,文字生來平等,沒有誰比誰更高一籌。本質是因爲,瀏覽器在解析HTML文件時,沒有找到標題和段落的語義。因此,如果我們想讓瀏覽器渲染HTML文件時,必須說明語義。如果想讓HTML文件當中存在語義,需要我們手動添加。語義就是我們所說的HTML語言。
HTML語言:超文本標記語言。HTML語言裏面除了語義之外其他什麼都沒有。

7.html骨架介紹

<!DOCTYPE html>
<html>
	  <head>  網頁設置
		  <meta charset="UTF-8">
		  <title></title>
	  </head>
	  <body>  網頁內容
	  </body>
</html>
  1. <!DOCTYPE html>:文檔類型聲明作用:告訴瀏覽器,我一下的內容是一個HTML文檔。

  2. html標籤對,代表了網頁文件的開始和結束,也就是說所有的網頁上的內容全部在HTML標籤對之間去寫。

  3. html標籤對之間包含了一對head和一對body,head和body之間都是可以寫內容的,而且這些內容都會被瀏覽器解析出來顯示在網頁上。但是,爲了規範,一般把網頁內容寫在body之間。而在head之間去做一些網頁相關的設置。

  4. title標籤對,作用,設置整個網頁的標題。

  5. link標籤是我們見到的第一個單標籤。他有兩個天生的屬性,一個rel一個href。rel用來告訴瀏覽器,我們鏈入得文件是一個什麼類型,href是用來告訴瀏覽器,我這個鏈入的文件在哪,可以是相對路徑,也可以是絕對路徑。

    例:<link rel="icon" href="../../img/222/1.jpg" /> 鏈入圖標時,rel的屬性值寫icon;

  6. <meta charset="UTF-8">
    meta意思就是"元"的意思。在html當中通常用來做一些元設置。這行元設置用來對整個網頁設置字符集,字符集設置爲utf-8;
    字符集設置,通常我們用來設置的時候,有兩種,一種就是上述的utf-8,還有另一種叫做gb2312。
    UTF-8(unicode transformation format 萬國碼轉換格式 -8 每個漢字佔3個字符)

    字符集設置utf-8還是gb2312?
    - 首先我們要清楚,項目做的是什麼類型的網頁。如果這個網頁中包含一些國外的模塊,那麼必須使用utf-8,如果這個項目當中全是國內的模塊。那麼gb2312可以有效地提高網頁的瀏覽速度。(在當下已經沒有多大區別了)
    - 有一些國內的搜索引擎網站,還是會選擇使用gb2312,因爲他們是想要追求極致的速度。

  7. <meta name="Description" content=""/>

  8. 相對路徑和絕對路徑
    在前端中:絕對路徑代表的就是網絡上的地址;相對路徑說的是,相對自己所操作的文件,目標文件的地址;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章