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
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...