測開學習
- 計算機資料計量單位
- 二進制中0和1
- 計算機組成部分
- 五大瀏覽器
- JPG PNG GIF格式特點
- DOS命令
- 網站的訪問程序
- 客戶端和服務器端
- 網站的訪問程序
- HTML簡介
- HTML骨架標簽
- 基本的HTML標簽
- HTML表單標簽
計算機資料計量單位
1B（位元組：bytes ） = 8b（位元：bit 位，人為規定的最小計量單位 ）
1KB = 1024B
1MB（兆） = 1024KB
1GB = 1024MB
1TB = 1024GB
1PB = 1024TB
作業：
1、換算10MB =10240 KB
2、換算1GB =1024 MB
3、換算10GB =10240 MB
二進制中0和1
二進制是一種數學進制，只有0和1二個基數，計算機底層里用到的就是二進制，
高電位、高電壓1、邏輯真true，低電位、低電壓、0、邏輯假false
計算機組成部分
計算機硬體組成：
1.輸入設備：給計算機提供資料，例如：鍵盤 滑鼠…
2.輸出設備：將計算機處理后的資料展示出來，例如：螢屏 音響…
3.計算器+控制器： 中央處理器( cpu )
4.存盤器：分為記憶體和外存，對資料進行管理
計算機軟體組成：
計算機軟體系統由作業系統軟體+應用軟體組成，
常見的作業系統軟體：
1.圖形化桌面作業系統軟體：Windows、MacOS、Linux
2. 移動設備作業系統：Android( 底層也是一款小型的Linux )、 iOS等
3. 服務器作業系統：Linux(開源、穩定、免費) 、windows server(微軟，收費)
4. 嵌入式作業系統：Linux–pda、各種盒子
五大瀏覽器
IE、谷歌、火狐、歐朋、蘋果
內核：核心技術
JPG PNG GIF格式特點
- .jpg: 顏色資訊比較豐富的一種圖片格式
- .png: 可以支持透明的一種圖片格式
- .gif: 支持動圖，占用體積小，色彩表現力不如前兩者
DOS命令
DOS命令：計算機術語，是指DOS作業系統的命令，是一種面向磁盤的操作命令，主要包括目錄操作類命令、磁盤操作類命令、檔案操作類命令和其它命令；DOS命令需要在DOS視窗中進行操作，
常用DOS命令：
1、ping 網址 查看當前電腦和目標電腦之間的網路連接情況（ms代表毫秒，1000ms毫秒 = 1s秒）
2、ipconfig -all 查看當前電腦的網卡資訊
3、切換盤符： 盤符名: 注意：符號是冒號，必須是英文狀態
4、dir 查看當前目錄結構，用串列展示出來
5、上下鍵：快速翻看之前寫過的命令
6、cd 目錄/檔案夾 切換到這個目錄/檔案夾中
7、cd … 回傳上一級目錄/檔案夾
8、cd / 回傳當前盤符的根目錄/根檔案夾
網站的訪問程序
URL：統一資源定位符，常說的網頁網址
URL格式： 協議://主機地址/路徑
HTTP協議：超文本傳輸協議，規定了瀏覽器和服務器之間通信的規則
域名：又稱網域，好處是方便記憶
IP地址：每臺電腦連上互聯網都會被分配到一個不重復的ip地址數字串，好像門牌號一樣
所有的域名有一個相對應的IP地址，并且可以把URL中域名替換成IP地址
理解：
https://www.baidu.com/ 等同于URL
www.baidu.com 等同于域名
180.101.49.11 等同于URL中域名替換為IP地址
DNS：域名系統，用于把域名轉換為對應的IP地址，域名決議就是由域名到IP地址的轉換程序，域名的決議作業由DNS服務器完成，
hosts：電腦中的一個檔案而已，這個檔案中的內容是ip地址和域名之間的對應關系的表，當輸入網址的時候，優先查看hosts中有無對應內容，有就打開自己電腦的中的資料，沒有才會去互聯網上去查找資料
hosts檔案位置： C:\Windows\System32\drivers\etc
客戶端和服務器端
客戶端（Client）：又稱為用戶端，是指與服務器相對應，為客戶提供服務的程式，比如：用戶使用的瀏覽器、桌面應用程式、APP等，
服務器端（Server）：是指網路中能對其它機器提供某些服務的計算機系統，
HTTP請求：客戶端向服務器端發送基于HTTP協議的請求
HTTP回應：服務器對客戶端對請求做出的反應，回傳客戶端所需要的資料
網站的訪問程序
- 在瀏覽器中輸入URL
- 需要通過決議，去找到相應的IP
- 查找IP首先會從本地的hosts檔案開始，如果找不到則去DNS服務器查找
- 如果DNS幫我們找到了目標的IP，我們先發送一個測驗的請求，通過之后再發送正式請求
- 服務器接收到正式的請求之后，它還需要進行驗證，如果驗證通過，則去幫我們找到當次請求想要的檔案
- 服務器開始處理我們的想要的檔案，在這個程序中有可能會用到資料庫中的資料
- 當服務器將檔案處理畢之后再通過http協議還給瀏覽器，此時瀏覽器就用自已的渲染引擎來進行渲染展示
HTML簡介
- HTML 是用來描述網頁的一種語言，
- HTML 指的是超文本標記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言，而是一種標記語言 (markup language) ，標記語言是一套標記標簽 (markup tag)
- HTML 使用標簽來描述網頁
HTML骨架標簽
<!DOCTYPE html>
<!--用于宣告當前的檔案型別是html-->
<html>
<!--根標簽-->
<head>
<!--網頁的頭部-->
<meta charset="UTF-8">
<!--定義網頁的編碼標準,國際編碼-->
<title>成長</title>
<!--網頁標題標簽-->
</head>
<body>
<!--網頁主體標簽-->
</body>
</html>
基本的HTML標簽
HTML標題：h1到h6分六級，依次減小效果，每個標題都是獨占一行空間
<h1>成長Growth</h1>
<h2>挫折setback</h2>
<h3>勇氣courage</h3>
<h4>友情friendship</h4>
<h5>愛情love</h5>
<h6>成功win</h6>
HTML段落：P標簽定義–標簽語意化
<p>歲月總叫人成長,卻從不指明方向</p>
<p>人之所以痛苦，在于追求錯誤的東西</p>
HTML超鏈接：通過 a 標簽進行定義的，在 href 屬性中指定鏈接的地址，
<!--打開線上的網站: href屬性對應的屬性值應該設定成帶有http://-->
? <a href="http://www.baidu.com">進入幸福世界</a>
<!--打開本地的頁面,只需要把目標檔案和當前檔案放在同一個目錄中，在href屬性中寫目標檔案的名字即可-->
<br />
? <a href="two.html">進入遺忘時空</a>
<!--新視窗打開鏈接：默認超鏈接都是在當前視窗打開，如果想在新視窗打開，需要添加target屬性-->
<br />
? <a href="two.html" target="_blank">跳轉至遺忘時空</a>
<!--空鏈接：暫時不知道點擊之后跳轉到哪里，使用空鏈接占位,當知道具體要跳轉的位置后，再回來更改即可-->
<br />
🚀 <a href="#">準備穿越</a>
HTML圖片：通過 img 標簽進行定義
<img src="街道.jpg" width="1000" height="500" title="別挨著我!!!" alt="暗夜的寫字樓"/>
<!--
1. src：用來指定當前想要引入的圖片位置，也叫路徑
2. title：用來定義滑鼠懸停到圖片上方時的提示文字
3. alt：當圖片由于某些原因無法正常加載顯示的時候，才會顯示 alt 里的文字
4. width：用來定義圖片的寬度
5. height：用來定義圖片的高度
6. 如果只設定寬度或高度中的一個，另外的一個就會按著原圖的比例自動縮放
-->
HTML音頻標簽：audio，video
<audio src="留有聲 - 寂寞沙洲冷.mp3" controls="controls"></audio>
<br />
<video src="視頻.mp4" width="1000" controls="controls"></video>
HTML布局標簽：當沒有任何語意的時候，就可以使用div或span來進行內容的包裹，目的是后期css代碼可以找到對應標簽中的內容來設定樣式
div：塊級元素；獨占一行
span：是行內元素，可用作文本的容器，該元素也沒有特定的含義；可以一行放置多個
<div>成長</div>
<div>挫折</div>
<div>勇氣</div>
<span>友情</span>
<span>愛情</span>
<span>成功</span>
HTML文字標簽：
b和strong都可以實作加粗效果，后者有特別強調語意
i和em都可以實作傾斜效果，后者有一般強調語意
s和del都可以實作洗掉線效果，前者即將被后者替代(W3C聯盟組織：指定語法規則)
<div><b>成長</b></div>
<div><strong>挫折</strong></div>
<div><i>勇氣</i></div>
<span><em>友情</em></span>
<span><del>愛情</del></span>
<span><s>成功</s></span>
HTML表單標簽
表單就是在web網頁上用來收集用戶輸入資料，并將資料提交到后臺的一個HTML代碼段；表單可以包含許多不同型別的表單元素，比如：輸入框、單選框、復選框、提交按鈕等等
form標簽：所有的表單元素必須要放在一個form標簽中，表單標簽里面就是所有用戶填寫的表單資料
<form action="" method="get">
<!--
action：把表單資料提交給哪一個后臺程式去處理
method：傳遞資料時候的方式方法，post代表隱式提交資料；get明文傳送資料
-->
</form>
input標簽的type型別：
type=“text” 普通的輸入框
type=”password” 密碼框
type=“radio” 單選框
注：在一組單選按鈕中，同時只能選中其中的一個；name的屬性值相同，即為一組元素
type=“checkbox” 多選框、復選框
checked=“checked” 此屬性可以表達默認選中狀態
<!--文本輸入標簽：提供文本輸入功能，并且是單行輸入-->
識訓愛情的人：<input type="text" placeholder="請輸入姓名" />
<br />
<!--密碼輸入標簽：輸入的內容會被做掩碼處理，一般顯示為星號或實心圓-->
<!--autofocus="autofocus" 代表游標優先顯示-->
開啟愛情密鑰：<input type="password" placeholder="請輸入密鑰" autofocus="autofocus"/>
<br />
<input type="radio" name="sex" id="run" />
<!--點擊字體即可來回切換-->
<label for="run">牽手奔跑</label>
<input type="radio" name="sex" id="abandon" checked="checked" />
<label for="abandon">轉身離去</label>
<br />
<!--多選框-->
<input type="checkbox" id="11" />
<label for="11">堅強再來</label>
<input type="checkbox" id="22" />
<label for="22">妥協投降</label>
<input type="checkbox" id="33" />
<label for="33">越挫越勇</label>
<br />
select元素定義下拉串列 ；option元素定義下拉串列的選項
selected=“selected” 下拉選單的默認選中
textarea文本域標簽：可以輸入多行文本內容
按鈕標簽：
type=“button” 普通按鈕，需要js配合才能實作其它效果
type=“reset” 重置按鈕，點擊后可以讓表單資料恢復默認值
type=“submit” 提交按鈕，點擊后可以讓表單提交給指定后臺處理
value屬性設定按鈕身上的文字
<!--下拉框-->
行進的方向：
<select name="">
<option value="">大海</option>
<option value="">島嶼</option>
<option value="" selected="selected">天空</option>
</select>
<br />
<!--可拖拽禁用-->
<style type="text/css">
textarea{resize: none;}
</style>
夢想：
<!--row行(寬) col列(長)-->
<!--autofocus 游標自動鎖定-->
<textarea name="" id="" cols="20" rows="5" placeholder="有多少夢想?" >
</textarea>
<br />
行為一：<input type="button" value="親你一口" />
<br />
行為二：<input type="reset" value="抱你一下" />
<br />
行為三：<input type="submit" value="拍你一下" />
串列標簽：
無序串列：ul嵌套若干li，每個li就是一個選項
有序串列：ol嵌套若干li，每個li就是一個選項
<!--無序串列-->
<ul>
<li>做好自己</li>
<li>愛好自己</li>
<li>呵護別人</li>
</ul>
<!--有序串列-->
<ol>
<li>去牽手</li>
<li>去吃飯</li>
<li>去游玩</li>
</ol>
資源路徑：相對路徑和絕對路徑
相對路徑：相對于當前html檔案去找其它資源的方式：
同級查找：當前html和目標在同一級目錄中；語法：直接寫資源的名字即可
img src=“t1.gif” alt=""
上級查找：當前html和目標在上級目錄中；語法：…/寫資源的名字即可
img src="…/t1.gif" alt=""
下級查找：當前html和目標在下級目錄中；語法：檔案夾名/寫資源的名字
img src=“tu/t1.gif” alt=""
絕對路徑：資源在電腦中的具體位置：
img src="F:\測驗課程\直播課03\tu2\t1.gif"
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/299449.html
標籤：其他
上一篇：springboot整合~swagger~kafka~nginx~redis~mysql(在linux服務器環境下部署運行測驗)
下一篇：DNS注入