HTML基礎及進階

目錄

一、HTML基礎

1.什么是HTML

2.常用標簽

（1）標題標簽：h1-h6數字越小文字會越大，這個標簽會占一整行

（2）加粗標簽：

（3）換行標簽：

（4）段落標簽：這個標簽既有換行的功能，又有對行距調整的功能

（5）傾斜標簽：將標簽中的內容傾斜

（6）水平線：顯示一條水平線

（7）標簽的嵌套

（8）HTML的注釋：

3.HTML標準格式

4.標簽擴展

（1）meta標簽：

（2）font標簽：

（3）em標簽：將標簽內的內容傾斜，帶有語義，也就是當讀這個標簽中的內容的時候，會帶有語氣

（4）strong標簽：將標簽內的內容加粗，帶有語義，也就是當讀這個標簽中的內容的時候，會帶有語氣

（5）img標簽：圖片標簽

（6）a標簽：鏈接標簽

二、HTML進階

1.列表標簽

2.分層標簽

3.音頻標簽

4.視頻標簽

5.表格標簽

6.表格的嵌套

7.表單標簽

8.?框架標簽

一、HTML基礎

1.什么是HTML

（1）HTML全稱為超文本標記語言，是一種標記語言，它是由一堆標簽組成的。

（2）超文本：就是超越文本的一些東西，如：圖片，音頻，視頻等等。

（3）標記語言：通過一組標簽來對內容進行描述。

  • 標簽分為：
    • 成對出現的標簽：<關鍵字></關鍵字>
    • 單個出現的標簽：<關鍵字/>
    • 注意：成對出現的標簽中間可以寫文字或媒體信息，但是單個出現的標簽不可以

2.常用標簽

（1）標題標簽：h1-h6數字越小文字會越大，這個標簽會占一整行

  • 格式：<h3>文本信息</h3>
  • <h3>橫渠四句</h3>

（2）加粗標簽：<b></b>

<b>--張載</b>

（3）換行標簽：<br/>

為天地立心，為生民立命，為往圣繼絕學，為萬世開太平。<br/>

（4）段落標簽：這個標簽既有換行的功能，又有對行距調整的功能

  • 格式：<p></p>
  • <p>為天地立心，為生民立命，為往圣繼絕學，為萬世開太平。</p>

（5）傾斜標簽：將標簽中的內容傾斜

  • 格式：<i></i>
  • <i>--張載</i>

（6）水平線：顯示一條水平線

  • 格式：<hr/>
  • 為天地立心，為生民立命，為往圣繼絕學，為萬世開太平。
<hr/>
為天地立心，為生民立命，為往圣繼絕學，為萬世開太平。

（7）標簽的嵌套

<b><i>--張載</i></b>

（8）HTML的注釋：<!--要注釋的內容-->

<meta charset="utf-8" /> <!-- 用來描述網頁的屬性：當前網頁的編碼格式 -->

3.HTML標準格式

（1）<!DOCTYPE html>：文檔的描述，代表此文檔使用的是html5技術

（2）<html></html>：根標簽

（3）<head></head>：頭標簽，這里放的是對網頁的一些描述信息及外連接

  • head里面的標簽有：meta，js，link

（4）<body></body>：體標簽，這里放到東西都會在網頁上顯示

  • body里面的標簽有：b，p，h3，img等等
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body></body>
</html>

4.標簽擴展

（1）meta標簽：

  • 格式：<meta/>
  • 屬性：
    • <meta name="keywords"/>：keywords代表關鍵字，用于瀏覽器的分類，也就是用來解釋這個網站是干什么的，幫助在搜索引擎中分類收錄的
    • <meta name="keywords" content="新浪,新浪網,SINA,sina,sina.com.cn,新浪首頁,門戶,資訊" />
    • <meta name="description"/>：description用來描述當前網頁的主體內容涉及范圍，幫助在搜索引擎中分類收錄的
    • <meta name="description" content="新浪網為全球用戶24小時提供全面及時的中文資訊，內容覆蓋國內外突發新聞事件、體壇賽事、娛樂時尚、產業資訊、實用信息等，設有新聞、體育、娛樂、財經、科技、房產、汽車等30多個內容頻道，同時開設博客、視頻、論壇等自由互動交流空間。" />

（2）font標簽：

  • 格式：<font></font>
  • 屬性：
    • <font color="red"></font>：color用來改變字體顏色
    • <font color="red">產品、服務、運營、集成能力</font>

（3）em標簽：將標簽內的內容傾斜，帶有語義，也就是當讀這個標簽中的內容的時候，會帶有語氣

  • 格式：<em></em>
  • <em>新業務</em>

（4）strong標簽：將標簽內的內容加粗，帶有語義，也就是當讀這個標簽中的內容的時候，會帶有語氣

  • 格式：<strong></strong>
  • <strong>集成能力</strong>

（5）img標簽：圖片標簽

  • 格式：<img/>
  • 屬性：
    • width：圖片的寬度
    • height：圖片的高度
    • src：圖片的所在路徑
      • ./代表當前目錄，這個./可以省略不寫
      • ../代表上一層目錄
      • <img src="../img/bb/3.png" />
      • ../../代表上上一層目錄
      • <img src="../../img/1.png" />
    • alt：加載圖片失敗時提示的內容
    • 注意：width和height如果只寫一個，那么另一個會按圖片的寬高比自動縮放
  • 案例：
  • <img src="img/1.png" width="500px" height="500px" alt="圖片不存在" />  <!-- px代表像素 -->

（6）a標簽：鏈接標簽

  • 格式：<a></a>
  • 屬性：
    • href：存放鏈接地址，也就是URL
    • <a href="http://www.baidu.com" >百度</a>
    • target：限制點擊鏈接后網頁出現的形式
      • _blank：在新的窗口打開鏈接
      • <a href="http://www.baidu.com" target="_blank">百度</a>
      • _self：在當前窗口打開鏈接（默認）
      • <a href="http://www.sina.com.cn" target="_self">新浪</a>
      • _parent：在當前頁面的父窗口打開
      • <a href="http://www.taobao.com" target="_parent">淘寶</a>
  • 圖片鏈接：就是在a標簽中嵌套一個img標簽
  • <a href="https://www.autohome.com.cn" target="_blank"><img src="./img/1.png" width="100px" alt="圖片加載中" />
</a>

二、HTML進階

1.列表標簽

（1）無序列表

  • 格式：\<ul>\<li>\</li>\</ul>
  • 其中ul是外層標簽，li是內層子標簽，一個ul標簽中可以有多個li標簽
  • 快捷方式：
    • 如創建2個：ul>li*2，寫完之后按tab鍵
  • 案例：
  • <ul><li>內蒙古</li><li>杭州</li><li>蘇州</li>
</ul>

（2）有序列表

  • 格式：\<ol>\<li>\</li>\</ol>
  • 其中ol是外層標簽，li是內層子標簽，一個ol標簽中可以有多個li標簽
  • 快捷方式：
    • 如創建3個：ol>li*3，寫完之后按tab鍵
  • 案例：
  • <ol><li>北京</li><li>上海</li><li>廣州</li><li>深圳</li>
</ol>
  • 列表超鏈接：就是在子標簽中放入一個超鏈接
  • <ol><li><a href="http://www.baidu.com">百度</a></li><li><a href="http://www.taobao.com">淘寶</a></li><li><a href="http://www.qq.com">騰訊</a></li><li><a href="http://www.jd.com">京東</a></li>
</ol>

2.分層標簽

（1）格式：<dt><dl></dl><dd></dd><dd></dd></dt>

（2）其中dt是外層標簽，dl是內層父標簽，dd是內層子標簽；在一個dt標簽中，一個dl父標簽會對應多個dd子標簽，可以有多個dl標簽和dd標簽的對應關系

（3）案例：

<dt><dl>水果</dl><dd>香蕉</dd><dd>草莓</dd><dd>葡萄</dd><dl>技能</dl><dd>Java</dd><dd>HTML</dd>
</dt>

3.音頻標簽

（1）方法一：使用embed標簽

  • 格式：<embed></embed>
  • 屬性：
    • 音頻地址：src="url"
    • 音頻播放器的高度：height="100px"
    • 音頻播放器的寬度：width="100px"
  • 案例：
  • <!-- 引入音頻播放器 -->
<embed src="audio/白月光和朱砂痣.mp3" height="100px" width="500px"></embed>

（2）方法二：使用audio標簽

  • 格式：<audio></audio>
  • 屬性：
    • 音頻地址：src="url"
    • 音頻控制器：controls="controls"
    • 自動播放：autoplay="autoplay"
    • 注意：audio標簽中如果沒有controls屬性的話，就不會顯示控制器，controls屬性和autoplay屬性的值都是固定的
  • 案例：
  • <audio src="audio/白月光和朱砂痣.mp3" controls="controls" autoplay="autoplay"></audio>

4.視頻標簽

（1）方法一：使用embed標簽

  • 格式：\<embed>\</embed>
  • 屬性：
    • 視頻地址：src="url"
    • 視頻播放器的高度：height="100px"
    • 視頻播放器的寬度：width="100px"
  • 案例：
  • <embed src="video/歆甜-歲歲常歡愉，年年皆勝意(超清).mp4" height="100px" width="500px"></embed>

（2）方法二：使用video標簽

  • 格式：<video></video>
  • 屬性：
    • 寬度：width="100px"
    • 高度：height="100px"
    • 控制器：controls="controls"
  • 子標簽source
    • 格式：<source></source>
    • 屬性：
      • 文件地址：src="url"
      • 文件類型：type="video/mp4"
  • 案例：
  • <!-- 視頻支持mp4/ogg/webm/swf格式 -->
<video height="400px" width="300px" controls="controls"><source src="video/畫離弦.mp4" type="video/mp4"></source><source src="movie.ogg" type="video/ogg"></source><source src="movie.webm" type="video/webm"></source><!-- 下面是支持flash格式的視頻 --><object data="movie.mp4" width="320" height="240"><embed src="movie.swf" width="320" height="240"></embed></object>
</video>

5.表格標簽

（1）格式：<table><tr><td></td></tr></table>

（2）<table></table>標簽是表格標簽，屬性如下：

  • 表格的高度：height
  • 表格的寬度：width
  • 表格的邊界線條的寬度：border
  • 表格的背景顏色：bgcolor
  • 表格的背景圖片：background
  • 表格的對齊方式：align

（3）<tr></tr>標簽是行標簽，屬性如下：

  • 一行中每個單元格中的元素的對齊方式：align
  • 設置一行中每個單元的背景色：bgcolor

（4）<td></td>標簽是列標簽，屬性如下：

  • 控制單個單元中的元素的對齊方式：align
  • 合并列單元格：colspan
    • 注意：
      • 在合并完單元格后要將被合并的單元格刪除
      • 列合并是從左到右，不能反過來
  • 合并行單元格：rowspan
    • 注意：
      • 在合并完單元格后要將被合并的單元格刪除
      • 行合并是從上到下，不能反過來
  • 設置單個單元格的背景色：bgcolor
  • 設置單個單元格的背景圖片：background

（5）案例：

<table border="1px" height="200px" width="300px" align="center" background="img/1.png"><!-- 合并要求：1.行合并->從上到下2.列合并->從左到右 --><tr align="center" > <!-- 表格的行標簽 --><td colspan="3" background="img/2.png">11</td> <!-- 表格的列標簽 --><td rowspan="4">14</td></tr><tr align="center" bgcolor="red"> <!-- 表格的行標簽 --><td colspan="2">21</td> <!-- 表格的列標簽 --><td bgcolor="white">23</td></tr><tr align="center"> <!-- 表格的行標簽 --><td>31</td> <!-- 表格的列標簽 --><td>32</td><td rowspan="2">33</td></tr><tr align="center"> <!-- 表格的行標簽 --><td>41</td> <!-- 表格的列標簽 --><td><a href="http://www.baidu.com">百度</a></td></tr>
</table>

6.表格的嵌套

（1）案例：

<table border="1px" height="400px" width="500px" align="center"><tr><td>11</td><td>12</td><td>13</td><td>14</td></tr><tr><td>21</td><td rowspan="3" colspan="2"><!-- 表格中嵌套一個表格 --><table border="1px" width="100px" height="100px" align="center"><tr><td>6</td><td>6</td><td>6</td></tr><tr><td>6</td><td>6</td><td>6</td></tr><tr><td>6</td><td>6</td><td>6</td></tr></table></td><td>24</td></tr><tr><td>31</td><td>34</td></tr><tr><td>41</td><td>44</td></tr><tr><td>51</td><td>52</td><td>53</td><td>54</td></tr>
</table>

7.表單標簽

（1）格式：<form><input /></form>

（2）form是表單標簽，屬性為：

  • 表單提交的地址：action
    • 表示表單提交的數據到的目的地
  • 表單提交的方式：method
    • get方式：get提交的數據會出現在地址欄中，一般針對沒有安全要求的數據，提交的數據量是有限的，一般1M左右，默認的提交方式是get
    • post方式：post提交的數據不會出現在地址欄中，一般針對有一點安全要求的數據，數據會出現在請求體中，提交的數據量沒有限制，可以是無限的，一般上傳文件使用這種方式

（3）input是輸入框標簽，屬性為：

  • 輸入框的類型：type，下列為type的值
    • 文本類型：text
    • 提交按鈕：submit
    • 密碼類型：password
    • 單選類型：radio
      • 多個單選類型的標簽中name屬性的值必須一樣；
      • 如果要將某個單選設置為默認，需要在這個單選所屬的input標簽中加入checked屬性；
      • 因為單選是沒辦法輸入內容的，所以需要將你要提交的內容放到value屬性中；
    • 上傳文件類型：file
    • 日期類型：date
    • 隱藏類型：hidden
      • 隱藏域中要提交的內容不會在網頁上顯示；
    • 多選類型：checkbox
      • 多個多選類型的標簽中name屬性的值必須一樣；
      • 如果要將一個或多個多選選項設置為默認，需要在這個選項所屬的input標簽中加入checked屬性；
      • 因為多選是沒辦法輸入內容的，所以需要將你要提交的內容放到value屬性中；
    • 按鈕：
      • submit：提交按鈕
      • button：普通按鈕
        • 普通按鈕是用來配合事件使用的
      • reset：重置按鈕
      • 案例：
      • <form><input type="submit" value="提交" /> <!-- 提交按鈕 --><input type="button" value="普通按鈕" /><input type="reset" value="重置" />
</form>
  • 輸入框的值：value
    • 注意：有些輸入框類型是不需要寫value的，比如：文本，密碼等等；而有些輸入框是需要寫value的，比如：單選，多選等等；value是向表單中設置值的，如果將文本，密碼這樣輸入類型的輸入框寫上value的話，會在輸入框中顯示一個默認值；
  • 輸入框的key：name
    • 注意：通過name可以獲取value中保存的數據，或者是輸入框中輸入的數據，如果沒有這個name，那么就不會提交當前輸入框中的數據；
  • 輸入框內顯示提示信息：placeholder
  • 將某個單選設置為默認：checked="checked"
    • 注意：checked的值是固定的

（4）select是下拉列表標簽：

  • 格式：<form><select><option></option></select></form>
  • select標簽的屬性：
    • name：通過name屬性的值可以獲取到option子標簽的value屬性中保存的值，name代表select標簽的key
  • option是select標簽的子標簽，代表下拉列表中的選項
  • option子標簽的屬性：
    • value：代表這個子標簽要提交的值

（5）案例：

<h3>表單學習</h3> <hr />
<!-- 表單標簽；method="get"：表單的提交方法，如果不寫，默認是get
get提交數據的方式：get提交的數據會出現在地址欄中，一般針對沒有安全要求的數據，提交的數據量是有限的，一般1M左右，數據量的大小是根據瀏覽器的類型決定的
post提交數據的方式：post提交的數據不會出現在地址欄中，一般針對有一點安全要求的數據，數據會出現在請求體中，提交的數據量沒有限制，可以是無限的，一般上傳文件使用這種方式
action：表示表單提交的數據到的目的地
-->
<form action="#" method="get">用戶名：<input type="text" name="wd" placeholder="請輸入不少于6個字符" /> <br /> <!-- 輸入框標簽
name屬性中的值是表單提交指定的key，這個name屬性一定要有，否則不會提交當前輸入框中的數據
-->用戶密碼：<input type="password" name="pwd1" placeholder="請輸入不少于8個字符" /> <br />確認密碼：<input type="password" name="pwd2" placeholder="請輸入不少于8個字符" /><br />性別：<br />男<input type="radio" name="sex" value="男" checked="checked" />女<input type="radio" name="sex" value="女"/><br /><select name="city"><option value="beijin">北京</option><option value="shanghai">上海</option></select> <br />上傳文件：<input type="file" name="photo" /><br />出生年月日：<input type="date" name="birthday" /><br /><input type="hidden" name="abc" value="不可告人的數據" /> <!-- 只用來提交數據，不會顯示在網頁上 --><br />愛好：<br />足球<input type="checkbox" name="hobby" value="足球" checked="checked" />籃球<input type="checkbox" name="hobby" value="籃球" checked="checked" />乒乓球<input type="checkbox" name="hobby" value="乒乓球" /><br /><input type="submit" value="提交" /> <!-- 按鈕 -->
</form>

8.?框架標簽

（1）格式：<frameset><frame /></frameset>

  • 注意：
    • 使用了frameset就必須將body刪掉，否則頁面會有問題，也就是要用frameset去代替body；
    • frameset標簽可以嵌套使用，如果分了多個區域，那么需要對這多個區域中的每個區域進行單獨操作；如：分了2個區域之后，如果想要將這兩個區分別再次分區，那么需要寫兩個frameset標簽，如果只是想分其中一個，那么只要寫一個frameset標簽就可以了。frameset只是用來分區的，想要向分好的區域中放入內容，需要使用frame子標簽；

（2）屬性：

  • cols：分列，多個列使用逗號隔開，可以使用*來代替全部區域，如果前面已經使用了一些區域，那么*代替的就是剩余的全部區域；
    • 分列就是豎的分
  • rows：分行，多個行使用逗號隔開，可以使用*來代替全部區域，如果前面已經使用了一些區域，那么*代替的就是剩余的全部區域；
    • 分行就是橫的分

（3）子標簽frame

  • 格式：<frame />
    • frame標簽是用來將一個寫好的html文件放入到已經分好的區域中
  • 屬性：
    • src：引入的html文件路徑
    • name：指定框架的名稱
    • target：跳轉到頁面

（4）案例：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>后臺管理頁面中</title></head><frameset cols="30%,*"><frameset rows="30%,*"><frame src="top.html" /><frame src="bottom.html" /></frameset><frame src="main.html" name="main" /></frameset>
</html>

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/web/73815.shtml
繁體地址，請注明出處：http://hk.pswp.cn/web/73815.shtml
英文地址，請注明出處：http://en.pswp.cn/web/73815.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

MSTP與鏈路聚合技術

MSTP與鏈路聚合技術

MSTP&#xff08;多生成樹協議&#xff09; 簡介 MSTP&#xff08;多生成樹協議&#xff09;是Spanning Tree Protocol&#xff08;STP&#xff09;的改進版&#xff0c;支持網絡中使用多條生成樹&#xff0c;并根據用戶需求限制生成樹間的路徑。MSTP將多個VLAN映射到一棵生成…
閱讀更多...
ModuleNotFoundError: No module named ‘ml_logger.logbook‘

ModuleNotFoundError: No module named ‘ml_logger.logbook‘

問題 (legion) zhouy24RL-DSlab:~/zhouy24Files/legion/LEGION$ python main.py ML_LOGGER_USER is not set. This is required for online usage. Traceback (most recent call last): File “main.py”, line 7, in from mtrl.app.run import run File “/data/zhouy24File…
閱讀更多...
c# ftp上傳下載 幫助類

c# ftp上傳下載 幫助類

工作中FTP的上傳和下載還是很常用的。如下載打標數據，上傳打標結果等。 這個類常用方法都有了：上傳，下載，判斷文件夾是否存在，創建文件夾，獲取當前目錄下文件列表(不包括文件夾) ，獲取當前目錄下文件列表(不包括文件夾) ，獲取FTP文件列表(包括文件夾)， 獲取當前目…
閱讀更多...
PyTorch 分布式訓練（Distributed Data Parallel, DDP）簡介

PyTorch 分布式訓練（Distributed Data Parallel, DDP）簡介

PyTorch 分布式訓練&#xff08;Distributed Data Parallel, DDP&#xff09; 一、DDP 核心概念 torch.nn.parallel.DistributedDataParallel 1. DDP 是什么&#xff1f; Distributed Data Parallel (DDP) 是 PyTorch 提供的分布式訓練接口&#xff0c;DistributedDataPara…
閱讀更多...
策略模式_行為型_GOF23

策略模式_行為型_GOF23

策略模式 策略模式&#xff08;Strategy Pattern&#xff09;是一種行為型設計模式&#xff0c;核心思想是將一組算法封裝成獨立對象&#xff0c;使它們可以相互替換&#xff0c;從而讓算法的變化獨立于使用它的客戶端。這類似于游戲中的技能切換——玩家根據戰況選擇不同技能…
閱讀更多...
【Python】天氣數據可視化

【Python】天氣數據可視化

1. Python進行數據可視化 在數據分析和科學計算領域&#xff0c;Python憑借其強大的庫和簡潔的語法&#xff0c;成為了眾多開發者和科研人員的首選工具。數據可視化作為數據分析的重要環節&#xff0c;能夠幫助我們更直觀地理解數據背后的規律和趨勢。本文將詳細介紹如何使用P…
閱讀更多...
深度學習4.4筆記

深度學習4.4筆記

《動手學深度學習》-4.4-筆記 驗證數據集&#xff1a;通常是從訓練集中劃分出來的一部分數據&#xff0c;不要和訓練數據混在一起&#xff0c;評估模型好壞的數據集 測試數據集&#xff1a;只用一次的數據集 k-折交叉驗證&#xff08;k-Fold Cross-Validation&#xff09;是…
閱讀更多...
vue 兩種路由模式

vue 兩種路由模式

一、兩種模式比較 在vue.js中&#xff0c;路由模式分為兩種&#xff1a;hash 模式和 history 模式。這兩種模式決定了URL的結構和瀏覽器歷史記錄的管理方式。 1. hash 模式帶 #&#xff0c;#后面的地址變化不會引起頁面的刷新。換句話說&#xff0c;hash模式不會將#后面的地址…
閱讀更多...
Android生態大變革，谷歌調整開源政策，核心開發不再公開

Android生態大變革，谷歌調整開源政策，核心開發不再公開

“開源”這個詞曾經是Android的護城河&#xff0c;如今卻成了谷歌的燙手山芋。最近谷歌宣布調整Android的開源政策&#xff0c;核心開發將全面轉向私有分支。翻譯成人話就是&#xff1a;以后Android的核心更新&#xff0c;不再公開共享了。 這操作不就是開源變節嗎&#xff0c;…
閱讀更多...
JavaScript中集合常用操作方法詳解

JavaScript中集合常用操作方法詳解

JavaScript中集合常用操作方法詳解 JavaScript中的集合主要包括數組(Array)、集合(Set)和映射(Map)。下面我將詳細介紹這些集合類型的常用操作方法。 數組(Array) 數組是JavaScript中最常用的集合類型&#xff0c;提供了豐富的操作方法。 創建數組 // 字面量創建 const ar…
閱讀更多...
【HC-05】藍牙串口通信模塊調試與應用（1）

【HC-05】藍牙串口通信模塊調試與應用（1）

一、HC-05 基礎學習視頻 HC-05藍牙串口通信模塊調試與應用1 二、HC-05學習視頻課件
閱讀更多...
【學Rust寫CAD】18 定點數2D仿射變換矩陣結構體（MatrixFixedPoint結構別名）

【學Rust寫CAD】18 定點數2D仿射變換矩陣結構體（MatrixFixedPoint結構別名）

源碼 // matrix/fixed.rs use crate::fixed::Fixed; use super::generic::Matrix;/// 定點數矩陣類型別名 pub type MatrixFixedPoint Matrix<Fixed, Fixed, Fixed, Fixed, Fixed, Fixed>;代碼解析 這段代碼定義了一個定點數矩陣的類型別名 MatrixFixedPoint&#xff…
閱讀更多...
axios文件下載使用后端傳遞的名稱

axios文件下載使用后端傳遞的名稱

java后端通過HttpServletResponse 返回文件流 在Content-Disposition中插入文件名 一定要設置Access-Control-Expose-Headers&#xff0c;代表跨域該Content-Disposition返回Header可讀&#xff0c;如果沒有&#xff0c;前端是取不到Content-Disposition的&#xff0c;可以在統…
閱讀更多...
HarmonyOS之深入解析如何根據url下載pdf文件并且在本地顯示和預覽

HarmonyOS之深入解析如何根據url下載pdf文件并且在本地顯示和預覽

一、文件下載 ① 網絡請求配置 下載在線文件&#xff0c;需要訪問網絡&#xff0c;因此需要在 config.json 中添加網絡權限&#xff1a; {"module": {"requestPermissions": [{"name": "ohos.permission.INTERNET","reason&qu…
閱讀更多...
鴻蒙前后端項目源碼-點餐v3.0-原創!原創!原創!

鴻蒙前后端項目源碼-點餐v3.0-原創!原創!原創!

鴻蒙前后端點餐項目源碼含文檔ArkTS語言. 原創作品.我半個月寫的原創作品&#xff0c;請尊重原創。 原創作品&#xff0c;盜版必究&#xff01;&#xff01;&#xff01;&#xff01; 原創作品&#xff0c;盜版必究&#xff01;&#xff01;&#xff01;&#xff01; 原創作…
閱讀更多...
VUE3+TypeScript項目，使用html2Canvas+jspdf生成PDF并實現--分頁--頁眉--頁尾

VUE3+TypeScript項目，使用html2Canvas+jspdf生成PDF并實現--分頁--頁眉--頁尾

使用html2CanvasJsPDF生成pdf&#xff0c;并實現分頁添加頁眉頁尾 1.封裝方法htmlToPdfPage.ts /**path: src/utils/htmlToPdfPage.tsname: 導出頁面為PDF格式 并添加頁眉頁尾 **/ /*** 封裝思路* 1.將頁面根據A4大小分隔邊距&#xff0c;避免內容被中間截斷* 所有元素層級不要…
閱讀更多...
5.Excel：從網上獲取數據

5.Excel：從網上獲取數據

一 用 Excel 數據選項卡獲取數據的方法 連接。 二 要求獲取實時數據 每1分鐘自動更新數據。 A股市場_同花順行情中心_同花順財經網 用上面方法將數據加載進工作表中。 在表格內任意區域右鍵&#xff0c;刷新。 自動刷新&#xff1a; 三 缺點 Excel 只能爬取網頁上表格類型的…
閱讀更多...
《深度剖析SQL之WHERE子句：數據過濾的藝術》

《深度剖析SQL之WHERE子句：數據過濾的藝術》

在當今數據驅動的時代&#xff0c;數據處理和分析能力已成為職場中至關重要的技能。SQL作為一種強大的結構化查詢語言&#xff0c;在數據管理和分析領域占據著核心地位。而WHERE子句&#xff0c;作為SQL中用于數據過濾的關鍵組件&#xff0c;就像是一把精準的手術刀&#xff0c…
閱讀更多...
華為eNSP-配置靜態路由與靜態路由備份

華為eNSP-配置靜態路由與靜態路由備份

一、靜態路由介紹 靜態路由是指用戶或網絡管理員手工配置的路由信息。當網絡拓撲結構或者鏈路狀態發生改變時&#xff0c;需要網絡管理人員手工修改靜態路由信息。相比于動態路由協議&#xff0c;靜態路由無需頻繁地交換各自的路由表&#xff0c;配置簡單&#xff0c;比較適合…
閱讀更多...
Docker 快速入門指南

Docker 快速入門指南

Docker 快速入門指南 1. Docker 常用指令 Docker 是一個輕量級的容器化平臺&#xff0c;可以幫助開發者快速構建、測試和部署應用程序。以下是一些常用的 Docker 命令。 1.1 鏡像管理 # 搜索鏡像 docker search <image_name># 拉取鏡像 docker pull <image_name>…
閱讀更多...
最新文章

Copyright @ 2022~2023