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：
  1. 面向連接，數據發送時必須經過三次握手
  2. 數據發送沒有數據包限制大小
  3. 因爲是面向連接，所以傳輸可靠
  4. 因爲是面向連接，所以傳世效率低
  5. 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裏面
常見的屬性：
- 表示換行
- vlink 表示點擊後的鏈接顏色
- alink 表示鼠標放在上面時鏈接顏色
- link 表示沒有點擊過的鏈接顏色
- 網頁的超鏈接標籤
- Https 安全連接
- http 不是安全連接
- text = “green” 文本顏色爲綠色
- bgcolor = " " 整個頁面的背景爲XXX
- 爲超鏈接

<!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>

JavaDay27 HTML

JavaDay27 HTML

一、複習

二、前提知識：

(一) C/S 和 B/S 架構

三、 HTML初識

（一）標籤/屬性/元素

(二) 全局架構標籤：

(三) 幾乎所有的標籤都有的一些屬性(結合JS/CSS使用)

（四）字符實體

(五) 常用的標籤(文本修飾)

（六）格式控制

（七）超鏈接標籤：

（八）圖片

（九）統一資源定位符 URL：

（十）多媒體標籤：

杭州的 IT 崩盤了麼？

VS2022 解決方案打不開 .NET Framework 4.0 、 4.5 等老項目

Vue3 運行可以，build 打包發佈報錯，app.config.globalProperties 用法坑

程序員常見的文本查看工具

ITSM落地經驗之建設藍圖規劃

既然測試也要求寫代碼，那乾脆讓開發兼任測試不就好了嗎？

PDF 補丁丁 1.0.2 版更新

奇怪！應用的日誌呢？？

CentOS 7 安裝 JDK 1.8

JavaEEDay31 XML

JavaDay29 CSS

JavaDay27 反射

JavaDay24 多線程與多進程

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結