軟件測試的學習之路-----HTML詳情展示（01）

一：常見DOS命令

1. 切換盤符
   具體盤符名稱：
   

2. 返回上一級或根目錄
   cd … 返回上一級
   cd / 返回根目錄
   
   

   注意：
   (1). cd ：change directory 的首字母縮寫，表示切換目錄的意思
   (2). cd 命令不可以切換盤符
   (3). 根目錄指：某個盤符的一級目錄
   (4). 命令語句一定都是在 英文輸入法 下面書寫的，命令和參數之間往往都用 空格 隔開

3. 列表展示某個目錄下內容
   dir

4. 目錄及相關操作
   (1)．新建目錄： md 路徑
   (2)．新建文件： echo “內容”>文件名稱，通過這種方法間接得到一個文件
   (3)．刪除目錄： rd 路徑 【默認情況下只能刪除空目錄，如果想連帶它裏的文件一起刪除則 需要設置 /s 參數】
   (4)．刪除文件： del 文件名稱
   注意：
   A. md 只能新建目錄
   B. rd 默認只能刪除空目錄
   C. 參與與命令之間一定要用空格
   D. 如果 del 後面直接寫的不是文件，而是一個目錄，那麼它就會將這個目錄下的所有文件都刪除（ 前提是我們選擇 Y ）

5. 文件複製和剪切命令
   (1).copy 被複制文件路徑 將這個文件複製到哪裏
   copy aa/aa.txt c:\test\bb.txt [ 將目錄 aa 下在的 aa.txt 文件，複製 到 c 盤 test 目錄下，同時將名稱修改爲 bb ]
   注意：
   A. 複製操作語句，我們可以分爲三段，第一段就是命令 copy ，第二段就是被複制文 件的在地，第三段可以指明將當前文件複製到哪裏，三段之間都要用空格隔開
   B. 第三段可以省略，省略之後的結果就是會將相應的文件直接複製到我們的當前所在 位置。
   (2).move 被剪切文件所在地 將這個文件剪切到哪裏
   注意：
   A.對於剪切操作來說 必須要進入到想要操作文件所在目錄去執行命令
   B.第三段用來指明目標所在地的部分不能省略。

二：Web基本介紹

(1). web 就是 world wide web 的縮寫，稱之爲全球廣域網，俗稱 www。
(2). 我們可以將 web 理解爲就是當前的一種互聯網。對於我們來說更多的就是網站服務。
(3). 網站我們可以認是由多個網頁組合在一起而形成一種服務。
(4). web 前端就是來負責一個網站當中前臺網頁裏的內容。
(5). 網頁就是由前端工程師使用 HTML 語言編寫而成的一種文件，它裏面會包含 文字 圖 片 超鏈接 聲音 視頻…（ 網頁本質就是一個 html 文件 ）

三：HTML基本介紹

1. 定義
   HyperText markup language 超文本標記語言，其中的超指：它能表達的內容不僅僅只是文字。
2. HTML 語言發展歷史
   1．在互聯網最初的時候是沒有 HTML 的，我們只能通過網絡傳輸最簡單的文字內容
   2．隨着用戶的要求越來越多，同時也是我們的技術的不斷髮展，就出了一種可以表達文字 內容之外的語言—HTML1.0
   3．在最初的時候就是 html1.0----xhtml1.0( 過渡 )----xhtml2.0( 放棄 )------html5

四：HTML網頁骨架

(1). 網頁是我們通過 HTML 語言來書寫。
(2). 因爲我們需要使用 HTML 語言來書寫網頁所以我們要有相應的書寫代碼工作。 ( 用Hbuilder寫代碼 )
(3). 在我們使用 HTML 語言去書寫網頁的過程我們會發現有一些結構是默認必須存在的， 這個結構我們就叫做 網頁骨架

注意：
<1>. DOCTYPE html : 向瀏覽器聲明當前的文檔是 Html 類型。
<2>. html ： 它是網頁當中最大的一個標籤，我們稱之爲：根標籤
<3>.head : 網頁頭的部，它裏面的內容是寫給瀏覽器看的。
<4>. meta : 如果有 charset 那就表示在設置當前網頁的顯示編碼
<5>. title： 網頁的標題，它裏面的內容會在瀏覽器的標籤頁上顯示
<6>. body： 網頁主體，它裏面的內容會顯示在瀏覽器的空白區域內。

五：Hbuilder工具使用

1. 設置主題
   Hbuilder軟件裏找
   工具-----視覺主題設置

2. 設置字體
   工具-----視覺主題設置----如下圖
   

六：HTML語法和標籤基本介紹

1. html標籤
   所謂的標籤就是 HTML 語言的發明者人爲定義好的一些"單詞"，它就相當於我們漢語中的字。
2. 語法
   語法就是用來定義這些 “單詞” 應該如何去解析或者書寫的規則。
3. 常見標籤及基本語法
   (1)．我們人爲的將 HTML 標籤分爲 雙標籤 和 單標籤 二種
   雙標籤：<標籤名稱></標籤名稱> [在英文輸入法下輸入]
   單標籤：<標籤名 />
   (2)．常見的標籤：
   <1>.標題標籤 :在 html 當中人爲定義了六種標題分別 h1-h6,它們都是雙標籤。在一個網頁當中，我們只允許出現一個 h1。
   <2>.段落標籤：p 雙標籤
   <3>.換行標籤： br 單標籤
   <4>.空格：&nbsp；
   (3)．標籤書寫語法
   在 HTML 當中允許多個標籤互相嵌套使用，但是不允許交叉嵌套。

七：圖片標籤

2. 圖片常見的屬性
   (1)．src： 設置圖片所在位置
   (2)．alt： 當圖片加載失敗的時候會顯示它裏面的文字
   (3)．width/height: 設置圖片寬 和 高，如果只設置了寬度或者高度，那麼另外一邊會 自動縮放。
   (4)．title: 當鼠標懸停在圖片上的時候會顯示它裏面的文字

八：鏈接標籤

1. 語法
   
2. 作用
   可以實現在當前頁面向新頁面進行跳轉的操作
3. 屬性
   1．target 屬性：可以設置新頁面在哪個窗口打開，當值爲_blank 的時候可以在新窗口打開
   2．href 的屬性值設置爲 # 的時候，可以設置爲空鏈接，它的作用是：當用戶點擊的時候不會發生跳轉

九：歡迎查看：軟件測試的學習之路 ------ HTML圖片展示（01）

軟件測試的學習之路 ------ HTML圖片展示（01）