跨行合并居中html标记语言,[前端Web]HTML语法最全解-建议收藏
原標(biāo)題：[前端Web]HTML語法最全解-建議收藏
1. 標(biāo)簽全解
1.1 文件標(biāo)記
作用：文檔聲明標(biāo)簽。定義該文檔是html5的文檔，位于標(biāo)簽前面
詳解：
HTML總共有很多的版本，那么瀏覽器怎么知道我們在使用哪個版本呢？
為了讓瀏覽器知道我們使用的HTML版本，我們需要在網(wǎng)頁的最上邊添加一個doctype聲明，來告訴瀏覽器網(wǎng)頁的版本。
標(biāo)簽：
作用：文件聲明，告訴瀏覽器知道這是HTML文件。它定義了整個HTML文檔。頁面中最大的標(biāo)簽，稱為根標(biāo)簽
語法：它有一個開始標(biāo)簽，以及一個結(jié)束標(biāo)簽 。中間是其他HTML的元素標(biāo)簽。
屬性：
lang屬性：用來定義當(dāng)前文檔 顯示的語言【en為英語，zh-CN為中文】
作用：頭標(biāo)簽。作用于文件開頭，提供文件整體的信息，引入外部的資源，指定HTML文檔的一些屬性。
注意：在
標(biāo)簽內(nèi)必須設(shè)置title標(biāo)簽標(biāo)簽：作用：標(biāo)題標(biāo)簽，一般會在網(wǎng)頁的標(biāo)題欄【瀏覽器的頂端】上顯示
標(biāo)簽：作用：主體標(biāo)簽，用來設(shè)置網(wǎng)頁的主體，所有在頁面中能看到的內(nèi)容都應(yīng)該編寫到body標(biāo)簽中
1.2 排版標(biāo)記
標(biāo)簽：
作用：說明標(biāo)記，做注釋使用，瀏覽器并不會執(zhí)行/顯示注釋內(nèi)容
添加注釋是為了更好地解釋代碼的功能。便于開發(fā)人員理解和閱讀代碼
標(biāo)簽：
作用：段落標(biāo)簽，為字、畫、表格之間留一行空白
特點：
文本在一個段落中會根據(jù)瀏覽器窗口的大小自動換行
段落和段落之間保有空隙
標(biāo)簽：
作用：強制換行標(biāo)簽，讓字、畫、表格在下一行顯示【閉合標(biāo)簽】
標(biāo)簽：
作用：水平線。插入一條水平線
標(biāo)簽：作用：水平居中。讓字、畫、表格水平居中
標(biāo)簽：作用：預(yù)設(shè)標(biāo)簽，讓標(biāo)簽里面的內(nèi)容按照原本格式輸出
標(biāo)簽：作用：塊級標(biāo)簽。相當(dāng)于一個盒子，用來裝內(nèi)容的
特點：一個div獨占一行
標(biāo)簽：
作用：強制不換行標(biāo)簽。在排版時，比如文章標(biāo)題的排版，希望無論多少字也不換行顯示，那可以使用標(biāo)簽來實現(xiàn)。
語法：內(nèi)容
標(biāo)簽：
作用：建議換行標(biāo)簽。規(guī)定在文本中的何處適合添加換行符。比如單詞太長，可以使用元素來添加換行。
語法：內(nèi)容
1.3 字體標(biāo)記
~
標(biāo)簽：
作用：標(biāo)題標(biāo)簽。變化程度與級數(shù)成反比。
標(biāo)記最大，
標(biāo)記最小
特點：
加了標(biāo)題的文字會變加粗，字號也會依次變大
一個標(biāo)題獨占一行
標(biāo)簽：
作用：粗體標(biāo)簽。標(biāo)簽可以強調(diào)的是字體外觀的加粗效果
標(biāo)簽：
作用：加重語氣。標(biāo)簽也是對字體加粗的效果，但是與標(biāo)簽不同的時，標(biāo)簽是要強調(diào)的內(nèi)容，起一個強調(diào)充分的作用。
還有就是搜索引擎更加注重標(biāo)簽下的關(guān)鍵詞。但是，如果頁面上有太多的strong標(biāo)簽，可能不利于排名。所以雖然strong標(biāo)簽更利于排名，但也需較少的使用。
標(biāo)簽：
作用：斜體標(biāo)簽。字體會出現(xiàn)斜體效果。
標(biāo)簽：
作用：強調(diào)標(biāo)記：字體出現(xiàn)斜體效果。標(biāo)簽是要強調(diào)的內(nèi)容，起一個強調(diào)充分的作用，搜索引擎更加注重標(biāo)簽。
標(biāo)簽：
作用：字體變小，呈現(xiàn)小號字體效果。
如果被包圍的字體已經(jīng)是字體模型所支持的最小字號，那么 標(biāo)簽將不起任何作用。并且 標(biāo)簽也可以嵌套，從而連續(xù)地把文字縮小。
標(biāo)簽：
作用：字體變大，呈現(xiàn)大號字體效果。
如果被包圍的字體已經(jīng)是字體模型所支持的最大字號，那么標(biāo)簽將不起任何作用。并且 標(biāo)簽也可以嵌套，從而連續(xù)地把文字縮大。
標(biāo)簽：
作用：定義下標(biāo)文字。
標(biāo)簽：
作用： 定義上標(biāo)文字。
標(biāo)簽：
作用：字體標(biāo)簽。設(shè)置文字的字體、大小和顏色等屬性
標(biāo)簽：
作用：規(guī)定頁面上的默認字體顏色和字號
標(biāo)簽：
作用：文字的刪除線。定義文檔中已被刪除的文本。表示刪除的內(nèi)容，顯示時通常會加上刪除線
標(biāo)簽：
作用：帶有下滑線的文本。表示插入的內(nèi)容，顯示時通常會加上下劃線
標(biāo)簽：
作用：可以指明對某內(nèi)容的引用或參考。例如，戲劇、文章或圖書的標(biāo)題，歌曲、電影、照片或雕塑的名稱等
標(biāo)簽：作用：定義塊引用，也叫長引用【當(dāng)
標(biāo)簽內(nèi)的文本較多的時候使用】標(biāo)簽之間的所有文本都會從原來文本中分離出來，還會在左、右兩邊進行縮進(增加外邊距)標(biāo)簽：
作用：定義塊引用，也叫短引用【當(dāng)標(biāo)簽內(nèi)的文本較少的時候使用】
效果：瀏覽器經(jīng)常在引用的內(nèi)容外邊添加引號
標(biāo)簽：
作用：代碼標(biāo)簽。
標(biāo)簽：
作用：表示變量的名稱，或者由用戶提供的值。經(jīng)常與和
標(biāo)簽一起使用，用來顯示計算機編程代碼范例及類似方面的特定元素。還有就是用標(biāo)簽標(biāo)記的文本通常顯示為斜體標(biāo)簽：【少用】
作用：類似打字機或者等寬的文本效果，字母寬度相同
標(biāo)簽：【少用】
作用：定義鍵盤文本
標(biāo)簽：【少用】
作用：標(biāo)記那些對特殊術(shù)語或短語的定義
u標(biāo)簽：[少用，在 HTML 4.01 中不推薦]
作用：斜體
標(biāo)簽：作用：定義文檔或文章的作者/擁有者的聯(lián)系信息
效果：
元素中的文本通常呈現(xiàn)為斜體。大多數(shù)瀏覽器會在 address 元素前后添加折行標(biāo)簽：【少用】
作用：字體稍微加寬，和差不多
1.4 清單標(biāo)記
作用：有序列表。清單將以數(shù)字、字母順序排列
- 標(biāo)簽：【重點】
作用： 無序列表。清單將以圓點排列
標(biāo)簽：作用： 定義列表項目
標(biāo)簽可用在有序列表 (- ) 中
作用： 自定義列表，結(jié)合
標(biāo)簽。【創(chuàng)建一個列表】場景：自定義列表常用于對術(shù)語或名詞進行解釋和描述，定義列表的列表項前沒有任何項目符號
標(biāo)簽：作用： 列表的標(biāo)題
標(biāo)簽：作用：【列表的內(nèi)容，也就是縮進的部分】
作用：定義目錄列表
例如：
1.5 表格標(biāo)記
作用：表格標(biāo)記，設(shè)定表格的各項整體參數(shù)
標(biāo)簽：作用： 表格標(biāo)題。caption 標(biāo)簽必須緊隨
作用：表格行標(biāo)簽
標(biāo)簽：作用： 表頭單元格，包含表頭信息
特點：內(nèi)容居中，加粗顯示
標(biāo)簽：作用： 標(biāo)準(zhǔn)單元格，包含數(shù)據(jù)
標(biāo)簽：
作用：表格的頭部區(qū)域
使用場景：因為表格可能很長，所以為了更好的表示表格的語義，可以將表格分割為表格頭部、表格主體和表格頁腳部分，這樣可以更好的分清表格結(jié)構(gòu)
標(biāo)簽：作用：表格的主體區(qū)域
標(biāo)簽：作用：表格的頁腳區(qū)域
align屬性：【center/left/right】規(guī)定表格相對周圍元素的對齊方式
border屬性：【1或""】規(guī)定表格單元是否擁有邊框。默認為""，表示沒有邊框
cellpadding屬性：【像素值】規(guī)定單元邊沿與其內(nèi)容之間的空白，默認1像素
cellspacing屬性：【像素值】規(guī)定單元格之間的空白，默認2像素
width屬性：【像素值或者百分比】規(guī)定表格的寬度
height屬性： 【像素值或者百分比】規(guī)定表格的高度
合并單元格：
方式：
跨行合并：rowspan="合并單元格的個數(shù)"
跨列合并：colspan="合并單元格的個數(shù)"
合并步驟：
先確定是跨行還是跨列
然后找到目標(biāo)單元格，寫上合并方式=合并的單元格數(shù)量
刪除多余的單元格
1.6 表單標(biāo)記
標(biāo)簽：作用：表單標(biāo)記。統(tǒng)一設(shè)置表單屬性
屬性：
action屬性=”URL地址“：用于指定接收并處理表單數(shù)據(jù)的服務(wù)器程序的URL地址
method屬性="提交方式"：用于設(shè)置表單數(shù)據(jù)的提交方式，其取值為GET/POST
name屬性=”表單域名稱“：用于指定表單的名稱，以區(qū)分同一個頁面中的多個表單域
標(biāo)簽：
作用： 輸入標(biāo)記。用于搜集用戶信息。根據(jù)不同的type屬性值，輸入字段擁有很多種形式
標(biāo)簽中包含一個type屬性，根據(jù)type屬性設(shè)置不同的屬性值來指定不同的控件類型
標(biāo)簽除了屬性的其他屬性：
name屬性：定義input元素的名稱
value屬性：規(guī)定input元素的值
checked屬性：首次加載時是否被選中 【屬性值：checked】
maxlength屬性：規(guī)定輸入字段中的最大長度 【屬性值：正整數(shù)即可】
注意：
name和value時每個表單元素都有的屬性值，主要給后臺人員使用
單選按鈕和復(fù)選框要有相同的name值
checked屬性主要針對于單選按鈕和復(fù)選框，例如：默認選中某個表單元素
標(biāo)簽：
作用：為input元素定義標(biāo)注(標(biāo)記)。用于綁定一個表單元素，當(dāng)點擊標(biāo)簽內(nèi)的文本時，瀏覽器就會自動將焦點(光標(biāo))轉(zhuǎn)到或者選擇對應(yīng)的表單元素上，用來增加用戶體驗。
語法：中的for屬性值和元素的id屬性值保持一致
標(biāo)簽：
作用： 下拉選擇標(biāo)簽，創(chuàng)建單選或多選菜單。配合標(biāo)簽
標(biāo)簽：
作用： 選項標(biāo)簽。定義下拉列表中的一個選項(一個條目)
在中定義selected="selected"，表示當(dāng)前選項設(shè)為默認選中項
標(biāo)簽：
作用： 文本域。定義多行的文本輸入控件
屬性：
rows屬性：顯示的行數(shù)
cols屬性：每行中的字符數(shù)
注意：實際開發(fā)中不會使用，都是用CSS來改變大小
1.7 圖像標(biāo)記
標(biāo)簽：
作用：圖像標(biāo)簽。插入圖片并設(shè)置圖片屬性【閉合標(biāo)簽】
屬性：
src屬性：是標(biāo)簽的必須屬性，用于指定圖像文件的路徑和文件名
alt屬性：如果無法顯示圖像，瀏覽器將顯示替代文本
title屬性：鼠標(biāo)放到文字上，顯示的文字
width屬性：單位像素，設(shè)置圖片的寬度
height屬性： 單位像素，設(shè)置圖片的高度
border屬性： 單位像素，設(shè)置圖片邊框的粗細
1.8 鏈接標(biāo)記
標(biāo)簽：
作用： 超鏈接標(biāo)簽
空連接：百度，表示沒有確定的鏈接目標(biāo)時
屬性：
href屬性：指定鏈接的目標(biāo)i地址【必選屬性】
target屬性：指定鏈接頁面的打開方式。其中_self為默認值，在當(dāng)前頁面打開；_blank為在新窗口中打開
錨點鏈接：
在鏈接文本的href屬性中，設(shè)置屬性值為"#名字"的形式。例如：第一
找到目標(biāo)位置標(biāo)簽，里面添加一個id屬性=剛才的名字。例如：
第一詳情
標(biāo)簽：
作用： 為頁面上的相對鏈接規(guī)定默認地址或默認target屬性
解釋：通常情況下，瀏覽器會從當(dāng)前文檔的 URL 中提取相應(yīng)的元素來填寫相對 URL 中的空白。使用 標(biāo)簽可以改變這一點。使用該標(biāo)簽后，之后的相對鏈接就可以從標(biāo)簽指定的目錄為基礎(chǔ)開始寫，就簡短多了
位置：標(biāo)簽必須位于 head 元素內(nèi)部
1.9 框架標(biāo)記
標(biāo)簽：作用： 定義一個框架集，它被用來組織多個窗口。每個窗口都是一個獨立的html界面。簡單說就是拆分窗口的
注意：
標(biāo)簽不能和標(biāo)簽同時存在，標(biāo)簽就是用來替代標(biāo)簽的標(biāo)簽：
作用： 定義 frameset中的具體的一個特定窗口
標(biāo)簽：
作用：頁內(nèi)框架，用于網(wǎng)頁中間插入框架(即行內(nèi)框架)
標(biāo)簽：
作用： 為不支持框架的瀏覽器顯示文本。如果瀏覽器不支持框架時的提示。noframes 元素位于 frameset 元素內(nèi)部
1.10 影像地圖
標(biāo)簽：
作用： 定義一個客戶端圖像映射。圖像映射(image-map)指帶有可點擊區(qū)域的一幅圖像
標(biāo)簽：
作用： 定義圖像映射中的區(qū)域(注：圖像映射指得是帶有可點擊區(qū)域的圖像)
1.11 多媒體
標(biāo)簽：
作用： 背景音樂
標(biāo)簽：
作用： 多媒體。加入聲音、音樂或影像
1.12 樣式表
作用： 樣式表，用于CSS
標(biāo)簽：
作用： 行內(nèi)元素。相當(dāng)于一個盒子，用來裝內(nèi)容的
特點：一行可以有多個
1.13 其他標(biāo)簽
標(biāo)簽：
作用： 提供有關(guān)頁面的元信息，比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞
屬性：
設(shè)置頁面的字符集：
設(shè)置網(wǎng)頁的描述：
設(shè)置網(wǎng)頁的關(guān)鍵字：
請求的重定向：
字符集：是多個字符的集合，以便計算機能夠識別和存儲各種文字
charset常用的值：UTF8、GBK、GB2312、BIG5。其中UTF8為萬國碼，基本包含了全世界國家所需的字符。
標(biāo)簽：
作用： 標(biāo)簽定義文檔與外部資源的關(guān)系
標(biāo)簽： 【不常用】
作用： 走動文字。令文字左右走動
標(biāo)簽： 【不常用】
作用： 閃爍文字
標(biāo)簽：
作用： 頁內(nèi)尋找器。可輸入關(guān)鍵字尋找該一頁
2. 特殊字符
在HTML中，一些特殊的字符很難或者不方便直接使用，就可以使用特殊字符來代替使用
責(zé)任編輯：
總結(jié)
以上是生活随笔為你收集整理的跨行合并居中html标记语言,[前端Web]HTML语法最全解-建议收藏的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： signature=ae032dcfdc
- 下一篇： HTML表单input类型有哪些,HTM