百裡半day1

来源:https://www.cnblogs.com/hzqzwl/archive/2019/07/08/11153685.html
-Advertisement-
Play Games

記錄百裡半 今天回顧html,總結一下今日所學內容。 正文 目的:通過一些基礎的標簽製作關於LOL的靜態網頁 所用代碼: 1.div中套div的話,若定義了第一個盒子的大小,被它包含的盒子就預設為同樣的形式; 2.圖片標簽img,用法:<img src:..> 3.url目錄:同一資源定位器,尋找資 ...


HTML

今天回顧html,總結一下今日所學內容。

-------------------正文--------------------------

目的:通過一些基礎的標簽製作關於LOL的靜態網頁

所用代碼:

1.div中套div的話,若定義了第一個盒子的大小,被它包含的盒子就預設為同樣的形式;

2.圖片標簽img,用法:<img src:..>

3.url目錄:同一資源定位器,尋找資源位置,分為三種;

  1)絕對路徑

    帶盤符的物理絕對路徑:C:\Users\Administrator\Desktop\0708\img\lol.png

    可訪問互聯網上的資源(打開任意網站控制口,找到相應的鏈路,複製即可)

    協議名:http、https

    主機名 IP地址/功能變數名稱://www.baidi.com

  2)相對路徑

    指從文件當前的位置查找需要的資源,經過的路徑

  3)伺服器路徑 根相對路徑  只有伺服器才能使用

    /開始找文件

web支持的圖片格式:

  1)png:無損壓縮 ,8位24位32位顏色,支持透明色;

  2)jpg:壓縮過的文件  jpeg *.jpg

  3)gif:支持動畫

屬性:

   src : url 在伺服器端嚴格區分大小寫,在本機不受影響;

   在web圖片中,如果只修改width或height中的一個屬性,另一個屬性就會跟著等比縮放;

————————————分割線——————————————

<u></u>下劃線

<b></b>指定字體加粗

表格格式:

<table>————cellpadding="0px"指表格內文字與邊的距離,border="1px"指表格邊框厚度,cellspacing="0"指表格邊框內的厚度大小

  <caption></caption>———居中某些字

  <tr>

    <th></th>——表格內標題字,自動居中加粗

    <td></td>——存放內容的地方

  </tr>

</table>

有序列表:

<ol>

  <li></li>

</ol>

無序列表:

<ul>

  <li></li>

</ul>

錨點(跳轉到網頁中指定的區域):

<a href="#指定id">指定跳轉文字</a>

<h1 id="指定id">跳轉文字</h1>

 

————————分割線————————

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 隨手記: 近期需要安裝幾個伺服器,編寫負載均衡NLB的教程,使用到虛擬機; VMware-workstation-full-15.0.2-10952284.exe cn_windows_server_2012_r2_x64_dvd_2707961.iso VMware® Workstation 15 ...
  • 當你有若幹個容器之後,你可能就希望實現容器的跨機部署訪問了,比如aspnetcore在一臺host上,mysql在另外一個host上,如果要實現這樣的功能,需要你 藉助docker自帶的overlay網路模型了。 一: overlay網路模型 要想快速的搭建overlay網路,你可以通過docker ...
  • 前段時間看C#本質論,發現內容有點抽象,不適合入門,現在換了一本適合入門的書籍: C#圖解教程。 分割線 1、文章均為個人原創,歡迎轉載,轉載請保留出處:https://www.cnblogs.com/volcanol/ 2、獲取工控PLC、變頻器、HMI、電腦、Windows、Linux、嵌入式 ...
  • Keras.NET是一個高級神經網路API,它使用C#編寫,並帶有Python綁定,可以在Tensorflow、CNTK或Theano上運行。其關註點是實現快速實驗。因為做好研究的關鍵是:能在儘可能短的時間內從一個想法發展出結果。 如果你需要一個能實現以下需求的深度學習庫,那麼請使用Keras: 允 ...
  • .NET開發框架(四)-伺服器配置完整篇,包括伺服器IIS安裝、網路負載均衡器安裝、ASP.NET Core 安裝 ...
  • 後端的規範與思想 [toc] 分層 Web層 (接收和發送HTTP請求的,封裝;別名controller層) 業務邏輯層 (別名服務層,文件常以xxxService為名) DAO層 (Date Access Object,數據訪問對象,對對象進行操作,存儲是對象轉為數據,讀取是數據轉為對象) 持久層 ...
  • 該指令會跳過所在元素和它的子元素的編譯過程,也就是把這個節點及其子節點當作一個靜態節點來處理,例如: 編譯後的結果為: 對應的HTML節點樹為: 可以看到:title屬性也被當成了特性來處理了,我們在控制台輸入app.message="Hello Vue!"看看渲染變化: 可以看到對於v-pre對應 ...
  • 經過 "canvas 教程(一) 簡介" 我們知道了 canvas 的一些基本情況 而本次是給大家帶來直線的繪製 canvas 中,基本圖形有兩種,一種是直線,還有一種是曲線 但是無論是直線還是曲線,我們都應該先瞭解 canvas 的坐標系 s canvas 的坐標系 要繪製之前肯定要瞭解一下 ca ...
一周排行
    -Advertisement-
    Play Games
  • 前言 本文介紹一款使用 C# 與 WPF 開發的音頻播放器,其界面簡潔大方,操作體驗流暢。該播放器支持多種音頻格式(如 MP4、WMA、OGG、FLAC 等),並具備標記、實時歌詞顯示等功能。 另外,還支持換膚及多語言(中英文)切換。核心音頻處理採用 FFmpeg 組件,獲得了廣泛認可,目前 Git ...
  • OAuth2.0授權驗證-gitee授權碼模式 本文主要介紹如何筆者自己是如何使用gitee提供的OAuth2.0協議完成授權驗證並登錄到自己的系統,完整模式如圖 1、創建應用 打開gitee個人中心->第三方應用->創建應用 創建應用後在我的應用界面,查看已創建應用的Client ID和Clien ...
  • 解決了這個問題:《winForm下,fastReport.net 從.net framework 升級到.net5遇到的錯誤“Operation is not supported on this platform.”》 本文內容轉載自:https://www.fcnsoft.com/Home/Sho ...
  • 國內文章 WPF 從裸 Win 32 的 WM_Pointer 消息獲取觸摸點繪製筆跡 https://www.cnblogs.com/lindexi/p/18390983 本文將告訴大家如何在 WPF 裡面,接收裸 Win 32 的 WM_Pointer 消息,從消息裡面獲取觸摸點信息,使用觸摸點 ...
  • 前言 給大家推薦一個專為新零售快消行業打造了一套高效的進銷存管理系統。 系統不僅具備強大的庫存管理功能,還集成了高性能的輕量級 POS 解決方案,確保頁面載入速度極快,提供良好的用戶體驗。 項目介紹 Dorisoy.POS 是一款基於 .NET 7 和 Angular 4 開發的新零售快消進銷存管理 ...
  • ABP CLI常用的代碼分享 一、確保環境配置正確 安裝.NET CLI: ABP CLI是基於.NET Core或.NET 5/6/7等更高版本構建的,因此首先需要在你的開發環境中安裝.NET CLI。這可以通過訪問Microsoft官網下載並安裝相應版本的.NET SDK來實現。 安裝ABP ...
  • 問題 問題是這樣的:第三方的webapi,需要先調用登陸介面獲取Cookie,訪問其它介面時攜帶Cookie信息。 但使用HttpClient類調用登陸介面,返回的Headers中沒有找到Cookie信息。 分析 首先,使用Postman測試該登陸介面,正常返回Cookie信息,說明是HttpCli ...
  • 國內文章 關於.NET在中國為什麼工資低的分析 https://www.cnblogs.com/thinkingmore/p/18406244 .NET在中國開發者的薪資偏低,主要因市場需求、技術棧選擇和企業文化等因素所致。歷史上,.NET曾因微軟的閉源策略發展受限,儘管後來推出了跨平臺的.NET ...
  • 在WPF開發應用中,動畫不僅可以引起用戶的註意與興趣,而且還使軟體更加便於使用。前面幾篇文章講解了畫筆(Brush),形狀(Shape),幾何圖形(Geometry),變換(Transform)等相關內容,今天繼續講解動畫相關內容和知識點,僅供學習分享使用,如有不足之處,還請指正。 ...
  • 什麼是委托? 委托可以說是把一個方法代入另一個方法執行,相當於指向函數的指針;事件就相當於保存委托的數組; 1.實例化委托的方式: 方式1:通過new創建實例: public delegate void ShowDelegate(); 或者 public delegate string ShowDe ...