整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
-功能標簽有：
left 左對齊
center 居中對齊
right 右對齊
2-使用方法
在head標簽包裹內，title下，style內
text-align:left;將這個功能賦予一個值，然后，標簽使用；
3 示例
3-1讓文字居左,如下圖顯示，文字其實默認是居左的；
代碼如下圖
3-2 讓文字居中，需要重新給個定義值；如下圖瀏覽器顯示
給p標簽一個居中的值
3-3 讓文字居右，如下圖瀏覽器顯示;
代碼如下圖
4 給對應的標簽直接賦值；如下圖
代碼如下圖：
4-小結，通過對瀏覽器的拉伸和縮小，發現其實內容是隨著瀏覽器的寬度改變，可以理解為，這幾個值的作用并不是單純的居左居右，是對于標簽的內容進行的改變，這個改變會隨著瀏覽器的寬度做出自適應。而且，并不會因為賦值給標簽還是自定義標簽而改變。
（僅為個人自學的一點點思考，如有錯漏，歡迎留言指正）
例
將 HTML 網頁中的文本進行水平居中處理：
<center>這個文本居中對齊。</center>
瀏覽器支持
所有主流瀏覽器都支持 <center> 標簽。
標簽定義及使用說明
HTML5 不支持 <center> 標簽。請用 CSS 代替。
在 HTML 4.01 中，<center> 元素 已廢棄。
<center> 對其所包括的文本進行水平居中。
提示和注釋
提示：請使用 CSS 樣式來居中文本！在 CSS 教程中您能了解到更多關于居中文本的細節。
HTML 4.01 與 HTML5之間的差異
HTML5 不支持 <center> 標簽，HTML 4.01 已廢棄 <center> 標簽。
標準屬性
在 HTML 4.01 中，<center> 標簽支持如下標準屬性：
| 屬性 | 值 | 描述 |
|---|---|---|
| class | classname | 規定元素的類名 |
| dir | rtlltr | 規定元素中內容的文本方向 |
| id | id | 規定元素的唯一 id |
| lang | language_code | 規定元素中內容的語言代碼 |
| style | style_definition | 規定元素的行內樣式 |
| title | text | 規定元素的額外信息 |
如需完整的描述，請訪問標準屬性。
事件屬性
在 HTML 4.01 中，<center> 標簽支持如下事件屬性：
| 屬性 | 值 | 描述 |
|---|---|---|
| onclick | script | 當鼠標被單擊時執行腳本 |
| ondblclick | script | 當鼠標被雙擊時執行腳本 |
| onmousedown | script | 當鼠標按鈕被按下時執行腳本 |
| onmousemove | script | 當鼠標指針移動時執行腳本 |
| onmouseout | script | 當鼠標指針移出某元素時執行腳本 |
| onmouseover | script | 當鼠標指針懸停于某元素之上時執行腳本 |
| onmouseup | script | 當鼠標按鈕被松開時執行腳本 |
| onkeydown | script | 當鍵盤被按下時執行腳本 |
| onkeypress | script | 當鍵盤被按下后又松開時執行腳本 |
| onkeyup | script | 當鍵盤被松開時執行腳本 |
如需完整的描述，請訪問事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
續一周沒怎么更新了，今天我們繼續HTML的學習，表格標簽。表格是實際開發中常用的一種標簽類型，會說到表格標簽的主要作用和基本語法。
主要作用: 表格主要用于顯示、展示數據，因為它可以讓數據展示的非常規整，可讀性非常好，特別是后臺展示數據的時候，能夠熟練運用表格非常重要。一個清爽簡約的表格可以把復雜的數據表現的很簡單。表格不是用來布局頁面的，而是用來展示數據的。
表格的基本語法: <table><tr><td></td></tr></table>
<table></table>用來定義表格標簽
<tr></tr>用于定義表格中的行，嵌套在<table>標簽中使用
<td></td>用于定義表格中的單元格，嵌套在<tr>標簽中使用，字母td指表格數據(table data),即數據單元格的內容。
我們來展示一個例子，比如 數據庫中有三個字段，分別為 姓名 性別和年齡，如果想用前端將這三個字段的數據展示出來，應該怎么操作呢？
先看效果:
然后我們看下代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210829---</title>
</head>
<body>
<table>
<tr> <td>姓名</td> <td>性別</td> <td>年齡</td> </tr>
</table>
</body>
</html>
這次開始使用vs code來編輯代碼了，感覺比sublime line高級一些，但是相對的也麻煩點。可以看到，在前端頁面展示了 姓名、性別和年齡。然后我們添加一行數據，看效果:
民族英雄黃飛鴻如果還活著，應該也是一位非常高壽的宗師了。多加幾個數據
讓我們看看代碼有什么不同
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210829---</title>
</head>
<body>
<table>
<tr> <td>姓名</td> <td>性別</td> <td>年齡</td> </tr>
<tr> <td>黃飛鴻</td> <td>男</td> <td>188</td> </tr>
<!--再多創建幾個數據-->>
<tr><td>鬼腳七</td> <td>男</td> <td>186</td> </tr>
<tr><td>梁寬</td> <td>男</td> <td>33</td> </tr>
</table>
</body>
</html>
可以看到，就是將之前的數據進行了復制而已。
接著我們說下表頭單元格標簽，一般表頭單元格位于表頭的第一行或第一列，表頭單元格里面的文本內容，加粗居中表示。
<th>標簽表示HTML表格的表頭部分，table head的縮寫
我們先來看下效果:
再看下對應的代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210829---</title>
</head>
<body>
<table>
<!--HTML表格的表頭標簽，內容加粗居中展示-->>
<tr> <th>姓名</th> <th>性別</th> <th>年齡</th> </tr>
<tr> <td>黃飛鴻</td> <td>男</td> <td>188</td> </tr>
<!--再多創建幾個數據-->>
<tr><td>鬼腳七</td> <td>男</td> <td>186</td> </tr>
<tr><td>梁寬</td> <td>男</td> <td>33</td> </tr>
</table>
</body>
</html>
就是將表格表頭那一行的<td>都換成了<th>，可以看到表頭每個字段都已經居中并且加粗了。
最后我們說下表格的屬性，其實表格標簽屬性這部分用的不多，一般都是用css樣式來設置。例如表格的邊框、大小等。我們需要關注的表格屬性目的，有2點:
align 屬性值: left right center 對應表格相對周圍元素的對齊方式
border 屬性值 1或"" (空) 規定表格單元是否有邊框，默認為空，表示沒有邊框
cellpadding 像素值 規定單元邊沿與其內容之間的空白，默認1像素
cellspacing 像素值 規定單元格之間的空白，默認1像素
width 像素值或百分比 規定表格的寬度
我們來看下效果:
來看下代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210829---</title>
</head>
<body>
<table align="center" border=1 cellpadding=1 cellspacing=1 width=500>
<!--HTML表格的表頭標簽，內容加粗居中展示-->>
<tr> <th>姓名</th> <th>性別</th> <th>年齡</th> </tr>
<tr> <td>黃飛鴻</td> <td>男</td> <td>188</td> </tr>
<!--再多創建幾個數據-->>
<tr><td>鬼腳七</td> <td>男</td> <td>186</td> </tr>
<tr><td>梁寬</td> <td>男</td> <td>33</td> </tr>
</table>
</body>
</html>
記住，屬性都是在table處添加和修改的，因為我們是對整個table的設置值。
好的，今天就先到這里了，大家周末愉快
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
