HTML基礎總結

来源:https://www.cnblogs.com/topshark/archive/2019/01/11/10257335.html
-Advertisement-
Play Games

HTML細化知識點總結 1.h1-h6標簽 都是標題標簽,定義一段話的標題,h1最大,依次遞減,h6最小 標題標簽的作用:讓文本加粗顯示 2. 段落標簽:p標簽 用來顯示一段文本(圖片),它會忽略源代碼中的排版 塊元素:獨占一行的元素,和相鄰的元素不能共用同一行,所有的塊元素都有align屬性,h1 ...


HTML細化知識點總結

1.h1-h6標簽

都是標題標簽,定義一段話的標題,h1最大,依次遞減,h6最小

標題標簽的作用:讓文本加粗顯示

 

2. 段落標簽:p標簽

              用來顯示一段文本(圖片),它會忽略源代碼中的排版

              塊元素:獨占一行的元素,和相鄰的元素不能共用同一行,所有的塊元素都有align屬性,h1-h6和p元素都是塊元素

 

3. 格式標簽:

                      b標簽:加粗文本

                      del標簽:包含的文本中間有條橫線

                      em標簽:包裹的文本會顯示為斜體

                      i標簽:包裹的文本會顯示為斜體

                      pre標簽:顯示源代碼的排版

                      strong標簽:和em作用一樣,都有強調的意思,如果要強調一段文字,建議使用strong標簽

                      u標簽:給文本添加下劃線

                      sup:定義上標文本

                      sub:定義下標文本

 

4. 圖片標簽img,用來把圖片顯示在網頁上

                      必須屬性:1.src:圖片的路徑(可以用相對路徑或絕對路徑,不建議用絕對路徑)

                      alt:定義圖片無法顯示時的代替文本

                      相對路徑:以當前文件所在的位置為參考路徑,定義出來的路徑叫相對路徑

                      絕對路徑:文件在硬碟上的物理路徑叫絕對路徑,

例如:

                      D:\work\20181129JAVA班\課件\01-web前端課件\web-day1\Code\web-day1\img\tly.jpg

                      可選屬性:

                      1.title滑鼠放在圖片上時的提示文字,所有元素都有title屬性

                      2.width:定義圖片的寬度,預設以像素px為單位,可以省略單位不寫

                      3.height:定義圖片的高度

                      br標簽:換行標簽,可以寫成<br>或者<br/>

                      hr標簽:水平線標簽,可以寫成<hr>或者<hr/>,屬性有:width(寬度),size(高度),color(顏色)

 

5. span:通常用於修飾文本,可以給它添加樣式,例如style="color: red;"

div:把文檔分割成若幹個獨立的部分 ,塊級元素

 

6. ul定義無序列表type屬性定義列表項目的標記,預設是disc

                            type="disc" 預設黑色圓點

type="circle" 空心圓點

type="square" 方塊

ol定義有序列表type屬性定義項目的標記,預設是數字

type="A"或"a":表示大寫字母或者小寫字母

type="I"或type="i":表示羅馬大寫字母或羅馬小寫字母

 

7. border:定義表格的邊框屬性

                     cellspacing:單元格之間的距離,設置為0則只有1條邊框了

                     cellpadding:單元格的內容到邊框之間的距離

 

8. 表頭:表格中的第一行,用來顯示列標題的,使用th定義表頭的每一列,把裡面的內容加粗居中顯示

              通常,第一行是表頭行,從第二行開始就是數據行(顯示具體的數據),

使用td(table data cell )表示數據行每一列

                      表格的align="center":讓表格整體居中顯示

                      tr(table row)的align="center":讓行裡面的內容居中顯示

                      caption定義表格的標題,會相當於表格居中         

 

9. colspan:跨列,即在水平方向上合併單元格,值是要合併的單元格數目

rowspan:跨行,即在豎直方向上合併單元格,值是要合併的單元格數目

 

10. form:表單標簽,用於創建一個表單,收集用戶輸入的數據,並提交給伺服器程式

                  屬性:action:指定將表單的數據發送到哪個伺服器程式

                  method:指定用哪種方式來提交數據,常用值有GET,POST,預設值是get

                  表單域:又叫表單元素,作用是收集用戶輸入的數據 ,並提交給伺服器端程式

 

 常用的表單域:1.input元素:它的type屬性有不同值,表現出不同形態

                      type="text":表示文本框,提供文本的輸入

                      type="radio":單選框(單選按鈕), 多個單選框的name值必須相同,如果name不同則不能互斥,提交時是提交value值

                      type="checkbox":覆選框,當name相同時,可以提交多個值(value屬性的值)

                       type="file"":文件域,讓用戶選擇本地文件上傳到伺服器

                      type="hidden":隱藏域,對用戶不可見的元素,可以有預設值並且能提交給伺服器(在javaEE開發中會大量使用隱藏域)

                      2. select元素:表示下拉列表,又叫下拉框,在下拉列表中用option元素定義待選擇的選項,預設第1個選項被選中,

                  設置某個option被選中: 在option元素上添加selected="selected"或者selected

                  設置下拉列表為多選下拉列表:在select元素上加multiple屬性

                 

                 關於選中元素的設置

                 1)設置單選框或覆選框被選中的屬性是checked

                 2)設置下拉列表的某個選項被選中的屬性是selected

      

11. body標簽:

          1.background:定義網頁的背景圖片,如果背景圖片很小,會自動在水平和豎直方向上平鋪展示

2.bgcolor:定義網頁的背景顏色

 

12. textarea:文本域,又叫多行文本框,cols是文本區內的寬度,rows:行數

                placeholder用來設置單行文本框(不是textarea)里的預設提示文字,當輸入了新的內容後,該提示文字就消失了

                label:本身沒有什麼效果,當結合單選按鈕或覆選框使用時,如果label的for屬性和按鈕的id相同,則點擊

                label後就相當於點擊了按鈕,會將單選框或覆選框選中

               

              表單按鈕:

               1.提交按鈕: <input type="submit">,提交按鈕作用是將表單數據發送到action指定的伺服器上

               2.重置按鈕: <input type="reset">,作用是將表單中數據清空

               3.普通按鈕:<input type="button">,普通按鈕在沒有添加js代碼情況下,是不能提交表單的

          

13. frameset:框架集,用於將整個瀏覽器視窗劃分成多個小視窗,每個小視窗稱為一個frame,每個小視窗(frame)都可以,載入一個獨立的html文檔

         使用frameset的cols或rows屬性定義如何分割整個大視窗,

cols:定義水平方向上分割的各個frame的百分比,

          rows:定義豎直方向上分割的各個frame的百分比,

         noresize:不能調整frame的寬或高   frameborder="0":去掉frame的邊框

         *代表剩餘百分比,會自動計算

        使用frame來定義每個小視窗,src指frame所載入的網頁的相對路徑

 

14. iframe:能夠包含其它文檔(網頁)的內聯框架內聯就是行內,因為它能和相鄰的元素共用同一行

                     src:要載入的文檔的路徑  width:寬度,height:高度

                     frameborder:邊框,0或no代表無邊框

 

15. 將超鏈接所跳轉的頁面顯示在iframe的技巧:

              1)給iframe元素添加一個name屬性,例如

              2)超鏈接添加屬性target,值應該是iframe元素的name

 

16. 實體集

&nbsp;代表空格

       &和號   &amp;   &#38;

"引號     &quot;   &#34;

£英鎊   &pound; &#163;

©版權(copyright)   ©copy;

 

 

精品java學習視頻 

註解_反射_位元組碼_類載入機制:鏈接:https://pan.baidu.com/s/1pb8DIJ96TDBY6f43ogDYYw  提取碼:psrr 

 

 

 

 

 

 

 

 

 

 


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

-Advertisement-
Play Games
更多相關文章
  • 今天做項目的時候遇到一個需求,就是子view視圖彈出時,屏蔽掉父view的所有手勢,然後想到用 UIGestureRecognizerDelegate代理方法,中間省一些文字(無奈臉),言歸正傳,NSStringFromClass其實是用來判斷類型的,看代碼 好尷尬的我。。。。屏蔽掉父view的所有 ...
  • MIUI12系統能有啥方法開啟root超級許可權?各位都清楚,Android機器有root超級許可權,如果手機開啟root相關許可權,可以實現更好的功能,舉例子,各位公司的營銷部門,使用某些營銷軟體都需要在root超級許可權下執行,如果手機無能獲的root的許可權,則沒辦法正常使用相關的功能。 MIUI12系 ...
  • 背景: 由於,項目需要,需要進行視頻通信,把a的畫面,轉給b。 運維部署: APP1:編碼攝像頭採集的數據,並且發送數據到服務端 APP2:從服務端,拉取數據,並且進行解碼顯示 服務端:接收APP1提交的數據,發送APP1提交數據到APP2 應用說明: APP1:camera = Camera.op ...
  • 1.CommonJS 中的 require/exports 和 ES6 中的 import/export 區別? 2.項目做過哪些性能優化? 3.js 非同步載入的方式? 4.get與post 通訊的區別? 5.為什麼虛擬 dom 會提高性能? ...
  • 1 function formatDateTime(date) { 2 var y = date.getFullYear(); 3 var m = date.getMonth() + 1; 4 m = m < 10 ? ('0' + m) : m; 5 var d = date.getDate();... ...
  • 固定導航欄 前言:很多網站都有這種網頁的效果:滑動瀏覽器右側的滾動條,導航欄會一直處於最上方 下麵我就來簡單實現以下這個功能 一.首先我們來寫一下html的結構: 二.我們來簡單寫一下樣式 這個結構可以說是簡單明瞭,由三部分組成 頂部 導航欄 還有主體部分 但是我們並不打算繼續寫下去 我們簡單的用樣 ...
  • ♥緩動動畫函數 · 之前我在博客上寫過勻速的動畫函數 :https://www.cnblogs.com/Lzxgg-xl/p/10227127.html · 與勻速的相比 有相同的地方 也有不同的地方 我在這裡就簡單的寫一遍 一. 首先還是一樣,因為它是個函數體我們要傳參 即 : 1.移動的元素 2 ...
  • datagrid 擴展單元格textarea editor by:授客 QQ:1033553122 測試環境 jquery-easyui-1.5.3 問題描述 如下,在沒有擴展的情況下,初始化如下 手動拖拽,拖拽時一邊往右側拖拽,結果如下,上圖那個拖拽圖標被隱藏了。停止拖拽後無法再次拖拽 解決方案 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...