tags:
- HTML
style: summer
flag: yellow
JavaDay27 HTML
一、複習
- 多線程:
-
進程是在操作系統中運行的一個應用程序,例如QQ,Word, Eclipse
-
線程就是在應用程序中的某一個功能:QQ的視頻功能和聊天功能,LOL遊戲操作和即時聊天,Eclipse多個文件打開
-
創建多線程的兩種方式:
1.繼承Thread類,重寫run方法,創建自定義線程類對象, 調用start方法,開啓線程
2.【遵從】Runnable接口,實現接口中要求完成的run方法,創建Thread類對象,構造使用的參數,是Runnable接口的實現類,利用Thread類對象的start方法,開啓線程 -
synchronized 同步代碼塊
-
synchronized (鎖對象) {
同步的代碼
}
-
同步函數(還沒有講)
-
TCP/IP UDP:
-
UDP:
1.面向無連接,數據是採用數據包的形式發送的
2.數據包是有大小限制的,每一個數據的大小都是在64KB以內
3.因爲無連接,所以不可靠
4.因爲無連接,所以速度快
5.UDP沒有客戶端和服務端,只有發送端和接收端- 常用方法:
DatagramSocket();
DatagramPacket(byte[] buf, int length, InetAddress address, int port);
sender(DatagramPacket packet);
receive(DatagramPacket packet); - 使用場景:
網絡遊戲,視頻直播
- 常用方法:
-
TCP:
- 面向連接,數據發送時必須經過三次握手
- 數據發送沒有數據包限制大小
- 因爲是面向連接,所以傳輸可靠
- 因爲是面向連接,所以傳世效率低
- TCP有客戶端和服務端之分
-
常用的方法:
Socket(); //客戶端創建TCP協議下的Socket傳輸
ServerSocket(); 監聽端口,捕獲客戶端發送的連接請求,捕獲客戶端的socket
accept(); TCP的三次握手機制 -
TCP數據傳輸是基於IO流的,是通過Socket獲取到對應輸入和輸出流即: getInputStream和getOutStream
-
二、前提知識:
(一) C/S 和 B/S 架構
C/S:客戶端和服務器架構
B/S是瀏覽器和服務器架構
相比較而言:
B/S架構開發,維護的成本要遠遠低於C/S架構,B/S架構是現在最流行的一種開發方式
三、 HTML初識
(一)標籤/屬性/元素
- 標籤:
就是以<>包含的特定字符串,通常用開始標籤和結束標籤- 雙邊標籤:
<標籤名>內容</標籤名>
- 單邊標籤:
<標籤名 />
- 雙邊標籤:
- 屬性:
<標籤名 屬性1="值1" 屬性2='值2' 屬性3=值3>內容</標籤名>
屬性都是【鍵值對】形式
建議:標籤的屬性值要使用雙引號包含 - 元素:
一個完整的標籤稱之爲元素
(二) 全局架構標籤:
<!DOCTYPE HTML>
<html>
<head>
<!--
這裏是註釋
Head裏面的內容是不再頁面內部展示的
-->
</head>
<body>
<!-- 所見即所得 -->
</body>
</html>
-
注意事項:
1.所有的內容,必須全部寫在HTML標籤內
2.head標籤裏面的內容不會展示在頁面當中
3.所有需要展示的內容,都要放到body裏面 -
常見的屬性:
<!DOCTYPE HTML>
<html>
<head>
<!-- 這裏是註釋內容 -->
<!--
meta標籤是一個多功能標籤,目前使用meta標籤來設置頁面默認字符集
-->
<meta charset="utf-8" />
</head>
<body text="green" vlink="gray" alink="red"
link="black" bgcolor="yellowgreen">
我們三是智障~~ <br />
<a href="https://www.baidu.com">百度一下,你就知道</a> <br />
<a href="http://www.163.com">網易</a> <br />
<a href="http://www.vip.com">唯品會</a> <br />
</body>
</html>
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-PWeUrFPd-1569851820505)($resource/%E6%98%BE%E7%A4%BA%E6%A0%B7%E5%BC%8F.jpg)]
(三) 幾乎所有的標籤都有的一些屬性(結合JS/CSS使用)
class name id style
(四)字符實體
爲空格,寫幾個就是空幾個格 <hello >
顯示爲
字符實體是爲了解決一些本身具有特殊含義的字符展示,例如" ’ ?
全部的字符表示: www.w3school.com.cn
(五) 常用的標籤(文本修飾)
<h1>H1標籤內容</h1>
<h2>H2標籤內容</h2>
<h3>H3標籤內容</h3>
<h4>H4標籤內容</h4>
<h5>H5標籤內容</h5>
<h6>H6標籤內容</h6>
<b>加粗</b>
<strong>加粗</strong>
<i>斜體</i>
<em>斜體</em>
<cite>斜體</cite>
<b><i>加粗斜體</i></b>
<u>下劃線</u>
<del>刪除線</del>
<s>刪除線</s>
<!-- 上標和下標 -->
X<sup>2</sup> 表示:x的平方 y<sub>2</sub> 表示y的下標2
(六)格式控制
- 段落:
<p> </p>
- 換行:
<br>
或者<br />
- 水平線(就是一條線):
<hr />
- 無序列表:默認是黑圓點
ul可以加上type屬性修改源點樣式,屬性值:circle(圓空心) square(方黑心) none (沒有) desc()
<ul type = “circle” >
<li>啦 1</li>
<li>啦 2</li>
<li>啦 3</li>
</ul>
- 有序列表:
ol可以添加type屬性,屬性值可以是A/a/I/1 還可以有start 從哪一個開始
<ol type = “a” start = “2”>
<li></li>
<li></li>
<li></li>
</ol>
- 自定義列表:
<dl>
<dt>標題</dt>
<dd>內容一</dd>
<dd>內容二</dd>
<dd>內容三</dd>
</dl>
(七)超鏈接標籤:
超鏈接標籤爲:<a></a>
href:目標地址/mailto/tel
target:打開頁面的方式, _blank
表示 新建空白頁,重新打開
title:鼠標懸停之後的提示
name:本頁面內 可以作爲錨點,跳轉
其他頁面標籤作爲錨點:可以用id屬性
注:
<!--本頁面內跳轉-->
<a href = "#名字1"> 從這裏跳 </a>
<a name = "名字1" href = "#"> 跳到這裏,通過#可以調回去 </a>
<!--不同頁面間跳轉-->
<a href = "跳轉去的頁面名#名字2"> 從這裏跳 </a>
<a href = "url#名字2"> 從這裏跳 </a>
<a id = "名字2"> 跳到這裏,通過#可以調回去 </a>
<body>
<a href="http://www.baidu.com" target="_blank">百度一下,你就知道</a> <br />
<a href="tel:15565311790" title="打電話給傑哥">呼叫傑哥</a> <br />
<a href="mailto:[email protected]">發郵件給磊哥</a> <br />
<a href="7.html#dst" target="_blank">看看你去哪了</a> <br/> <!----在另一個地方放入:<b id="dst">目標位置</b>>
<a href="#C">跳到C位置</a>
<p>記者: 臺灣軍方23日稱,解放軍轟-6K等各型軍機開展出島鏈遠海訓練,
其中部分機種經巴士海峽飛往西太平洋後沿原航路返回基地,臺灣軍方全程依規派艦機</p>
<!-- a標籤的name屬性作爲錨點 -->
<a name="C" href="#">C位置,返回</a>
</body>
上面鏈接中對應的 7.html 文件如下:
<body>
我在這裏強調一下,沒有什麼鎖鏈能夠鎖住中國。
<!-- 其他標籤利用id屬性作爲錨點 -->
<b id="dst">目標位置</b>
<p>記者: 臺灣軍方23日稱,解放軍轟-6K等各型軍機開展出島鏈遠海訓練,
</p>
</body>
(八)圖片
圖片表示:<img />
src: 文件路徑:可以是本地的絕對路徑或者網絡地址
width:寬度
height:高度
alt:圖片顯示不出來的時候,用該字段串代替;
<body>
<!--這裏的alt爲:如果無法顯示圖片就用該參數值代替顯示,
title含義:當鼠標放置在圖片上時,會顯示該參數值-->
<img src="img/timg.jpg" width="50" height="50" alt="阿狸" title="測試阿狸"/>
</body>
(九)統一資源定位符 URL:
https://www.baidu.com/s? // ?前面表示地址,後面表示參數
wd=%E9%83%AD%E8%BE%BE%E6%96%AF%E5%9D%A6%E6%A3%AE
rsv_spt=1&
格式:協議://地址:端口/文件?鍵1=值1&鍵2=值2
例如: https://www.baidu.com:80/index.html?page=2&user=lxl
(十)多媒體標籤:
- audio屬性:src(地址) controls(控制欄) autoplay (自動播放) loop(循環)
- video多兩個屬性:width 和 height
<body>
<audio src="audio/Ryan.B,AY楊佬叄 - 再也沒有.mp3"
autoplay controls></audio>
<video src="video/搞笑視頻.mp4" autoplay controls></video>
</body>