浅浅总结一下HTML吧
提示：文章寫完后，目錄可以自動生成，如何生成可參考右邊的幫助文檔
文章目錄
- 我的html理解
- 任何網(wǎng)頁只要右鍵—查看源代碼就能看到他的*真實面目*
- 1、語法規(guī)范
- 2、HTML基本結(jié)構標簽
- 2.1.文檔類型聲明標簽
- 2.2字符集
- 3 HTML常用標簽
- 3.1標題標簽`
~
`
- 3.2 段落和換行標簽
- 3.3 文本格式化標簽
- 3.4 ` `和` `標簽
- 3.5 圖像標簽和路徑
- 3.5.1. 圖像標簽
- 3.5.2.路徑
- 3.6 超鏈接標簽
- 3.6.1. 鏈接的語法格式
- 3.6.2.鏈接分類
- 3.1標題標簽`
- 4 HTML中的注釋和特殊字符
- 4.1 注釋
- 4.2 特殊字符
- 5 列表標簽
- 5.1無序列表
- 6.2 有序列表
- 6.3自定義列表
- 6.4 列表總結(jié)
- 7 表單標簽
- 7.1 表單的組成
- 7.2 表單域
- 7.3 表單控件（表單元素）
- 7.4 表單元素總結(jié)
- 7.4.1``標簽
- 7.4.2``表單元素
- 7.4.3``表單元素
- 總結(jié)
我的html理解
提示：這里可以添加本文要記錄的大概內(nèi)容：
用來創(chuàng)建平時我們?yōu)g覽的網(wǎng)頁上看到的信息的一種標記語言，標記不多，很容易記憶和理解。
HTML可以定義網(wǎng)頁基本內(nèi)容和大致表現(xiàn)效果
任何網(wǎng)頁只要右鍵—查看源代碼就能看到他的真實面目
提示：以下是本篇文章正文內(nèi)容，下面案例可供參考
1、語法規(guī)范
HTML標簽通常成對出現(xiàn)
有些特殊的標簽必須是單個標簽，例如
2、HTML基本結(jié)構標簽
<html></html> HTML標簽：根標簽
<head></head> 文檔頭部：在head標簽中我們必須要設置的標簽是title
**<title></title>**文檔的標題：頁面標題
**<body></body>**文檔的主體：元素包含文檔的所有內(nèi)容，頁面內(nèi)容基本都是放到body里面
2.1.文檔類型聲明標簽
用來告訴瀏覽器使用哪個版本的HTML來顯示網(wǎng)頁，現(xiàn)在可有可無注意：1.聲明位于文檔中的最前面的位置，處于標簽之前
2.這不是一個HTML標簽，就是一個文檔類型聲明標簽
2.2字符集
在**<head>**標簽內(nèi)，可以通過**<meta>**標簽的**charset**屬性來規(guī)定HTML文檔應該使用哪些字符編碼**charset**常用的：UTF-8萬國碼基本包含了全世界所有國家需要用到的字符。3 HTML常用標簽
3.1標題標簽<h1>~<h6>
HTML提供了六個等級的標簽即<h1>~<h6>。標簽語義：作為標題使用，重要性依次遞減。
注意 ：加了標題的文字會變粗變大,一個標題獨占一行。
3.2 段落和換行標簽
在網(wǎng)頁中，要把文字有條理地顯示出來，就要將這些文字分段顯示。
在HTML標簽中，
ps ：文本一個段落中會根據(jù)瀏覽器窗口的大小自動換行。段落與段落之間保有空隙。
強制換行：換行標簽<br /> 單詞break的縮寫，意為打斷，換行。ps ：是個單標簽,該標簽只是簡單的開啟新的一行，它跟段落不同，段落之間有插入一些垂直間距。
3.3 文本格式化標簽
加粗 <strong></strong>或<b></b> 更推薦使用<strong>標簽加粗 傾斜 <em></em>或<i></i> 更推薦<em>標簽加粗 刪除線 <del></del>或<s></s> 更推薦<del>標簽加粗 下劃線 <ins></ins>或<u></u> 更推薦<ins>標簽加粗標簽語義：突出重要性，比普通文字更重要。
3.4 <div>和<span>標簽
<div>和<span>是沒有語義的，它們就是一個盒子，用來裝飾內(nèi)容。 <div>這是頭部 </div> <span>沒有語義</span> div是division的縮寫，表分割；span意為跨度，跨距。特點：1. <div>標簽用來布局，但現(xiàn)在一行只能放一個<div>大盒子。2. <span>標簽用來布局，一行可以放多個<span>小盒子。3.5 圖像標簽和路徑
3.5.1. 圖像標簽
在HTML標簽中，<img>標簽用于定義HTML頁面中的圖像。
src是<img>標簽的必須屬性，它用于指定圖像文件的路徑和文件名。 (屬性：屬于圖像的特性)
圖像標簽屬性注意點：
? 圖像標簽可以擁有多個屬性，必須寫在標簽名的后面。
? 屬性之間不分先后順序，標簽名與屬性，屬性與屬性之間均以空格分開。
? 屬性采取鍵值對的格式，即key=”value"的格式，屬性=“屬性值”。
3.5.2.路徑
頁面中的圖片會非常多，通常我們會新建一個文件夾來存放圖像文件，這時再查找圖像，就需要采用“路徑”的方式來指定文件的位置。
3.6 超鏈接標簽
在HTML標簽中，<a>標簽用于定義超鏈接，作用是從一個頁面鏈接到另一個頁面。
3.6.1. 鏈接的語法格式
<a href="跳轉(zhuǎn)目標" target="目標窗口的彈出方式">文本或圖像</a> 屬性 作用 href 用于指定鏈接目標的url地址，（必須屬性）當標簽應用herf屬性是，它就具有了超鏈接的功能 target 用于指定鏈接頁面的打開方式，其中-self為默認值(當前頁面打開），-blank為在新窗口中打開方式。注：URL是統(tǒng)一資源定位符，是互聯(lián)網(wǎng)上標準資源的地址。而互聯(lián)網(wǎng)上的每個文件都有唯一的一個的URL，它包含的信息指出「文件的位置」以及瀏覽器應該怎么處理它。
3.6.2.鏈接分類
1. 外部鏈接：例如`<a href="hettp://baidu.com" >百度</a>`。2. 內(nèi)部鏈接：網(wǎng)站內(nèi)部之間的互相鏈接，直接鏈接內(nèi)部頁面名稱即可，例如`<a href ="網(wǎng)頁名稱.html">首頁</a>`。3. 空鏈接：如果當時沒有確定鏈接目標時，`<a href="#">首頁</a>`。4. 下載鏈接：如果herf里面的地址是一個文件或者壓縮包，會下載這個文件。5. 網(wǎng)頁元素鏈接：在網(wǎng)頁中的各種網(wǎng)頁元素，如文本，圖像，表格，音頻，視頻等都可以添加超鏈接。6. 錨點鏈接：點我們點擊鏈接，可以快速定位到頁面中的某個位置。? 在鏈接文本的herf屬性中，設置屬性值為#名字的形式，如<a href="#名字">目標位置名稱</a> ? 找到目標位置標簽，里面添加一個id屬性=上步定義的名字，如<h3 id="名字">目標</h3>4 HTML中的注釋和特殊字符
4.1 注釋
如果需要在HTML文檔添加一些便于閱讀和理解但又不需要顯示在頁面中的注釋文字，就需要注釋標簽。
HTML中是注釋以“ ”結(jié)束。
快捷鍵：Ctrl+/
注釋標簽中的內(nèi)容是給自己看的，該代碼不執(zhí)行不顯示到頁面中。
4.2 特殊字符
在HTML頁面中，一些特殊符號很難或者不方便直接使用，我們就需要采用下面字符來代替。
特殊符號 描述 字符的代碼 `` 空格符 < 小于號 < > 大于號 > $ 和號 & ￥ 人民幣 ¥ ? 版權 © ? 注冊商標 ® ° 攝氏度 ° ± 正負號 ± × 乘號 × ÷ 除號 ÷ 2 平方2 ² 3 立 方3 ³5 列表標簽
5.1無序列表
<ul>標簽表示HTML頁面中項目的無序列表，一般會以項目符號呈現(xiàn)列表項，而列表項使用<li>標簽定義
效果：
? 列表項1
? 列表項2
? 列表項3
6.2 有序列表
<ol>標簽表示HTML頁面中項目的有序列表，一般會以項目符號呈現(xiàn)列表項，而列表項使用<li>標簽定義。
1. <ol></ol>之中只能嵌套<li></li>，直接在<li></li>標簽中輸入其他標簽或者文字的做法是不被允許的。 2. <li></li>之間相當于一個容器，可以之間容納所有元素。 3. 無序列表會帶有自己的樣式屬性，但在實際使用時，我們會用CSS來設置。6.3自定義列表
在HTML標簽中，<dl>標簽用于定義描述列表（或定義列表），該標簽會與<dt>(定義項目/名字)和<dd>(描述每一個項目/名字)一起使用。
1. `<dl></dl>`里面只能包含`<dt>`和`<dd>`。2. `<dt>`和`<dd>`個數(shù)沒有限制，經(jīng)常是一個`<dt>`對應多個`<dd>`6.4 列表總結(jié)
標簽名 定義 說明 <ul></ul> 無序標簽 里面只能包含li，沒有順序，使用較多，li里面可以包含任何標簽 <ol></ol> 有序標簽 里面只能包含li，有順序，使用較少，li里面可以包含任何標簽 <dl></dl> 自定義列表 里面只能包含dd和dt，dt和dd里面可以放任何標簽7 表單標簽
使用表單目的是為了收集用戶信息，在我們網(wǎng)頁中，我們也需要跟用戶進行交互，收集用戶資料，這時就需要表單了。
7.1 表單的組成
在HTML中，一個完整的表單通常包含表單域，表單控件（也稱表單元素）和提示信息三個部分構成。
7.2 表單域
表單域是一個包含表單元素的區(qū)域
在HTML標簽中，<form>標簽用于定義表單域，以實現(xiàn)用戶信息的收集和傳遞。
<form>會把它范圍內(nèi)的表單元素信息提交給服務器。
注意：
- 在我們寫表單元素之前，應該有個表單域把他們進行包含。
- 表單域是form標簽。
7.3 表單控件（表單元素）
在表單域中可以定義各種表單元素，這些表單元素允許用戶在表單中輸入或者選擇的內(nèi)容控件。
<input>表單元素
在英文單詞中，input是輸入的意思，而在表單元素中標簽用于收集用戶信息。
在<input>標簽中，包含一個type屬性，根據(jù)不同的type屬性值，輸入字段擁有很多種形式(可以是文本字段，復選框，掩碼后的文本控件，單選按鈕，按鈕等)。
7.4 表單元素總結(jié)
3.chacked屬性（默認選中狀態(tài)），當頁面打開就讓某個單選按鈕或者復選框就是選中狀態(tài)。
4.type屬性可以讓input表單元素設置不同的形態(tài)。
7.4.1<label>標簽
<label>標簽為input元素定義注釋（標簽）。
<label>標簽用于綁定一個表單元素，當點擊標簽內(nèi)的文本時，瀏覽器就會自動將焦點或光標轉(zhuǎn)到或者選擇對應的表單上，用來增加用戶體驗。
語法：
核心：label標簽的for屬性應相當與相關元素的id屬性相同。
7.4.2<select>表單元素
使用場景：在頁面中，如果有多個選項讓用戶選擇，并且想要節(jié)約頁面空間時，我們可以使用<select>標簽控件定義下拉列表。
語法表示：
7.4.3<textarea>表單元素
使用場景：當用戶輸入內(nèi)容較多的情況下，我們就不能使用文本框表單了，此時我們可以使用<textarea>標簽。
在表單元素中，<textarea>標簽是用于定義多行文本輸入的控件。該控件多用于留言板，評論。
語法表示：
事例：
<textarea row="3" cols="20">文本內(nèi)容</textarea> 1. 通過<textarea>標簽可以輕松創(chuàng)建多行文本輸入框。 2. cols="每行中的字符數(shù)"，rows="顯示的行數(shù)"，我們在實際開發(fā)中不會使用，都是用css來改變大小。·總結(jié)
以上就是我對html的了解和總結(jié)
總結(jié)
以上是生活随笔為你收集整理的浅浅总结一下HTML吧的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 海思Hi3516dv300屏幕调试MIP
- 下一篇： win8虚拟机_VMware 15虚拟机